/* Required */
/*  ------------------------------------------------------------------

@library :      CNN Grid System - SASS
@version :      0.0.0.1
@description :  System for managing breakpoints and
	            responsive grid columns.

@author :       Kenneth Uzquiano (kenneth.uzquiano@gmail.com)

------------------------------------------------------------------ */
    /*  BASE VALUES
		-----------
		All default values for generating the grid can be found in the
		'lib/vars' file. They can also be overidden by the project's vars file.
		Here is a brief description of what each variable within this file does.
		These variables are global, as they need to be used from mixin to mixin,
		but are calculated at each grid change, thus, do not need to be initialized.

		    $grid-id :              Active grid id
		    $grid-active :          Active grid
		    $grid-columns :         Number of columns in active grid
		    $grid-column-width :    Width of a column based on units below
		    $grid-query :           Media query for active grid
		    $grid-full-width :      Full width of active grid
    */
    /*  -------------------------------
	                MIXINS
		-------------------------------

		@mixin :                @mixin breakpoint( $breakpointId: mobile )
		@description :          Define active grid by id
		@param $breakpointId :  Id of grid to activate (default : mobile)
		@param $retina :        Include media queries for retina displays (default : false)
    */
/* 20px */
    /*
    	@mixin :                @mixin grid-col( $col: 1 )
		@description :          Calculate widths of grid columns based on px, ems, or %
		@param $col :           Number of columns to calculate width (default : 1)
		@param $fluid :         Calculate using percentages vs em / px (default : true)
	*/
/*
	@mixin :                @mixin grid-row( $fluid: true )
	@description :          Define a row to house columned elements
	@param $fluid :         Calculate using percentages vs em / px (default : true)
*/
/*
	---------------------------------
	           FUNCTIONS
	---------------------------------
*/
/*
	@function :         -fn-findGridById( $gridID: mobile )
	@description :      Define active grid by id
	@param $gridId :    Id of grid to activate
*/
/*
	@function :         -fn-setGridProperties($p_grid)
	@description :      Set properties based on active grid
	@param $p_grid :    Grid to use to set properties
*/
/*
	@function :         -fn-getStaticWidth($col: 1)
	@description :      Calculate and return the static width of columns.
	@param $col :       Number of columns to use to calculate static width.
*/
/*
	@function :         -fn-getFluidWidth($col: 1)
	@description :      Calculate and return the fluid width of columns.
	@param $col :       Number of columns to use to calculate fluid width.
*/
/*
	@function :         -fn-getStaticMargin()
	@description :      Calculate and return the static margin
	@param :            null
*/
/*
	@function :         -fn-getFluidMargin()
	@description :      Calculate and return the fluid margin
	@param :            null
*/
body {
  font-size: 16px;
  font-family: CNN,"Helvetica Neue",Helvetica,Arial,Utkal,sans-serif; }
  body * {
    box-sizing: border-box; }

/* Set up flexible containers */
.block,
.cnn-outbrain,
#comments,
#disqus_thread {
  margin: 0 auto;
  width: 95%;
  max-width: 980px; }

.block {
  padding: 40px 0; }
  .block.no-padding {
    padding: 0; }

/* ------------ MOBILE / DEFAULT STYLES ------------ */
h1 {
  font-size: 1.75rem;
  line-height: 1.21429;
  padding: 10px 0 0;
  font-weight: 300;
  margin: 10px 0; }

.metadata {
  color: #737373;
  font-weight: 400;
  font-size: .75rem;
  line-height: 1.5; }
  .metadata p {
    margin-bottom: 0; }
  .metadata__byline {
    font-weight: 700;
    padding-bottom: 0; }
    .metadata__byline a {
      color: #006598; }
      .metadata__byline a:hover {
        color: #cc0000; }
  .metadata:after {
    clear: both;
    content: '';
    display: table; }

p {
  padding: 0 10px 18px 0; }

/* ------------ TABLET STYLES ------------ */
/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  h1 {
    font-size: 3.25rem;
    line-height: 1.07692;
    padding: 10px 0 0;
    font-weight: 300;
    margin: 10px 0; }

  .metadata {
    color: #737373;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143; }
    .metadata p {
      margin-bottom: 0; }
    .metadata__byline {
      font-weight: 700;
      padding-bottom: 0; }
      .metadata__byline a {
        color: #006598; }
        .metadata__byline a:hover {
          color: #cc0000; }
    .metadata:after {
      clear: both;
      content: '';
      display: table; } }
/* ------------ DESKTOP STYLES ------------ */
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  h1 {
    font-size: 3.875rem;
    line-height: 1.06452;
    padding: 10px 0 0;
    font-weight: 300;
    margin: 10px 0; }

  .metadata {
    color: #737373;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5; }
    .metadata p {
      margin-bottom: 0; }
    .metadata__byline {
      font-weight: 700;
      padding-bottom: 0; }
      .metadata__byline a {
        color: #006598; }
        .metadata__byline a:hover {
          color: #cc0000; }
    .metadata:after {
      clear: both;
      content: '';
      display: table; } }
/* CNN Sharebar */
.share-container {
  display: block;
  position: relative;
  max-width: 300px;
  margin: 0 auto; }
  .share-container .share-bar {
    width: auto;
    float: none;
    text-align: center;
    padding: 0; }
    .share-container .share-bar li.share-button {
      display: inline-block;
      width: 35px;
      height: 35px;
      margin-right: 5px;
      cursor: pointer;
      list-style-type: none;
      -webkit-transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s; }
      .share-container .share-bar li.share-button.email {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button.facebook {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button.twitter {
        background: url("https://cdn.cnn.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button:hover {
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2); }
      .share-container .share-bar li.share-button:last-child {
        margin-right: 0px; }

/*---------------
TABLET
---------------*/
/* Project-level vars */
/*
    CNN Colors
    based on swatches from Data vis style guide
    (http://docs.turner.com/display/cnndxg/Data+Visualisation+style+guide)
*/
a {
  text-decoration: none;
  color: #006598; }
  a:hover {
    color: #cc0000; }

img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

body {
  margin: 0; }

.cnn-outbrain {
  margin-top: 60px; }

.one-pulse--header {
  display: block;
  position: relative;
  background: #000 url("https://cdn.cnn.com/cnn/interactive/2016/03/world/brussels-terror-attacks-victims/media/background.jpg") no-repeat center 20%;
  height: 300px;
  width: 100%;
  padding: 0 30px; }
  .one-pulse--header__title-container {
    display: block;
    position: absolute;
    text-align: center;
    max-width: 700px;
    width: 100%;
    bottom: 100px;
    right: 0;
    left: 0;
    margin: auto; }
  .one-pulse--header__title {
    position: relative;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 800;
    letter-spacing: 0.4em;
    color: #FEFEFE;
    margin: 0; }
  .one-pulse--header__subtitle {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 100;
    letter-spacing: 0.4em;
    line-height: 1.5em;
    margin: 0;
    color: #E6E6E6; }
  .one-pulse--header__stripe {
    display: block;
    position: relative;
    width: 300px;
    margin: 15px auto; }
  .one-pulse--header__byline {
    display: block;
    position: absolute;
    font-weight: 200;
    line-height: 1.3em;
    text-align: center;
    color: #8C8C8C;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    bottom: 20px; }
    .one-pulse--header__byline .author {
      color: #BFBFBF; }
.one-pulse--profile {
  text-align: center;
  margin-bottom: 30px; }
  .one-pulse--profile__title {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 600;
    color: #404040; }
  .one-pulse--profile__subtitle {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    font-size: 1.3em;
    font-weight: 100;
    color: #737373; }
  .one-pulse--profile__stripe {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 280px; }

.d-intro-full-bleed {
  width: 100%;
  padding: 0;
  position: relative;
  height: auto;
  padding-bottom: 0;
  z-index: 26; }
  .d-intro-full-bleed .gradient {
    display: none; }
  .d-intro-full-bleed .d-intro-hed-container {
    display: block;
    margin: 30px auto 0;
    width: 95%;
    position: relative;
    bottom: initial;
    left: initial;
    color: #404040;
    z-index: 25; }
    .d-intro-full-bleed .d-intro-hed-container .d-intro-hed {
      width: 100%;
      text-align: center;
      margin-top: 30px; }
      .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-headline {
        font-size: 30px;
        font-weight: 600;
        color: #000;
        padding: 0;
        margin: 0; }
      .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-subtitle {
        font-size: 24px;
        font-weight: 100;
        color: #000;
        padding: 0;
        margin: 10px 0; }
      .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-byline {
        font-weight: 200;
        line-height: 1.8em; }
        .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-byline:before {
          content: " ";
          display: block;
          position: relative;
          width: 100px;
          height: 0;
          margin: 0 auto;
          padding-bottom: 10px;
          border-top: 1px #BFBFBF solid; }
  .d-intro-full-bleed img {
    width: 100%;
    vertical-align: middle;
    height: auto;
    z-index: 20; }

.d-image--full-width {
  display: block;
  position: relative;
  width: 100%; }
  .d-image--full-width img {
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    height: auto; }
.d-image__bg {
  display: block;
  position: absolute;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0; }

.a-blur-in-out {
  -webkit-animation-name: blur-in-out;
  -moz-animation: blur-in-out 5000ms linear 0ms 1 normal forwards paused;
  -ms-animation: blur-in-out 5000ms linear 0ms 1 normal forwards paused;
  -o-animation: blur-in-out 5000ms linear 0ms 1 normal forwards paused;
  animation: blur-in-out 5000ms linear 0ms 1 normal forwards paused; }
  .a-blur-in-out--intro {
    -webkit-animation-name: blur-in-out--intro;
    -moz-animation: blur-in-out--intro 5000ms linear 0ms 1 normal forwards paused;
    -ms-animation: blur-in-out--intro 5000ms linear 0ms 1 normal forwards paused;
    -o-animation: blur-in-out--intro 5000ms linear 0ms 1 normal forwards paused;
    animation: blur-in-out--intro 5000ms linear 0ms 1 normal forwards paused; }
  .a-blur-in-out--light {
    -webkit-animation-name: blur-in-out--light;
    -moz-animation: blur-in-out--light 5000ms linear 0ms 1 normal forwards paused;
    -ms-animation: blur-in-out--light 5000ms linear 0ms 1 normal forwards paused;
    -o-animation: blur-in-out--light 5000ms linear 0ms 1 normal forwards paused;
    animation: blur-in-out--light 5000ms linear 0ms 1 normal forwards paused; }
  .a-blur-in-out--fade {
    -webkit-animation-name: blur-in-out--fade;
    -moz-animation: blur-in-out--fade 5000ms linear 0ms 1 normal forwards paused;
    -ms-animation: blur-in-out--fade 5000ms linear 0ms 1 normal forwards paused;
    -o-animation: blur-in-out--fade 5000ms linear 0ms 1 normal forwards paused;
    animation: blur-in-out--fade 5000ms linear 0ms 1 normal forwards paused; }

.d-frame {
  width: 100%;
  margin: 20px auto 40px; }
  .d-frame .half {
    width: 100%;
    margin-bottom: 20px; }
    .d-frame .half img {
      width: 100%;
      vertical-align: middle;
      height: auto; }
  .d-frame.standard {
    max-width: 720px; }
  .d-frame.vert {
    max-width: 420px; }
  .d-frame.small {
    max-width: 500px; }

.d-photo {
  display: block; }
  .d-photo:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .d-photo.full-width {
    width: 100%; }
    .d-photo.full-width img {
      width: 100%;
      vertical-align: middle;
      height: auto; }
  .d-photo.standard {
    width: 100%;
    max-width: 940px; }
    .d-photo.standard img {
      width: 100%;
      vertical-align: middle;
      height: auto; }
  .d-photo.black {
    display: block;
    overflow: hidden;
    background: #000; }
  .d-photo .full-width {
    margin-bottom: 15px; }
    .d-photo .full-width img {
      width: 100%;
      vertical-align: middle;
      height: auto; }
  .d-photo .large {
    width: 62%; }
    .d-photo .large img {
      width: 100%;
      vertical-align: middle;
      height: auto; }
  .d-photo .small {
    width: 33%; }
    .d-photo .small img {
      width: 100%;
      vertical-align: middle;
      height: auto; }

.d-caption {
  color: #8C8C8C;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  padding: 0 10px;
  margin: 10px 0 0; }
  .d-caption span.bold {
    font-weight: bold; }
  .d-caption.center {
    text-align: center; }
  .d-image .d-caption {
    display: block;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    color: #FFF;
    padding: 5px;
    width: 100%;
    left: 0;
    bottom: 0; }

.d-pullquote {
  display: block;
  width: 100%;
  max-width: 620px;
  margin: 30px auto; }
  .d-pullquote.small {
    max-width: 460px; }
  .d-pullquote:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .d-pullquote blockquote {
    color: #8C8C8C;
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    padding: 0;
    margin: 0; }
    .d-pullquote blockquote:after {
      width: 120px;
      height: 1px;
      background-color: #D9D9D9;
      display: block;
      margin: 15px 0;
      content: " "; }
  .d-pullquote cite {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #8C8C8C;
    font-style: normal; }

p.d-body-copy {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  padding: 0 0 16px 0;
  margin: 0 auto;
  color: #404040;
  width: 100%;
  max-width: 620px; }
  p.d-body-copy.dateline {
    font-size: 0.95em;
    font-style: italic; }

.d-body-credits {
  position: relative;
  padding: 30px 20px 0;
  margin: 0 auto;
  color: #8C8C8C;
  width: 100%;
  max-width: 620px; }
  .d-body-credits p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 16px 0;
    margin: 0 auto;
    color: #8C8C8C;
    width: 100%;
    max-width: 620px; }
  .d-body-credits:before {
    width: 120px;
    height: 1px;
    background-color: #D9D9D9;
    display: block;
    margin: 15px 0 15px 20px;
    content: " ";
    position: absolute;
    top: 0;
    left: 0; }

/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  .d-intro-hed-container .d-intro-hed {
    margin-top: 30px; }
    .d-intro-hed-container .d-intro-hed .d-intro-headline {
      font-size: 3.75em;
      font-weight: 600;
      color: #000; }
    .d-intro-hed-container .d-intro-hed .d-intro-subtitle {
      font-size: 55px;
      font-weight: 100;
      color: #000;
      padding: 0;
      margin: 5px 0; }
    .d-intro-hed-container .d-intro-hed .d-intro-byline {
      font-weight: 200; } }
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  .one-pulse--header__title {
    font-size: 3em; }
  .one-pulse--header__subtitle {
    font-size: 2em; }
  .one-pulse--header__stripe {
    width: 500px;
    margin: 10px auto; }

  .d-intro-full-bleed {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 26;
    overflow: hidden;
    background-size: cover;
    background-position: center; }
    .d-intro-full-bleed .gradient {
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(0deg, rgba(25, 25, 25, 0.9), rgba(25, 25, 25, 0) 50%);
      z-index: 24; }
    .d-intro-full-bleed .d-intro-hed-container {
      display: block;
      margin: 30px auto 0;
      position: relative;
      z-index: 25;
      text-align: left;
      max-width: 1100px; }
      .d-intro-full-bleed .d-intro-hed-container .d-intro-hed {
        margin-top: 30px; }
        .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-headline {
          font-size: 5em;
          font-weight: 600;
          color: #000; }
        .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-subtitle {
          font-size: 55px;
          font-weight: 100;
          color: #000;
          padding: 0;
          margin: 5px 0; }
        .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-byline {
          font-weight: 200; }
          .d-intro-full-bleed .d-intro-hed-container .d-intro-hed .d-intro-byline:before {
            content: " ";
            display: block;
            position: relative;
            width: 100px;
            height: 0;
            margin: 0 auto 10px;
            border-top: 1px #BFBFBF solid; }

  .d-frame .half {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px; }
    .d-frame .half:last-child {
      margin-right: 0; }
    .d-frame .half img {
      width: 100%;
      vertical-align: middle;
      height: auto; }
  .d-frame:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

  .d-photo {
    display: block; }
    .d-photo:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .d-photo .d-caption {
      color: #8C8C8C;
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      padding: 0;
      margin: 10px 0 0; }
      .d-photo .d-caption span.bold {
        font-weight: bold; }
    .d-photo.standard {
      width: 100%;
      max-width: 680px; }
      .d-photo.standard img {
        width: 100%;
        vertical-align: middle;
        height: auto; }
    .d-photo .large {
      width: 62%; }
      .d-photo .large img {
        width: 100%;
        vertical-align: middle;
        height: auto; }
    .d-photo .small {
      width: 33%; }
      .d-photo .small img {
        width: 100%;
        vertical-align: middle;
        height: auto; }
    .d-photo .left {
      float: left;
      margin-right: 2%; }
    .d-photo .right {
      float: right;
      margin-left: 2%; }

  .d-pullquote {
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 50px auto; }
    .d-pullquote:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    .d-pullquote blockquote {
      color: #8C8C8C;
      font-weight: 300;
      font-size: 32px;
      line-height: 40px;
      padding: 0;
      margin: 0; }
      .d-pullquote blockquote:after {
        width: 120px;
        height: 1px;
        background-color: #D9D9D9;
        display: block;
        margin: 15px 0;
        content: " "; }
    .d-pullquote cite {
      font-size: 16px;
      font-weight: 300;
      line-height: 20px;
      color: #8C8C8C;
      font-style: normal; }

  p.d-body-copy {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    padding: 0 0 16px 0;
    margin: 0 auto;
    color: #404040;
    width: 100%;
    max-width: 620px; }

  .d-body-credits {
    position: relative;
    padding-top: 30px;
    margin: 0 auto;
    color: #8C8C8C;
    width: 100%;
    max-width: 620px; }
    .d-body-credits p {
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      padding: 0 0 16px 0;
      margin: 0 auto;
      color: #8C8C8C;
      width: 100%;
      max-width: 620px; }
    .d-body-credits:before {
      width: 120px;
      height: 1px;
      background-color: #D9D9D9;
      display: block;
      margin: 15px 0 15px 20px;
      content: " ";
      position: absolute;
      top: 0;
      left: 0; } }
.cnnint-section {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #BFBFBF; }
  .cnnint-section img {
    padding: 0;
    vertical-align: middle; }
    .cnnint-section img.left {
      max-width: 640px;
      width: 60%;
      float: left;
      padding-right: 20px; }
    .cnnint-section img.right {
      max-width: 640px;
      width: 60%;
      float: right;
      padding-left: 20px; }
  .cnnint-section .cvp-video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 20px; }
    .cnnint-section .cvp-video div {
      height: auto;
      max-width: 100%;
      width: 100%; }
    .cnnint-section .cvp-video video, .cnnint-section .cvp-video iframe, .cnnint-section .cvp-video object {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }

@media screen and (max-width: 480px) {
  .cnnint-section img {
    padding: 10px 0;
    vertical-align: middle; }
    .cnnint-section img.full-width {
      max-width: 480px;
      width: 100%; }
    .cnnint-section img.left, .cnnint-section img.right {
      max-width: 480px;
      width: 100%;
      float: none;
      padding-right: 0px;
      padding-left: 0px; } }
@keyframes blur-in-out--fade {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(0) contrast(2);
    -moz-filter: blur(5px) brightness(0) contrast(2);
    -ms-filter: blur(5px) brightness(0) contrast(2);
    -o-filter: blur(5px) brightness(0) contrast(2);
    filter: blur(5px) brightness(0) contrast(2); }
  10% {
    -webkit-filter: blur(4px) brightness(0.35) contrast(1.75);
    -moz-filter: blur(4px) brightness(0.35) contrast(1.75);
    -ms-filter: blur(4px) brightness(0.35) contrast(1.75);
    -o-filter: blur(4px) brightness(0.35) contrast(1.75);
    filter: blur(4px) brightness(0.35) contrast(1.75); }
  35% {
    -webkit-filter: blur(0px) brightness(1) contrast(1);
    -moz-filter: blur(0px) brightness(1) contrast(1);
    -ms-filter: blur(0px) brightness(1) contrast(1);
    -o-filter: blur(0px) brightness(1) contrast(1);
    filter: blur(0px) brightness(1) contrast(1); }
  85% {
    -webkit-filter: blur(0px) brightness(1) contrast(1);
    -moz-filter: blur(0px) brightness(1) contrast(1);
    -ms-filter: blur(0px) brightness(1) contrast(1);
    -o-filter: blur(0px) brightness(1) contrast(1);
    filter: blur(0px) brightness(1) contrast(1); }
  100% {
    -webkit-filter: blur(5px) brightness(0) contrast(2);
    -moz-filter: blur(5px) brightness(0) contrast(2);
    -ms-filter: blur(5px) brightness(0) contrast(2);
    -o-filter: blur(5px) brightness(0) contrast(2);
    filter: blur(5px) brightness(0) contrast(2); } }
@-webkit-keyframes blur-in-out--fade {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(0) contrast(2);
    -moz-filter: blur(5px) brightness(0) contrast(2);
    -ms-filter: blur(5px) brightness(0) contrast(2);
    -o-filter: blur(5px) brightness(0) contrast(2);
    filter: blur(5px) brightness(0) contrast(2); }
  10% {
    -webkit-filter: blur(4px) brightness(0.35) contrast(1.75);
    -moz-filter: blur(4px) brightness(0.35) contrast(1.75);
    -ms-filter: blur(4px) brightness(0.35) contrast(1.75);
    -o-filter: blur(4px) brightness(0.35) contrast(1.75);
    filter: blur(4px) brightness(0.35) contrast(1.75); }
  35% {
    -webkit-filter: blur(0px) brightness(1) contrast(1);
    -moz-filter: blur(0px) brightness(1) contrast(1);
    -ms-filter: blur(0px) brightness(1) contrast(1);
    -o-filter: blur(0px) brightness(1) contrast(1);
    filter: blur(0px) brightness(1) contrast(1); }
  85% {
    -webkit-filter: blur(0px) brightness(1) contrast(1);
    -moz-filter: blur(0px) brightness(1) contrast(1);
    -ms-filter: blur(0px) brightness(1) contrast(1);
    -o-filter: blur(0px) brightness(1) contrast(1);
    filter: blur(0px) brightness(1) contrast(1); }
  100% {
    -webkit-filter: blur(5px) brightness(0) contrast(2);
    -moz-filter: blur(5px) brightness(0) contrast(2);
    -ms-filter: blur(5px) brightness(0) contrast(2);
    -o-filter: blur(5px) brightness(0) contrast(2);
    filter: blur(5px) brightness(0) contrast(2); } }
@keyframes blur-in-out {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; }
  15% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  85% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  100% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; } }
@-webkit-keyframes blur-in-out {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; }
  15% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  85% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  100% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; } }
@keyframes blur-in-out--light {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(1.5);
    -moz-filter: blur(5px) brightness(1.5);
    -ms-filter: blur(5px) brightness(1.5);
    -o-filter: blur(5px) brightness(1.5);
    filter: blur(5px) brightness(1.5);
    opacity: 0.5; }
  25% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  75% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  100% {
    -webkit-filter: blur(5px) brightness(1.5);
    -moz-filter: blur(5px) brightness(1.5);
    -ms-filter: blur(5px) brightness(1.5);
    -o-filter: blur(5px) brightness(1.5);
    filter: blur(5px) brightness(1.5);
    opacity: 0.5; } }
@-webkit-keyframes blur-in-out--light {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(1.5);
    -moz-filter: blur(5px) brightness(1.5);
    -ms-filter: blur(5px) brightness(1.5);
    -o-filter: blur(5px) brightness(1.5);
    filter: blur(5px) brightness(1.5);
    opacity: 0.5; }
  25% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  75% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  100% {
    -webkit-filter: blur(5px) brightness(1.5);
    -moz-filter: blur(5px) brightness(1.5);
    -ms-filter: blur(5px) brightness(1.5);
    -o-filter: blur(5px) brightness(1.5);
    filter: blur(5px) brightness(1.5);
    opacity: 0.5; } }
@keyframes blur-in-out--intro {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; }
  25% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  90% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  100% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; } }
@-webkit-keyframes blur-in-out--intro {
  0% {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1; }
  0.1% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; }
  25% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  90% {
    -webkit-filter: blur(0px) brightness(1);
    -moz-filter: blur(0px) brightness(1);
    -ms-filter: blur(0px) brightness(1);
    -o-filter: blur(0px) brightness(1);
    filter: blur(0px) brightness(1);
    opacity: 1; }
  100% {
    -webkit-filter: blur(5px) brightness(2);
    -moz-filter: blur(5px) brightness(2);
    -ms-filter: blur(5px) brightness(2);
    -o-filter: blur(5px) brightness(2);
    filter: blur(5px) brightness(2);
    opacity: 0.5; } }

/*# sourceMappingURL=one-pulse.css.map */