/*
Samsung Should be Scoped within .touch
    @media only screen and (max-device-width: 1280px) and (orientation:landscape) { .touch & {display: none;}}
    @media only screen and (device-width: 720px) and (device-height: 1280px) and (orientation: portrait) { .touch & {display: none;}}
*/
p, h1, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, .product-profile, .product-profile a, .product-profile .download-text, .think-freedom-first img, .think-freedom-first iframe, .think-freedom-first h1, .think-freedom-first h2, .think-freedom-first .copy, .think-freedom-first p, .think-freedom-first .main-video, .freedom-from-lack-of-choice table, .freedom-to-feel-more-secure figure p, .freedom-to-feel-more-secure figure p span, .freedom-to-feel-more-secure .product-profile, .freedom-to-feel-more-secure .download-text {
  position: relative;
  z-index: 15; }

/*
MAKE SURE ITALIC FONTS ARE LISTED LAST
*/
/*  
    This reset is based on multiple projects for Advertising Agencies
    where QA resources are readily available and testing is thorough.
    IE8 is supported, as many large companies still use it.
    
    It uses Normalize, Eric Meyer's reset, and some custom styles.
    
    AngularJS is also covered for IE8.

    This also sets all containing elements to overflow: auto; This allows for 
    a simple clearing, but will allow for scroll bars if overflow needs to be reset.
    Overflow should be reset if a scroll bar is visible, as the width or height is
    probably calculated incorrectly, causing the issue.
    
    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
    
    ! normalize.css v3.0.2 | MIT License | git.io/normalize

*/
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 */
main, article, aside, code, samp, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

\3A article, \3A aside, \3A details, \3A figcaption, \3A figure, \3A footer, \3A header, \3A hgroup, \3A main, \3A nav, \3A section, \3A summary {
  display: block; }

/* For Angular in IE8 */
body {
  line-height: 1.1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* FF Outline Remover */
*|*:link {
  outline: none !important; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/*Flexible Elements*/
article, address, aside, code, samp, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section {
  overflow: auto; }

main {
  overflow: visible; }

*, *:before, *:after {
  box-sizing: border-box; }

/*Styles from Normalize*/
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

svg:not(:root) {
  overflow: hidden; }

/* CSS Document */
html {
  direction: ltr;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.1;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

bdi {
  direction: rtl; }

body {
  font-weight: 400;
  font-family: Helvetica, Arial, sans-serif; }

main {
  position: relative;
  margin: 0 auto; }

/*Links*/
a {
  text-align: left;
  text-decoration: none;
  color: #32c10d; }

a:hover {
  text-align: left;
  text-decoration: underline; }

a:active {
  text-align: left;
  text-decoration: underline;
  opacity: 0.9; }

a.selected {
  text-align: left;
  text-decoration: none;
  color: #fbb100;
  cursor: default; }

/*Selected is a special class used to show which link you are on*/
li.selected a {
  text-align: left;
  text-decoration: none;
  color: #fbb100;
  cursor: default; }

p {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.3;
  margin: 0 0 1.3em;
  word-break: normal; }
  @media only screen and (max-width: 479px) {
    p {
      font-size: 16px; } }

h1 {
  color: #ffffff;
  font-family: "proxima-nova",sans-serif;
  font-size: 46px;
  font-style: normal;
  line-height: 0.9em;
  width: auto;
  word-break: normal;
  margin-bottom: 11px;
  font-weight: 300; }
  @media only screen and (max-width: 1023px) {
    h1 {
      font-size: 34px; } }
  @media only screen and (max-width: 479px) {
    h1 {
      font-size: 23px; } }

h2 {
  font-size: 3.6em;
  font-weight: inherit;
  line-height: 1.2;
  margin: 0;
  width: auto;
  color: #fa2907; }

h3 {
  font-size: 2.8em;
  font-weight: inherit;
  line-height: 1.2;
  margin: 0;
  width: auto;
  color: #2190d7; }

h4 {
  font-size: 2.4em;
  font-weight: inherit;
  line-height: 1.1;
  margin: 0;
  width: auto;
  color: #32c10d; }

h5 {
  font-size: 2.1em;
  line-height: 1.1;
  margin: 0;
  width: auto;
  color: #fbb100; }

h6 {
  font-size: 1.6em;
  line-height: 1.1;
  margin: 0;
  width: auto;
  color: #8e7f74; }

small {
  font-size: 0.8em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

time {
  width: auto; }

blockquote {
  color: #7f7e7e;
  font-style: italic;
  font-weight: bold;
  word-break: break-all;
  display: block;
  padding: 0;
  border: 0 solid #ffffff;
  margin: 0 auto 2.8em;
  position: relative;
  quotes: none;
  text-align: left; }

blockquote p {
  display: inline;
  font-style: normal; }

blockquote p:before {
  content: "\201C";
  display: inline;
  font-size: 200%;
  position: relative;
  vertical-align: -19%;
  left: -0.05%; }

blockquote p:after {
  content: "\201D";
  display: inline;
  font-size: 200%;
  line-height: normal;
  position: relative;
  vertical-align: -23%; }

blockquote cite {
  font-style: normal;
  margin-top: 1em; }

blockquote cite:before {
  content: none; }

q:before {
  content: "\0022"; }

q:after {
  content: "\0022"; }

cite {
  font-family: 'Courier New', Courier, monospace; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

hr {
  display: block;
  clear: both;
  border: 0;
  border-bottom: 0.1em solid #cccccc;
  background: none; }

sub {
  line-height: 0;
  vertical-align: sub;
  font-size: 60%; }

sup {
  vertical-align: super;
  font-size: 60%;
  top: 1.5em; }

abbr {
  border-bottom: 0.1em dotted #666; }

acronym {
  border-bottom: 0.1em dotted #666; }

address {
  font-style: italic;
  color: #2190d7;
  background: #F6F4F0;
  border: 0.1em solid #e5e5e5;
  padding: 0.8em; }

del {
  color: #fa2907;
  text-decoration: line-through; }

ins {
  color: #32c10d;
  text-decoration: none; }

mark {
  background: #ffff00;
  color: #000000; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*Pre is depreciated*/
pre {
  margin: 1.5em 0;
  white-space: pre;
  font-family: 'andale mono', 'lucida console', monospace;
  line-height: 1.2em;
  color: #09F;
  background: #F6F4F0;
  border: 0.1em solid #e5e5e5;
  padding: 0.8em; }

code {
  margin: 1.5em 0;
  font-family: 'andale mono', 'lucida console', monospace;
  line-height: 1.2em;
  color: #000000;
  background: #F6F4F0;
  border: 0.1em solid #cccccc;
  padding: 0.8em; }

code::-moz-selection {
  background: #CF9; }

code::selection {
  background: #CF9; }

code::-moz-selection {
  background: #CF9; }

samp {
  margin: 1.5em 0;
  font-family: 'andale mono', 'lucida console', monospace;
  line-height: 1.2em;
  color: #000000;
  background: #F6F4F0;
  border: 1px solid #cccccc;
  padding: 0.8em; }

tt {
  margin: 1.5em 0;
  white-space: pre;
  font-family: 'andale mono', 'lucida console', monospace;
  line-height: 1.2;
  color: #09F;
  background: #F6F4F0;
  border: 0.1em solid #e5e5e5;
  padding: 0.8em; }

/*tt is kind of depreciated*/
/* Lists */
li ul, li ol {
  margin: 0; }

ul, ol {
  margin: 0.8em 0; }

ul {
  list-style-type: none; }

ol {
  list-style-type: decimal; }

ul li {
  list-style-type: disc;
  margin: 0 0 0 1.9em; }

ol li {
  list-style-type: decimal;
  margin: 0 0 0 1.9em; }

dl {
  margin: 0 0 1.5em; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em;
  font-size: inherit;
  padding: 0 0 0.3em; }

dt {
  font-size: inherit; }

dfn {
  font-style: italic;
  font-weight: bold; }

/* Tables */
table {
  margin: 0;
  width: 100%;
  border-collapse: separate;
  border: 0.1em solid #555555; }

/*Put table inside Div to have a custom width*/
th {
  background: #555555;
  color: #ffffff;
  padding: 0.5em;
  border-right: 1px solid #555555; }

td {
  background-color: #ffffff;
  padding: 0.5em;
  border-bottom: 0.1em solid #cccccc;
  border-right: 0.1em solid #cccccc; }

td:last-child {
  border-right: 0; }

th, td {
  text-align: left;
  line-height: 1;
  vertical-align: top; }

tfoot td {
  border: 0; }

table tr:nth-child(2n) td {
  background-color: #eeeeee; }

table tr:nth-child(2n):hover td {
  background-color: #ebf7fe; }

/*IE*/
.lt-ie9 table tr.stripe td {
  background-color: #f4f9fa; }

.lt-ie9 table tr.stripe:hover td {
  background-color: #dff3ff; }

/*END IE*/
tr:hover td {
  background: #e6f6f9; }

td a {
  color: #649DBC;
  text-decoration: none; }

td a:hover {
  color: #649DBC;
  text-decoration: underline; }

td a:active {
  color: #387796;
  text-decoration: underline; }

tfoot td, tfoot tr:hover td {
  background: #555555;
  color: #ffffff; }

caption {
  background: #eee; }

img {
  display: block; }

iframe {
  background-color: transparent;
  border-collapse: none;
  margin: 0;
  padding: 0; }

iframe:focus {
  outline: 0; }

/*Common Classes*/
input {
  background: #f7f7f7;
  border: 0.1em solid #cccccc;
  padding: 1.4em;
  width: 100%;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  color: #32c10d;
  margin: 0; }

input:hover {
  color: #333333;
  border: 0.1em solid #8e7f74; }

input:focus {
  color: #000000;
  border: 0.1em solid #2190d7; }

input[type="text"] {
  border-radius: 0;
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: #999999; }

:-moz-placeholder {
  color: #999999; }

:-ms-input-placeholder {
  color: #999999; }

input[required]:-moz-placeholder {
  box-shadow: none !important; }

input[required] {
  box-shadow: none !important; }

input[required] {
  border: 0.1em solid #c0b8b8;
  padding: 0.6em 2.3em 0.2em 0.3em; }

input[required]:invalid:focus {
  background-position: right 0.7em; }

input[required]:valid:focus {
  background-position: right 0.7em; }

input[required]:valid {
  background: #ffffff;
  padding: 0.6em 2.3em 0.2em 0.3em; }

select {
  width: 100%;
  height: 4.1em;
  padding: 1.2em;
  background: #ffffff;
  border: 0.1em solid #c0b8b8;
  color: #959595;
  position: relative;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  cursor: pointer;
  border-radius: 0;
  font-size: inherit; }

select:hover {
  border: 0.1em solid #cfc7c7;
  color: #1c6776; }

select:focus {
  border: 0.1em solid #b5aeae;
  color: #1c6776; }

option {
  background: #ffffff; }

option:hover {
  background: #000000; }

label {
  vertical-align: middle; }

/* file selector */
input[type="file"] {
  height: 3em;
  vertical-align: bottom; }

input[type="file"]:hover {
  height: 3em;
  vertical-align: bottom; }

input[type="file"]:focus {
  height: 3em;
  vertical-align: bottom; }

input[type="file"]:active {
  height: 3em;
  vertical-align: bottom; }

input[type="image"] {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 2em;
  text-align: center;
  background: #32c10d;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  cursor: pointer; }

input[type="image"]:hover {
  background: #09F; }

input[type="image"]:active {
  background: #F90; }

input[type="image"]:focus {
  background: #09F; }

input[type="image"].selected {
  background: #ccc;
  cursor: default; }

input[type="submit"] {
  background: #32c10d;
  border-radius: 0;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: inherit;
  height: auto;
  margin: 0;
  padding: 1em;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  -webkit-appearance: none; }

input[type="submit"]:hover {
  opacity: 0.9; }

input[type="submit"]:active {
  opacity: 1;
  cursor: default; }

input[type="submit"]:focus {
  opacity: 0.9;
  cursor: pointer; }

input[type="reset"] {
  display: block;
  font-size: inherit;
  width: auto;
  height: auto;
  margin: 0;
  padding: 1em;
  text-align: center;
  background: #32c10d;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none; }

input[type="reset"]:hover {
  opacity: 0.9; }

input[type="reset"]:active {
  opacity: 1;
  cursor: default; }

input[type="reset"]:focus {
  opacity: 0.9;
  cursor: pointer; }

input[type="button"] {
  display: block;
  font-size: inherit;
  width: auto;
  height: auto;
  margin: 0;
  padding: 1em;
  text-align: center;
  background: #32c10d;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none; }

input[type="button"]:hover {
  opacity: 0.9;
  cursor: pointer; }

input[type="button"]:active {
  opacity: 1;
  cursor: default; }

input[type="button"]:focus {
  opacity: 1; }

button {
  display: block;
  font-size: inherit;
  width: auto;
  height: auto;
  margin: 0;
  padding: 1em;
  text-align: center;
  background: #32c10d;
  color: #ffffff;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none; }

button:hover {
  opacity: 0.9;
  cursor: pointer; }

button:active {
  opacity: 1;
  cursor: default; }

/*Override Firefox*/
/*
@-moz-document url-prefix() {
  button:active:hover {
    padding-right: 40px;
  }
}
*/
button:focus {
  opacity: 1; }

input[type="checkbox"] {
  padding: 0;
  width: 1.6em;
  height: 1.6em;
  position: relative;
  margin: 0 0.4em 0.4em 0.9em;
  vertical-align: middle;
  border: 0;
  background-color: transparent; }

input[type="radio"] {
  padding: 0;
  width: 1.6em;
  height: 1.6em;
  position: relative;
  margin: 0 0.4em 0.4em 0.9em;
  vertical-align: middle;
  border: 0;
  background-color: transparent; }

input[disabled=""], input[type="button"][disabled=""], input[type="submit"][disabled=""], input[type="reset"][disabled=""], button[disabled=""] {
  background: #999999;
  cursor: default; }

input[disabled=""]:hover, input[type="button"][disabled=""]:hover, input[type="submit"][disabled=""]:hover, input[type="reset"][disabled=""]:hover, button[disabled=""]:hover {
  opacity: 1; }

input[type="radio"][disabled=""], input[type="checkbox"][disabled=""] {
  background: transparent;
  cursor: default; }

.touch input[type="checkbox"], .touch input[type="radio"] {
  background-color: #222222; }

textarea {
  width: 100%;
  height: auto;
  font-family: inherit;
  letter-spacing: normal;
  background: #f7f7f7;
  border: 0.1em solid #cccccc;
  padding: 1.4em;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: #32c10d;
  -webkit-appearance: none;
  border-radius: 0;
  resize: none; }

textarea:hover {
  border: 0.1em solid #8e7f74;
  color: #333333; }

textarea:focus {
  border: 0.1em solid #2190d7;
  color: #000000; }

/*Quick Classes, not to be used in MarkUp unless totally necessary*/
.vertical-list {
  display: block;
  padding: 0;
  margin: 0; }
  .vertical-list li {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none; }

.horizontal-list {
  display: block;
  padding: 0; }
  .horizontal-list li {
    display: inline;
    padding: 0; }

/*Classes to fire in with JS*/
.error {
  display: block;
  border: 0.1em solid #fa2907; }

.warning {
  display: block;
  border: 0.1em solid #ffff00; }

.success {
  display: block;
  border: 0.1em solid #32c10d; }

.heavy-plus {
  font-weight: 700; }

.product-profile {
  height: 89px;
  overflow: hidden;
  width: 237px; }
  @media only screen and (max-width: 767px) {
    .product-profile {
      top: auto;
      width: auto; } }
  @media only screen and (max-width: 567px) {
    .product-profile {
      margin-left: 0; } }
  .product-profile a {
    color: #ffffff;
    font-size: 13px; }
    @media only screen and (max-width: 479px) {
      .product-profile a {
        font-size: 15px; } }
  .product-profile .download-image {
    position: absolute;
    right: 29px; }
  .product-profile .download-ribbon {
    top: 20px; }
    .product-profile .download-ribbon svg {
      width: auto; }
  .product-profile .download-text {
    left: 29px;
    position: absolute;
    top: 34px;
    width: 90px; }
    @media only screen and (max-width: 767px) {
      .product-profile .download-text {
        font-size: 22px;
        top: 34px;
        width: auto; } }
    @media only screen and (max-width: 567px) {
      .product-profile .download-text {
        font-size: 15px;
        top: 27px;
        width: 120px; } }
    @media only screen and (max-width: 479px) {
      .product-profile .download-text {
        left: 25px;
        top: 29px;
        width: 120px; } }
  .product-profile .additional-resources {
    color: #3e5164;
    left: 14px;
    position: absolute;
    top: 75px; }
    .product-profile .additional-resources:hover {
      color: #285c90;
      text-decoration: underline; }
    @media only screen and (max-width: 479px) {
      .product-profile .additional-resources {
        display: none; } }

.nationwide__logo {
  display: inline-block;
  vertical-align: middle;
  height: 71px;
  padding: 5px 0;
  border-radius: 5px;
  margin: 10px auto; }
  @media only screen and (max-width: 767px) {
    .nationwide__logo {
      margin: 0 auto;
      display: block; } }

.nationwide__logo span {
  position: relative;
  display: block;
  margin: 0 auto;
  top: 0; }

.icons-nwHeaderLogo-large, .icons-nfHeaderLogo-large {
  background-position: 0 -2721px;
  height: 61px;
  width: 217px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("../cps-images/NF-DestinationFreedom-icons2.png");
  background-repeat: no-repeat; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: .75s;
          animation-duration: .75s; }

.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: .75s;
          animation-duration: .75s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
          animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
          animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
          animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
            transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
            transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1; }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1; }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp; }

main {
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
  z-index: 0; }

iframe {
  overflow: hidden; }

header {
  overflow: hidden; }

footer {
  overflow: hidden; }

.scrollmagic-pin-spacer {
  overflow: visible; }

.think-freedom-first {
  background: #d4ecf7;
  height: 95.4em;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .think-freedom-first svg {
    width: 100%; }

.variable-annuity-banner {
  margin: 100px 0 0 -600px;
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  z-index: 5;
  left: 50%;
  padding-top: 7.3%;
  height: 0; }
  .lt-ie9 .variable-annuity-banner {
    height: auto;
    padding-top: 0; }
  @media (max-width: 1000px) {
    .variable-annuity-banner {
      padding-top: 6.1%;
      margin: 75px 0 0 0;
      left: auto;
      max-width: 1000px; } }
  @media only screen and (max-width: 767px) {
    .variable-annuity-banner {
      padding-top: 22.1%;
      margin: 25px 0 0 0;
      max-width: 640px; } }
  @media only screen and (max-width: 639px) {
    .variable-annuity-banner {
      padding-top: 24.6%;
      margin: 25px 0 0 0;
      max-width: 640px; } }
  .variable-annuity-banner svg {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }

.download-ribbon {
  overflow: hidden;
  position: relative;
  z-index: 5; }

.think-freedom-first-logo {
  margin: 40px 0 52px -600px;
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  z-index: 5;
  left: 50%;
  height: 0;
  padding-top: 6.5%; }
  .lt-ie9 .think-freedom-first-logo {
    height: auto;
    padding-top: 0; }
  @media (max-width: 1000px) {
    .think-freedom-first-logo {
      padding-top: 6%;
      margin: 30px 0 0 0;
      left: auto;
      max-width: 1000px; } }
  @media only screen and (max-width: 767px) {
    .think-freedom-first-logo {
      padding-top: 34%;
      margin: 30px 0 40px 0;
      max-width: 640px; } }
  @media only screen and (max-width: 639px) {
    .think-freedom-first-logo {
      padding-top: 37%;
      margin: 25px 0 30px 0; } }
  @media only screen and (max-width: 567px) {
    .think-freedom-first-logo {
      margin: 20px 0 25px 0; } }
  @media only screen and (max-width: 479px) {
    .think-freedom-first-logo {
      margin: 15px 0 20px 0; } }
  .think-freedom-first-logo svg {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }

.clouds {
  max-height: 578px;
  max-width: 1200px;
  overflow: visible; }
  .clouds .cloud-1 {
    left: -16em;
    overflow: visible;
    position: absolute;
    top: -4em;
    z-index: 2;
    width: 1178px; }
    @media only screen and (max-width: 767px) {
      .clouds .cloud-1 {
        left: -43em;
        top: 10em; } }
    @media only screen and (max-width: 479px) {
      .clouds .cloud-1 {
        left: -83em;
        top: 10em; } }
  .clouds .cloud-2 {
    left: -2em;
    overflow: visible;
    position: absolute;
    top: 3em;
    width: 777px;
    z-index: 3; }
    @media only screen and (max-width: 767px) {
      .clouds .cloud-2 {
        left: -25em;
        top: 22em; } }
    @media only screen and (max-width: 767px) {
      .clouds .cloud-2 {
        left: -55em;
        top: 22em; } }

.mountain-range {
  bottom: 0;
  height: 398px;
  max-width: 1200px;
  position: relative;
  overflow: visible; }
  @media only screen and (max-width: 479px) {
    .mountain-range {
      height: 328px; } }
  .mountain-range .mountain-1 {
    bottom: 0;
    height: 527px;
    overflow: hidden;
    position: absolute;
    width: 1200px;
    z-index: 4;
    /*@media only screen and (max-width: 639px) {width: 640px; height: 282px;}
    @media only screen and (max-width: 567px) {width: 568px; height: 250px;}
    @media only screen and (max-width: 479px) {width: 480px; height: 211px;}     */ }
    @media all and (max-width: 1024px) {
      .mountain-range .mountain-1 {
        width: 1024px;
        height: 450px; } }
    @media only screen and (max-width: 767px) {
      .mountain-range .mountain-1 {
        width: 768px;
        height: 338px; } }
    .mountain-range .mountain-1 svg {
      height: 100%;
      width: 100%; }
  .mountain-range .mountain-2 {
    bottom: 0;
    height: 458px;
    overflow: hidden;
    position: absolute;
    width: 1200px;
    z-index: 5;
    /*@media only screen and (max-width: 639px) {width: 640px; height: 245px;}
    @media only screen and (max-width: 567px) {width: 568px; height: 217px;}
    @media only screen and (max-width: 479px) {width: 480px; height: 184px;}    */ }
    @media all and (max-width: 1024px) {
      .mountain-range .mountain-2 {
        width: 1024px;
        height: 391px; } }
    @media only screen and (max-width: 767px) {
      .mountain-range .mountain-2 {
        width: 768px;
        height: 294px; } }
    .mountain-range .mountain-2 svg {
      height: 100%;
      width: 100%; }
  .mountain-range .mountain-3 {
    bottom: 0;
    height: 438px;
    overflow: hidden;
    position: absolute;
    width: 1200px;
    z-index: 6;
    /*@media only screen and (max-width: 639px) {width: 640px; height: 234px;}
    @media only screen and (max-width: 567px) {width: 568px; height: 208px;}
    @media only screen and (max-width: 479px) {width: 480px; height: 176px;}    */ }
    @media all and (max-width: 1024px) {
      .mountain-range .mountain-3 {
        width: 1024px;
        height: 374px; } }
    @media only screen and (max-width: 767px) {
      .mountain-range .mountain-3 {
        width: 768px;
        height: 281px; } }
    .mountain-range .mountain-3 svg {
      height: 100%;
      width: 100%; }
  .mountain-range .mountain-4 {
    bottom: 0;
    height: 405px;
    overflow: hidden;
    position: absolute;
    width: 1200px;
    z-index: 7;
    /*@media only screen and (max-width: 639px) {width: 640px; height: 216px;}
    @media only screen and (max-width: 567px) {width: 568px; height: 192px;}
    @media only screen and (max-width: 479px) {width: 480px; height: 162px;}  */ }
    @media all and (max-width: 1024px) {
      .mountain-range .mountain-4 {
        width: 1024px;
        height: 346px; } }
    @media only screen and (max-width: 767px) {
      .mountain-range .mountain-4 {
        width: 768px;
        height: 260px; } }
    .mountain-range .mountain-4 svg {
      height: 100%;
      width: 100%; }
  .mountain-range .mountain-5 {
    bottom: -1px;
    height: 314px;
    overflow: hidden;
    position: absolute;
    width: 1200px;
    z-index: 8;
    /*@media only screen and (max-width: 639px) {width: 640px; height: 168px;}
    @media only screen and (max-width: 567px) {width: 568px; height: 149px;}
    @media only screen and (max-width: 479px) {width: 480px; height: 126px;}*/ }
    @media all and (max-width: 1024px) {
      .mountain-range .mountain-5 {
        width: 1024px;
        height: 268px; } }
    @media only screen and (max-width: 767px) {
      .mountain-range .mountain-5 {
        width: 768px;
        height: 201px; } }
    .mountain-range .mountain-5 svg {
      height: 100%;
      width: 100%; }

.freedom-from-high-costs {
  background: #2a497d;
  height: 41em;
  overflow: visible;
  position: relative; }

.compounding-layer-chart {
  height: 358px;
  margin: 1px 75px 0 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
  width: 580px;
  z-index: 10; }
  .lt-ie9 .compounding-layer-chart {
    margin: -1px 75px 0 0; }
  @media only screen and (max-width: 767px) {
    .compounding-layer-chart {
      left: 50%;
      margin-left: -290px !important;
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.9, 0.9);
              transform: scale(0.9, 0.9); } }
  @media only screen and (max-width: 639px) {
    .compounding-layer-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.7, 0.7);
              transform: scale(0.7, 0.7); } }
  @media only screen and (max-width: 567px) {
    .compounding-layer-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.6, 0.6);
              transform: scale(0.6, 0.6); } }
  @media only screen and (max-width: 479px) {
    .compounding-layer-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.5, 0.5);
              transform: scale(0.5, 0.5); } }
  .compounding-layer-chart .compounding-layer-1 {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: -35px; }
    .lt-ie9 .compounding-layer-chart .compounding-layer-1 {
      bottom: -34px; }
    .compounding-layer-chart .compounding-layer-1 svg {
      width: 100%; }
    .compounding-layer-chart .compounding-layer-1 #compoundingLayer1Path {
      opacity: 0.4 !important; }
      .lt-ie9 .compounding-layer-chart .compounding-layer-1 #compoundingLayer1Path {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)" !important; }
  .compounding-layer-chart .compounding-layer-2 {
    position: absolute;
    overflow: hidden;
    bottom: 33px;
    z-index: 2;
    width: 100%; }
    .compounding-layer-chart .compounding-layer-2 svg {
      width: 100%; }
  .compounding-layer-chart .compounding-layer-3 {
    position: absolute;
    overflow: hidden;
    bottom: 32px;
    z-index: 3;
    width: 100%; }
    .compounding-layer-chart .compounding-layer-3 svg {
      width: 100%; }
    .compounding-layer-chart .compounding-layer-3 #compoundingLayer3Path {
      opacity: 0.7 !important; }
      .lt-ie9 .compounding-layer-chart .compounding-layer-3 #compoundingLayer3Path {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)" !important; }

.freedom-from-lack-of-choice {
  background: url("../cps-images/NF-DestinationFreedom-freedom-from-lack-of-choice-bg.png") center top repeat-y #1c6abd;
  height: 55em;
  margin: -88px 0 0;
  overflow: visible;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .freedom-from-lack-of-choice {
      margin: -138px 0 0; } }
  @media only screen and (max-width: 767px) {
    .freedom-from-lack-of-choice {
      margin: -150px 0 0; } }
  @media only screen and (max-width: 639px) {
    .freedom-from-lack-of-choice {
      margin: -175px 0 0; } }
  @media only screen and (max-width: 567px) {
    .freedom-from-lack-of-choice {
      margin: -189px 0 0; } }
  @media only screen and (max-width: 479px) {
    .freedom-from-lack-of-choice {
      margin: -164px 0 0; } }

.choice-pie-chart {
  position: absolute;
  overflow: visible;
  width: 589px;
  height: 585px;
  margin: 77px 0 0 -60px;
  top: -20px;
  left: 0; }
  .lt-ie9 .choice-pie-chart {
    z-index: 0; }
  @media only screen and (max-width: 1023px) {
    .choice-pie-chart {
      left: auto;
      right: -260px;
      top: -50px;
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.85, 0.85);
              transform: scale(0.85, 0.85); } }
  @media only screen and (max-width: 767px) {
    .choice-pie-chart {
      top: -4px;
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.75, 0.75);
              transform: scale(0.75, 0.75); } }
  @media only screen and (max-width: 639px) {
    .choice-pie-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.7, 0.7);
              transform: scale(0.7, 0.7); } }
  @media only screen and (max-width: 567px) {
    .choice-pie-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.6, 0.6);
              transform: scale(0.6, 0.6); } }
  @media only screen and (max-width: 479px) {
    .choice-pie-chart {
      right: -240px;
      top: -4px; } }
  .choice-pie-chart .choice-slice-1 {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    top: 33px; }
    .choice-pie-chart .choice-slice-1 svg {
      width: 100%; }
  .choice-pie-chart .choice-slice-2 {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    margin: -32px 0 0 155px;
    top: 33px; }
    .choice-pie-chart .choice-slice-2 svg {
      width: 100%; }
  .choice-pie-chart .choice-slice-3 {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    margin: -32px 0 0 278px;
    top: 33px; }
    .choice-pie-chart .choice-slice-3 svg {
      width: 100%; }
  .choice-pie-chart .choice-slice-4 {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    margin: -32px 0 0 292px;
    top: 33px; }
    .choice-pie-chart .choice-slice-4 svg {
      width: 100%; }
  .choice-pie-chart .choice-slice-5 {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    margin: 258px 0 0 5px;
    top: 33px; }
    .choice-pie-chart .choice-slice-5 svg {
      width: 100%; }

.freedom-to-feel-more-secure {
  background: url("../cps-images/NF-DestinationFreedom-freedom-from-worry-bg.png") 0 0 repeat;
  height: 49em;
  overflow: visible;
  position: relative; }

.worry-donut-chart {
  font-family: 'proxima-nova', 'sans-serif';
  height: 408px;
  margin: 0;
  overflow: visible;
  position: absolute;
  right: 165px;
  top: -4px;
  width: 408px; }
  @media (max-width: 1200px) {
    .worry-donut-chart {
      right: 40px; } }
  @media all and (max-width: 1024px) {
    .worry-donut-chart {
      right: 15px;
      top: 150px; } }
  @media only screen and (max-width: 767px) {
    .worry-donut-chart {
      right: inherit; } }
  @media only screen and (max-width: 767px) {
    .worry-donut-chart {
      left: 50%;
      margin-left: -204px !important;
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.75, 0.75);
              transform: scale(0.75, 0.75); } }
  @media only screen and (max-width: 639px) {
    .worry-donut-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.7, 0.7);
              transform: scale(0.7, 0.7); } }
  @media only screen and (max-width: 567px) {
    .worry-donut-chart {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(0.6, 0.6);
              transform: scale(0.6, 0.6); } }
  @media only screen and (max-width: 767px) {
    .worry-donut-chart figcaption {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(1.75, 1.75);
              transform: scale(1.75, 1.75); } }
  @media only screen and (max-width: 639px) {
    .worry-donut-chart figcaption {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(1.7, 1.7);
              transform: scale(1.7, 1.7); } }
  @media only screen and (max-width: 567px) {
    .worry-donut-chart figcaption {
      /* IE 9 */
      /* Safari */
      -webkit-transform: scale(1.6, 1.6);
              transform: scale(1.6, 1.6); } }
  .lt-ie9 .worry-donut-chart {
    margin: 4px 0 0; }
  .worry-donut-chart .data-intensity-ratio-1 {
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .lt-ie9 .worry-donut-chart .data-intensity-ratio-1 {
      margin: 0 0 0 -4px; }
  .worry-donut-chart .data-intensity-ratio-2 {
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 2; }

.freedom-to-work {
  height: 160;
  margin: 0;
  overflow: visible;
  position: relative;
  padding-bottom: 0px !important;
  top: -35px; }

.plus-area {
  height: 740px;
  margin: -197px 0 0;
  overflow: visible;
  position: absolute;
  width: 1200px; }
  .plus-area .plus-1 {
    overflow: hidden;
    position: absolute;
    right: 20px;
    width: 100px;
    height: 100px;
    z-index: 2; }
    .plus-area .plus-1 svg {
      width: 100%; }
  .plus-area .plus-2 {
    overflow: hidden;
    position: absolute;
    right: 55px;
    top: 99px;
    width: 80px;
    height: 80px;
    z-index: 2; }
    .plus-area .plus-2 svg {
      width: 100%; }
  .plus-area .plus-3 {
    overflow: hidden;
    position: absolute;
    right: 140px;
    top: 103px;
    width: 47px;
    height: 47px;
    z-index: 2; }
    .plus-area .plus-3 svg {
      width: 100%; }
  .plus-area .plus-4 {
    overflow: hidden;
    position: absolute;
    right: 106px;
    top: 149px;
    width: auto;
    z-index: 2; }
    .plus-area .plus-4 svg {
      width: 100%; }
  .plus-area .plus-5 {
    overflow: hidden;
    position: absolute;
    right: -87px;
    top: 177px;
    width: auto;
    z-index: 2; }
    .plus-area .plus-5 svg {
      width: 100%; }
  .plus-area .plus-6 {
    bottom: 15px;
    left: 356px;
    overflow: hidden;
    position: absolute;
    width: auto;
    z-index: 2; }
    .plus-area .plus-6 svg {
      width: 100%; }
  .plus-area .plus-7 {
    bottom: 5px;
    left: 171px;
    overflow: hidden;
    position: absolute;
    width: auto;
    z-index: 2; }
    .plus-area .plus-7 svg {
      width: 100%; }
  .plus-area .plus-8 {
    bottom: -10px;
    left: -197px;
    overflow: hidden;
    position: absolute;
    width: auto;
    z-index: 2; }
    .plus-area .plus-8 svg {
      width: 100%; }
  .plus-area .plus-9 {
    bottom: 333px;
    left: 38px;
    overflow: hidden;
    position: absolute;
    width: auto;
    z-index: 2; }
    .plus-area .plus-9 svg {
      width: 100%; }

header {
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden;
  z-index: 0; }
  header .second-level-indicator {
    display: inline-block;
    font-family: 'proxima-nova',sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 9px 0 0 10px;
    text-transform: uppercase;
    vertical-align: middle; }
  header nav {
    display: table;
    width: 100%; }
    header nav ul {
      display: table-row;
      margin: 0;
      width: 100%; }
      header nav ul li {
        border-right: 1px solid #ffffff;
        display: table-cell;
        font-size: 22px;
        height: 64px;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          header nav ul li {
            display: block;
            margin: 0 auto 2px;
            width: 97.6%; } }
        header nav ul li:last-child {
          border: 0; }
        header nav ul li a {
          background-color: #d9e6d2;
          box-sizing: border-box;
          color: #42622a;
          display: block;
          height: 100%;
          line-height: 64px;
          margin: 0;
          text-align: center;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            header nav ul li a {
              text-align: left;
              padding: 0 0 0 15px; } }
          header nav ul li a:hover {
            background-color: #42622a;
            color: #ffffff;
            text-decoration: none;
            text-align: center; }
            @media only screen and (max-width: 767px) {
              header nav ul li a:hover {
                text-align: left; } }
  header .call-block {
    background-color: #f2f2f2;
    text-align: center;
    margin: 12px 0; }
    @media only screen and (max-width: 767px) {
      header .call-block {
        width: 97.6%;
        margin: 12px auto; } }
    @media only screen and (max-width: 479px) {
      header .call-block {
        padding-bottom: 27px; } }
    header .call-block .get-appointed {
      background-color: #ffffff;
      border-radius: 5px;
      box-sizing: border-box;
      color: #005691;
      display: inline-block;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      height: 40px;
      line-height: 23px;
      padding: 10px 15px 10px 40px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      background-image: url("../cps-images/NF-DestinationFreedom-icons2.png");
      background-position: 15px -2915px;
      background-repeat: no-repeat; }
      @media only screen and (max-width: 767px) {
        header .call-block .get-appointed {
          width: 456px;
          display: block;
          clear: both;
          margin: 20px auto 0;
          text-align: left;
          text-indent: 10px; } }
      @media only screen and (max-width: 479px) {
        header .call-block .get-appointed {
          width: 94%; } }
      header .call-block .get-appointed:hover {
        outline: none !important;
        background-color: #e9e9e9; }
      header .call-block .get-appointed .cta-button-arrow {
        background-image: url("//static.nationwide.com/static/icons.png?r=48");
        background-position: 0 -764px;
        background-repeat: no-repeat;
        display: inline-block;
        height: 14px;
        position: relative;
        right: -7px;
        top: 5px;
        width: 6px;
        float: right; }
    header .call-block .call-nationwide {
      color: #333;
      display: inline-block;
      font-size: 16px;
      line-height: 19px;
      margin: 10px;
      padding: 12px 0 12px 50px;
      position: relative;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase;
      background-image: url("../cps-images/NF-DestinationFreedom-icons2.png");
      background-repeat: no-repeat;
      background-position: 20px -2994px;
      z-index: 0; }
      @media only screen and (max-width: 479px) {
        header .call-block .call-nationwide {
          height: 50px; } }
      header .call-block .call-nationwide strong {
        font-weight: 700; }
        @media only screen and (max-width: 479px) {
          header .call-block .call-nationwide strong {
            display: inline-block; } }

#subNavAccordionHeader {
  display: none; }

.sub-nav {
  background: #d9e6d2 none repeat scroll 0 0;
  font-family: proxima-nova,Helvetica,Arial,sans-serif; }

.sub-nav ul {
  background: #d9e6d2 none repeat scroll 0 0;
  border: 0 none;
  display: table;
  font-size: 1.3em;
  height: 3em;
  line-height: 1.5em;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%; }

.sub-nav ul li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #d9e6d2;
  border-color: -moz-use-text-color #fff -moz-use-text-color -moz-use-text-color;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  border-style: none solid none none;
  border-width: 0 1px 0 0;
  display: inline;
  float: left;
  height: 54px;
  padding: 0;
  position: relative;
  width: auto; }

.sub-nav ul li a {
  display: table-cell;
  padding: 0;
  text-align: center;
  text-decoration: none !important;
  width: 100%; }

.notIos .sub-nav ul li a:hover, .sub-nav ul li a:focus, .sub-nav ul li a:active {
  background: #346f9a none repeat scroll 0 0; }

.notIos .sub-nav ul li a:hover div, .sub-nav ul li a:focus div, .sub-nav ul li a:active div {
  color: white;
  text-decoration: none; }

.sub-nav ul li.last {
  border-right: 0 none; }

.notIos .sub-nav ul li:hover, .sub-nav ul li:focus, .sub-nav ul li:active {
  background: #346f9a none repeat scroll 0 0; }

.notIos .sub-nav ul li:hover a, .notIos .sub-nav ul li:hover a div, .sub-nav ul li:focus a, .sub-nav ul li:focus a div, .sub-nav ul li:active a, .sub-nav ul li:active a div {
  border: 1px solid #346f9a;
  color: #ffffff;
  text-decoration: none; }

.sub-nav ul li div {
  border: 1px solid transparent; }

.sub-nav ul li.subNavActive {
  background: #e6f0f7 none repeat scroll 0 0; }

.sub-nav ul li.subNavActive .subNavActive__inner {
  border: 1px solid #91b8d2;
  display: table;
  font-size: 1em;
  font-weight: 700;
  height: 100%;
  padding: 0;
  width: 100%; }
  @media only screen and (max-width: 479px) {
    .sub-nav ul li.subNavActive .subNavActive__inner {
      height: auto; } }

.sub-nav ul li.subNavActive .subNavActive__inner div {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
  overflow: hidden; }

.sub-nav ul h3 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  border-style: solid;
  border-width: 0;
  display: block;
  font-size: 1em;
  height: auto;
  line-height: inherit;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 54px;
  color: #333; }

.sub-nav ul h3 div {
  display: block;
  font-size: 1.2em;
  line-height: 1.1em;
  padding: 0.5em 0;
  vertical-align: middle;
  width: auto; }

.sub-nav ul h3 div > div {
  padding: 0 0.1em; }

.ie8 .sub-nav ul h3 div > div {
  line-height: 2em; }

.sub-nav ul h3 > a > div {
  border: 1px solid transparent;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.sub-nav ul h3 a {
  border: 1px solid #cce1ed;
  color: #005691;
  display: table;
  font-weight: 400;
  height: 100%;
  outline: medium none;
  text-decoration: none;
  vertical-align: middle;
  width: 100%; }

.notIos .sub-nav ul h3 a:hover > div, .sub-nav ul h3 a:focus > div, .sub-nav ul h3 a:active > div {
  color: #ffffff; }

.sub-nav ul div {
  border: 0 none;
  color: inherit;
  padding: inherit;
  text-shadow: none; }

.sub-nav ul .subNavActive a {
  cursor: default; }

.sub-nav ul .subNavActive h3 {
  background: #e6f0f7 none repeat scroll 0 0;
  border: 5px solid transparent; }

.sub-nav ul .subNavActive .subNavActive__inner {
  font-size: 1em; }

.sub-nav ul.subNavFourWide > li, .sub-nav ul.subNavFourWide > li:first-child {
  width: 25%; }

.sub-nav ul.subNavThreeWide > li, .sub-nav ul.subNavThreeWide > li:first-child {
  width: 33.33%; }

.sub-nav ul.subNavTwoWide > li, .sub-nav ul.subNavTwoWide > li:first-child {
  width: 50%; }

.nf .sub-nav {
  background: #d9e6d1 none repeat scroll 0 0; }
  @media only screen and (max-width: 767px) {
    .nf .sub-nav {
      width: 97.6%;
      margin: 0 auto; } }

.nf .sub-nav h3 a {
  color: #2a6101; }

.nf .sub-nav h3 a:hover, .nf .sub-nav h3 a:active {
  color: #ffffff;
  border: 0;
  padding: 2px 0 0 1px; }

.nf .sub-nav h3 a:focus {
  color: #ffffff;
  border: 0;
  padding: 2px 0 0 2px; }

.nf .sub-nav li {
  background-color: #d9e6d1;
  float: left; }

.nf .sub-nav li.subNavActive {
  background: #c0d6b1 none repeat scroll 0 0; }

.nf .sub-nav li.subNavActive .subNavActive__inner {
  border: 1px solid #2a6101; }

.notIos .nf .sub-nav li.subNavActive:hover, .nf .sub-nav li.subNavActive:focus, .nf .sub-nav li.subNavActive:active {
  background-color: #d9e6d1; }

.notIos .nf .sub-nav li.subNavActive:hover .subNavActive__inner, .nf .sub-nav li.subNavActive:focus .subNavActive__inner, .nf .sub-nav li.subNavActive:active .subNavActive__inner {
  border: 1px solid #2a6101; }

.notIos .nf .sub-nav li:hover, .nf .sub-nav li:focus, .nf .sub-nav li:active {
  background: #416327 none repeat scroll 0 0; }

.notIos .nf .sub-nav li:hover a, .notIos .nf .sub-nav li:hover div, .nf .sub-nav li:focus a, .nf .sub-nav li:focus div, .nf .sub-nav li:active a, .nf .sub-nav li:active div {
  border: 0 none; }

.notIos .nf .sub-nav li a:hover, .nf .sub-nav li a:focus, .nf .sub-nav li a:active {
  background: #416327 none repeat scroll 0 0; }

.nf .sub-nav .subNavActive h3 {
  background: #e8f0e3 none repeat scroll 0 0; }

@media screen and (min-width: 481px) and (max-width: 1050px) {
  .sub-nav ul {
    display: block;
    margin: auto 0;
    min-height: 60px;
    padding: 0;
    position: relative;
    width: auto; }
  .sub-nav ul li {
    float: left; }
  .sub-nav ul.subNavThreeWide li:nth-child(2) {
    border-right: 0 none; }
  .sub-nav ul.subNavThreeWide li:nth-child(3) {
    border-bottom: 0 none; }
  .sub-nav ul.subNavFourWide li, .sub-nav ul.subNavThreeWide li {
    border-bottom: 1px solid #fff; }
  .sub-nav ul.subNavThreeWide > li.last, .notIos .sub-nav ul.subNavThreeWide > li.last:hover {
    border-right: 1px solid #fff; }
  .sub-nav ul.subNavFourWide > li, .sub-nav ul.subNavFourWide > li:first-child, .sub-nav ul.subNavThreeWide > li, .sub-nav ul.subNavThreeWide > li:first-child, .sub-nav ul.subNavTwoWide > li, .sub-nav ul.subNavTwoWide > li:first-child {
    float: left;
    width: 50%; } }

.notIos.palmBP #subNavAccordionHeader .addSprite:hover span.indicator, .palmBP #subNavAccordionHeader .addSprite:active span.indicator, .palmBP #subNavAccordionHeader .addSprite:focus span.indicator, .notIos.palmBP #subNavAccordionHeader.selected:hover span.indicator, .palmBP #subNavAccordionHeader.selected:active span.indicator, .palmBP #subNavAccordionHeader.selected:focus span.indicator {
  margin: 23px 8px 10px 20px;
  width: 12px; }

.palmBP #subNavAccordionHeader .addSprite span.indicator, .palmBP #subNavAccordionHeader.selected span.indicator {
  margin: 23px 8px 10px 20px;
  width: 12px; }

.palmBP #subNavAccordionHeader span.indicator {
  margin: 23px 8px 10px 20px;
  width: 12px; }

@media screen and (max-width: 480px) {
  .sub-nav {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    position: relative;
    width: 100%; }
  .sub-nav .headerText, .sub-nav div {
    font-size: 18px !important; }
  .sub-nav.pageNotInNav ul {
    display: block; }
  .sub-nav.pageNotInNav ul li div {
    text-align: center !important; }
  .sub-nav #subNavAccordionHeader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color white;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: #ffffff;
    color: #005691;
    display: block;
    font-size: 18px;
    height: 54px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    width: auto; }
  .sub-nav #subNavAccordionHeader a {
    border: medium none;
    color: inherit;
    display: table;
    font-weight: bold;
    outline: medium none;
    padding: 0 10px;
    text-decoration: none;
    width: 100%; }
  .notIos .sub-nav #subNavAccordionHeader a:hover, .sub-nav #subNavAccordionHeader a:focus, .sub-nav #subNavAccordionHeader a:active {
    background: #346f9a none repeat scroll 0 0;
    color: white; }
  .sub-nav #subNavAccordionHeader a span {
    color: inherit;
    display: table-cell;
    font-weight: 500;
    height: 54px;
    vertical-align: middle;
    width: 90%; }
  .sub-nav #subNavAccordionHeader a span:first-child {
    border-right: 1px solid white; }
  .sub-nav ul {
    background: #cbe1ef none repeat scroll 0 0;
    display: none;
    font-size: 1.1em;
    height: auto;
    line-height: 3em;
    margin: 0;
    min-height: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto; }
  .sub-nav ul > li {
    overflow: hidden;
    padding: 0; }
  .sub-nav ul > li.selected {
    overflow: visible; }
  .sub-nav ul > li.selected h3.hover, .notIos .sub-nav ul > li.selected h3 a:hover, .sub-nav ul > li.selected h3 a:focus, .sub-nav ul > li.selected h3 a:active {
    background: #346f9a none repeat scroll 0 0; }
  .notIos .sub-nav ul > li.selected a:hover, .sub-nav ul > li.selected a:focus, .sub-nav ul > li.selected a:active {
    background: #346f9a none repeat scroll 0 0; }
  .sub-nav ul li {
    border-bottom: 1px solid #fff;
    border-right: 0 none;
    clear: both;
    display: inline;
    float: none;
    margin: 0;
    top: 0;
    width: 100% !important; }
  .sub-nav ul li div {
    display: block;
    padding: 0 10px;
    text-align: left !important; }
  .sub-nav ul li h3 {
    border: 0 none;
    font-size: 1.125em; }
  .sub-nav ul li h3 a {
    display: table; }
  .sub-nav ul li.last, .sub-nav ul li:last-child {
    border-bottom: 0 none; }
  .sub-nav ul li.subNavActive {
    cursor: pointer;
    display: table; }
  .sub-nav ul li.subNavActive h3 {
    display: table-cell;
    vertical-align: middle; }
  .sub-nav ul li.subNavActive div {
    border: 0 none; }
  .sub-nav ul li a {
    display: block; }
  .notIos .sub-nav ul li a:hover, .sub-nav ul li a:active, .sub-nav ul li a:focus, .sub-nav ul li a.hover {
    background: #346f9a none repeat scroll 0 0;
    color: white;
    text-decoration: none; }
  .sub-nav ul li.selected {
    cursor: pointer; }
  .sub-nav ul li.selected h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #e9e9e9;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: auto;
    position: relative;
    z-index: 1000; }
  .sub-nav ul li.selected h3 a {
    border: 0 none; }
  .sub-nav ul li.selected h3 a:active div, .sub-nav ul li.selected h3 a:focus div, .notIos .sub-nav ul li.selected h3 a:hover div {
    color: white; }
  .sub-nav ul li.selected h3.hover, .notIos .sub-nav ul li.selected h3:hover, .sub-nav ul li.selected h3 a:active, .sub-nav ul li.selected h3 a:focus, .notIos .sub-nav ul li.selected h3 a:hover {
    background: #346f9a none repeat scroll 0 0; }
  .sub-nav ul h3 > a > div {
    line-height: 1.8em;
    padding-bottom: 0.5em;
    padding-top: 0.5em; }
  .sub-nav ul ul li > div {
    background: #e6f0f7 none repeat scroll 0 0;
    font-weight: 500; }
  .sub-nav ul ul div {
    display: block;
    padding-left: 10px;
    text-align: left; }
  .sub-nav ul div br {
    display: none; }
  .sub-nav ul .subNavActive .subNavActive__inner {
    border: 0 none !important; }
  .sub-nav ul .subNavActive .subNavActive__inner div {
    float: left;
    font-size: 1em;
    font-weight: normal;
    padding: 10px 0 10px 5px; }
  .sub-nav ul .subNavActive:focus, .sub-nav ul .subNavActive a:active, .notIos .sub-nav ul .subNavActive a:hover {
    background-color: #e6f0f7; }
  .sub-nav ul .menu-sprite {
    padding-left: 2.5em; }
  .sub-nav ul:last-child {
    border-bottom: 0 none; }
  .nf .sub-nav {
    background: #d9e6d1 none repeat scroll 0 0; }
  .nf .sub-nav #subNavAccordionHeader {
    color: #2a6101; }
  .notIos .nf .sub-nav #subNavAccordionHeader a:hover, .nf .sub-nav #subNavAccordionHeader a:focus, .nf .sub-nav #subNavAccordionHeader a:active {
    background: #416327 none repeat scroll 0 0;
    color: white; }
  .nf .sub-nav h3 a {
    color: #2a6101; }
  .nf .sub-nav li {
    background-color: #d9e6d1; }
  .nf .sub-nav li.subNavActive {
    background: #c0d6b1 none repeat scroll 0 0; }
  .nf .sub-nav li.subNavActive .subNavActive__inner {
    border: 1px solid #2a6101; }
  .nf .sub-nav li.subNavActive .subNavActive__inner div {
    font-weight: bold;
    line-height: normal;
    padding: 0 0 0 7px; }
  .notIos .nf .sub-nav li.subNavActive:hover .subNavActive__inner, .nf .sub-nav li.subNavActive:focus .subNavActive__inner, .nf .sub-nav li.subNavActive:active .subNavActive__inner {
    border: 1px solid #2a6101; }
  .notIos .nf .sub-nav li:hover, .nf .sub-nav li:focus, .nf .sub-nav li:active {
    background: #416327 none repeat scroll 0 0; }
  .notIos .nf .sub-nav li:hover a, .notIos .nf .sub-nav li:hover div, .nf .sub-nav li:focus a, .nf .sub-nav li:focus div, .nf .sub-nav li:active a, .nf .sub-nav li:active div {
    border: 0 none; }
  .notIos .nf .sub-nav li a:hover, .nf .sub-nav li a:focus, .nf .sub-nav li a:active {
    background: #416327 none repeat scroll 0 0; }
  .nf .sub-nav .subNavActive h3 {
    background: #e8f0e3 none repeat scroll 0 0; } }

.nf .sub-nav ul h3 a {
  border-color: #d9e6d1; }

.nf .sub-nav #subNavAccordionHeader .addSprite span.indicator {
  background-image: url("../cps-images/NF-DestinationFreedom-icons2.png");
  background-position: 16px -573px;
  height: 6px;
  width: 39px;
  display: block;
  margin: 23px 0 0;
  position: relative;
  left: 4px; }

.nf .sub-nav #subNavAccordionHeader .addSprite:hover span.indicator, .nf .sub-nav #subNavAccordionHeader .addSprite:focus span.indicator {
  background-position: 17px -308px; }

.nf .sub-nav #subNavAccordionHeader.selected .addSprite span.indicator {
  background-image: url("../cps-images/NF-DestinationFreedom-icons2.png");
  background-position: 16px -599px;
  height: 6px;
  width: 39px;
  display: block; }

.nf .sub-nav #subNavAccordionHeader.selected .addSprite:hover span.indicator, .nf .sub-nav #subNavAccordionHeader.selected .addSprite:focus span.indicator {
  background-position: 17px -413px; }

.icons-arr-up-white-med, .notIos #sectionMenuUl li h3:hover .indicator.large, #sectionMenuUl li h3.hover .indicator.large, #sectionMenuUl li h3:focus .indicator.large, #sectionMenuUl li h3.focus .indicator.large, .notIos #sectionMenuUl li.selected h3:hover a span.indicator, #sectionMenuUl li.selected h3.hover a span.indicator, #sectionMenuUl li.selected h3:focus a span.indicator, #sectionMenuUl li.selected h3.focus a span.indicator, .notIos .nf #sectionMenuUl h3:hover .indicator.large, .nf #sectionMenuUl h3:focus .indicator.large, .notIos .nf #sectionMenuUl li.selected h3:hover .indicator.small, .notIos.palmBP .nf .sub-nav #subNavAccordionHeader.selected .addSprite:hover span.indicator, .palmBP .nf .sub-nav #subNavAccordionHeader.selected .addSprite:focus span.indicator, .stickyCta .dropdowned .spriteCtaMegaphone .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaMoney .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaRss .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaNationwide .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaPhone .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaCar .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaPerson .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaShareonLinkedin .ctaDropdownArrow, .stickyCta .dropdowned .spriteCtaContacts .ctaDropdownArrow {
  background-position: 0 -388px;
  height: 6px;
  width: 11px; }

.icons-arr-up-white, #login .login__toggle.active .indicator, #login > .active.button.green .indicator {
  background-position: 0 -414px;
  height: 5px;
  width: 9px; }

@media (max-width: 1000px) {
  .think-freedom-first {
    height: 1290px; } }

@media only screen and (max-width: 767px) {
  .think-freedom-first {
    height: 1464px; } }

@media only screen and (max-width: 639px) {
  .think-freedom-first {
    height: 1350px; } }

@media only screen and (max-width: 567px) {
  .think-freedom-first {
    height: 1330px; } }

@media only screen and (max-width: 479px) {
  .think-freedom-first {
    height: 1050px; } }

.think-freedom-first h1 {
  background: transparent url("../cps-images/NW-DestinationFreedom-banner.png") no-repeat right center;
  font-size: 37px; }

.think-freedom-first h2 {
  color: #36bee3;
  font-size: 82px;
  position: relative;
  z-index: 10; }

.think-freedom-first .copy {
  position: relative;
  z-index: 10;
  width: 316px;
  display: inline-block; }
  @media screen and (max-width: 1000px) {
    .think-freedom-first .copy {
      width: 100%;
      padding: 2em 8em; } }
  @media only screen and (max-width: 767px) {
    .think-freedom-first .copy {
      font-size: 18px;
      padding: 0 2.5em; } }
  @media only screen and (max-width: 639px) {
    .think-freedom-first .copy {
      width: auto;
      padding: 0px 1.9em; } }
  @media only screen and (max-width: 479px) {
    .think-freedom-first .copy {
      padding: 0px 1.2em; } }

.think-freedom-first p {
  color: #20417b;
  font-family: "proxima-nova", sans-serif;
  margin-bottom: .7em; }
  @media screen and (max-width: 1000px) {
    .think-freedom-first p {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .think-freedom-first p {
      font-size: 18px; } }
  @media only screen and (max-width: 639px) {
    .think-freedom-first p {
      width: auto; } }
  .think-freedom-first p strong {
    font-weight: 700; }

.think-freedom-first .wrapper {
  display: table;
  margin: auto; }
  @media only screen and (max-width: 767px) {
    .think-freedom-first .wrapper {
      overflow: hidden; } }
  @media only screen and (max-width: 639px) {
    .think-freedom-first .wrapper {
      padding: 1em; } }

.think-freedom-first .main-video {
  float: left;
  height: 355px;
  margin: 0 60px 0 0;
  overflow: hidden;
  width: 630px;
  position: relative; }
  @media (max-width: 1000px) {
    .think-freedom-first .main-video {
      height: auto;
      margin-bottom: 20px;
      width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .think-freedom-first .main-video {
      margin-right: 20px; } }
  .think-freedom-first .main-video figure {
    width: 100%;
    height: 100%; }
  .think-freedom-first .main-video .ndf-poster {
    background-image: url("../cps-images/NF-DestinationFreedom-main-video-poster.jpg");
    background-size: 100% auto;
    cursor: pointer;
    height: 100% !important;
    left: 0;
    max-width: 1160px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999; }
    .think-freedom-first .main-video .ndf-poster:hover {
      background-image: url("../cps-images/NF-DestinationFreedom-main-video-poster-hover.jpg"); }

@media only screen and (max-width: 767px) {
  .think-freedom-first .product-profile {
    width: 487px; } }

@media only screen and (max-width: 567px) {
  .think-freedom-first .product-profile {
    width: auto; } }

@media screen and (max-width: 1000px) {
  .think-freedom-first .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center; }
    .think-freedom-first .wrapper .main-video {
      float: none;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin-right: 0; }
    .think-freedom-first .wrapper .product-profile {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3; } }

@media only screen and (max-width: 1023px) {
  .freedom-from-high-costs {
    height: auto;
    padding: 75px 48px; } }

@media only screen and (max-width: 767px) {
  .freedom-from-high-costs {
    height: 637px; } }

@media only screen and (max-width: 639px) {
  .freedom-from-high-costs {
    height: 656px; } }

@media only screen and (max-width: 567px) {
  .freedom-from-high-costs {
    height: 631px; } }

@media only screen and (max-width: 479px) {
  .freedom-from-high-costs {
    padding: 38px 25px;
    height: 506px; } }

.freedom-from-high-costs .copy {
  overflow: visible;
  padding-left: 122px;
  padding-top: 82px;
  width: 646px; }
  @media only screen and (max-width: 1023px) {
    .freedom-from-high-costs .copy {
      padding: 0;
      width: auto;
      max-width: 620px; } }
  @media only screen and (max-width: 767px) {
    .freedom-from-high-costs .copy {
      max-width: 470px; } }
  @media only screen and (max-width: 567px) {
    .freedom-from-high-costs .copy {
      max-width: 340px; } }
  .freedom-from-high-costs .copy sup {
    top: -0.3em; }

@media only screen and (max-width: 1023px) {
  .freedom-from-high-costs .compounding-layer-chart {
    margin: auto;
    position: relative;
    top: -84px; } }

@media only screen and (max-width: 767px) {
  .freedom-from-high-costs .compounding-layer-chart {
    top: -66px; } }

@media only screen and (max-width: 639px) {
  .freedom-from-high-costs .compounding-layer-chart {
    top: -45px; } }

@media only screen and (max-width: 567px) {
  .freedom-from-high-costs .compounding-layer-chart {
    top: -125px; } }

@media only screen and (max-width: 479px) {
  .freedom-from-high-costs .compounding-layer-chart {
    top: -98px; } }

.freedom-from-lack-of-choice {
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 1023px) {
    .freedom-from-lack-of-choice {
      padding: 75px 48px; } }
  @media only screen and (max-width: 767px) {
    .freedom-from-lack-of-choice {
      height: auto; } }
  @media only screen and (max-width: 567px) {
    .freedom-from-lack-of-choice {
      height: 480px;
      padding: 38px 25px; } }
  @media only screen and (max-width: 479px) {
    .freedom-from-lack-of-choice {
      height: 480px;
      padding: 38px 25px; } }
  .freedom-from-lack-of-choice .copy {
    float: right;
    overflow: visible;
    padding-right: 122px;
    padding-top: 82px;
    width: 706px; }
    @media only screen and (max-width: 1023px) {
      .freedom-from-lack-of-choice .copy {
        float: none;
        padding: 0;
        width: 457px;
        padding-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .freedom-from-lack-of-choice .copy {
        width: auto; } }
  .freedom-from-lack-of-choice table {
    border: 0;
    font-family: "proxima-nova",sans-serif;
    margin-left: 120px;
    width: 463px; }
    @media all and (max-width: 1024px) {
      .freedom-from-lack-of-choice table {
        margin-left: 0;
        padding-bottom: 20px; } }
    .freedom-from-lack-of-choice table caption, .freedom-from-lack-of-choice table td, .freedom-from-lack-of-choice table th {
      background-color: transparent;
      border: 0;
      color: #ffffff;
      font-family: inherit;
      padding: 0 20px 0 0; }
    .freedom-from-lack-of-choice table caption {
      caption-side: bottom;
      font-size: 10px;
      padding: 25px 0 0;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .freedom-from-lack-of-choice table caption {
          display: none; } }
    .freedom-from-lack-of-choice table td {
      font-size: 25px;
      padding-left: 0.5em; }
      @media only screen and (max-width: 479px) {
        .freedom-from-lack-of-choice table td {
          font-size: 20px;
          position: relative;
          top: -12px; } }
    .freedom-from-lack-of-choice table th {
      font-size: 80px;
      width: 80px; }
      @media only screen and (max-width: 1023px) {
        .freedom-from-lack-of-choice table th {
          font-size: 60px; } }
      @media only screen and (max-width: 479px) {
        .freedom-from-lack-of-choice table th {
          padding-bottom: 10px; } }
      .freedom-from-lack-of-choice table th:first-child {
        width: 168px; }
        @media only screen and (max-width: 1023px) {
          .freedom-from-lack-of-choice table th:first-child {
            width: 120px; } }
    .freedom-from-lack-of-choice table tr:nth-child(n) td {
      background-color: transparent; }
    @media only screen and (max-width: 767px) {
      .freedom-from-lack-of-choice table th:not(:first-child), .freedom-from-lack-of-choice table td:not(:first-child) {
        display: none; } }
  .freedom-from-lack-of-choice .captionClass {
    width: 211px;
    float: right;
    margin-left: 15px;
    font-size: 13px;
    padding: 55px 0 0;
    text-align: left;
    color: #fff;
    overflow: hidden; }
    @media only screen and (max-width: 1023px) {
      .freedom-from-lack-of-choice .captionClass {
        margin-left: 0px;
        padding-top: 35px; } }
    @media only screen and (max-width: 767px) {
      .freedom-from-lack-of-choice .captionClass {
        display: none; } }
  .freedom-from-lack-of-choice .product-profile {
    float: left;
    margin-left: 88px;
    margin-top: 20px; }
    @media only screen and (max-width: 1023px) {
      .freedom-from-lack-of-choice .product-profile {
        margin-left: 0px;
        margin-top: 0px;
        width: auto; } }
    @media only screen and (max-width: 767px) {
      .freedom-from-lack-of-choice .product-profile {
        font-size: 22px;
        width: 120; } }
    @media only screen and (max-width: 567px) {
      .freedom-from-lack-of-choice .product-profile {
        font-size: 15px;
        top: 54px; } }
    @media only screen and (max-width: 479px) {
      .freedom-from-lack-of-choice .product-profile {
        left: 25px;
        top: 29px;
        width: auto; } }
    .freedom-from-lack-of-choice .product-profile .download-text {
      top: 27px; }
      @media only screen and (max-width: 767px) {
        .freedom-from-lack-of-choice .product-profile .download-text {
          top: 34px; } }
      @media only screen and (max-width: 567px) {
        .freedom-from-lack-of-choice .product-profile .download-text {
          top: 23px; } }
    .freedom-from-lack-of-choice .product-profile .additional-resources {
      color: #fff;
      left: 14px; }
      @media only screen and (max-width: 479px) {
        .freedom-from-lack-of-choice .product-profile .additional-resources {
          display: none; } }

.freedom-to-feel-more-secure {
  position: relative;
  top: -20px; }
  @media only screen and (max-width: 1023px) {
    .freedom-to-feel-more-secure {
      height: 610px;
      padding: 75px 48px; } }
  @media only screen and (max-width: 767px) {
    .freedom-to-feel-more-secure {
      height: auto; } }
  @media only screen and (max-width: 479px) {
    .freedom-to-feel-more-secure {
      padding: 38px 25px; } }
  .freedom-to-feel-more-secure .copy {
    padding-left: 122px;
    padding-top: 82px;
    width: 640px; }
    @media only screen and (max-width: 1023px) {
      .freedom-to-feel-more-secure .copy {
        padding: 0;
        overflow: visible; } }
    @media only screen and (max-width: 767px) {
      .freedom-to-feel-more-secure .copy {
        width: auto; } }
  .freedom-to-feel-more-secure ul {
    color: #ffffff;
    font-size: 20px;
    margin-left: 1.2em; }
    @media only screen and (max-width: 1023px) {
      .freedom-to-feel-more-secure ul {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .freedom-to-feel-more-secure ul {
        width: 100%; } }
    @media only screen and (max-width: 479px) {
      .freedom-to-feel-more-secure ul {
        font-size: 16px; } }
    .freedom-to-feel-more-secure ul li {
      line-height: 1.2;
      margin: 0 0 5px; }
  @media only screen and (max-width: 767px) {
    .freedom-to-feel-more-secure figure {
      margin: 20px auto;
      position: relative;
      top: -70px; } }
  .freedom-to-feel-more-secure figure p {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 16px;
    left: 25px;
    line-height: 1;
    margin: auto;
    top: 110px;
    width: 140px;
    opacity: 0; }
    @media only screen and (max-width: 479px) {
      .freedom-to-feel-more-secure figure p {
        font-size: 22px;
        left: 5px;
        top: 70px;
        width: 154px; } }
    .lt-ie9 .freedom-to-feel-more-secure figure p {
      opacity: 1; }
    .freedom-to-feel-more-secure figure p span {
      display: block;
      font-family: 'proxima-nova', 'sans-serif';
      font-size: 88.5px;
      left: -7px;
      letter-spacing: -5px;
      top: 14px; }
      @media only screen and (max-width: 479px) {
        .freedom-to-feel-more-secure figure p span {
          font-size: 114.5px; } }
      .freedom-to-feel-more-secure figure p span sup {
        font-size: 65.43px;
        font-weight: 700;
        top: 9px; }
  .freedom-to-feel-more-secure figcaption {
    bottom: -30px;
    color: #ffffff;
    font-size: 13px;
    left: 9%;
    opacity: 0;
    overflow: visible;
    position: absolute;
    text-align: center;
    width: 85%; }
    @media only screen and (max-width: 767px) {
      .freedom-to-feel-more-secure figcaption {
        bottom: -38px; } }
    @media only screen and (max-width: 479px) {
      .freedom-to-feel-more-secure figcaption {
        bottom: -50px; } }
    .lt-ie9 .freedom-to-feel-more-secure figcaption {
      opacity: 1; }
  @media only screen and (max-width: 1023px) {
    .freedom-to-feel-more-secure .product-profile {
      top: 90px; } }
  @media only screen and (max-width: 767px) {
    .freedom-to-feel-more-secure .product-profile {
      top: auto;
      position: absolute;
      bottom: 36px;
      left: 50%;
      margin-left: -244px;
      width: auto; } }
  @media only screen and (max-width: 567px) {
    .freedom-to-feel-more-secure .product-profile {
      margin-left: -119px;
      bottom: 24px; } }
  @media only screen and (max-width: 479px) {
    .freedom-to-feel-more-secure .product-profile {
      bottom: 33px; } }
  .freedom-to-feel-more-secure .download-text {
    top: 27px; }
    @media only screen and (max-width: 767px) {
      .freedom-to-feel-more-secure .download-text {
        font-size: 22px;
        width: auto;
        top: 34px; } }
    @media only screen and (max-width: 567px) {
      .freedom-to-feel-more-secure .download-text {
        font-size: 15px;
        left: 25px;
        top: 23px;
        width: 120px; } }
    @media only screen and (max-width: 479px) {
      .freedom-to-feel-more-secure .download-text {
        font-size: 13px;
        left: 16px;
        top: 32px; } }
  .freedom-to-feel-more-secure .additional-resources {
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .freedom-to-feel-more-secure .additional-resources {
        display: none; } }

.get-to-know {
  background: transparent url("../cps-images/NF-DestinationFreedom-get-to-know-bg.png") repeat scroll 0 0;
  position: relative;
  margin-top: -20px; }
  @media only screen and (max-width: 1023px) {
    .get-to-know {
      height: auto;
      padding: 75px 48px; } }
  @media only screen and (max-width: 479px) {
    .get-to-know {
      padding: 38px 25px; } }
  .get-to-know .copy {
    overflow: visible;
    padding-left: 122px;
    padding-top: 72px;
    width: 846px; }
    @media only screen and (max-width: 1023px) {
      .get-to-know .copy {
        padding: 0;
        width: auto;
        max-width: 620px; } }
    @media only screen and (max-width: 767px) {
      .get-to-know .copy {
        padding-top: 15px;
        max-width: 470px; }
        .get-to-know .copy span {
          display: block; } }
    @media only screen and (max-width: 567px) {
      .get-to-know .copy {
        max-width: 340px; } }
  .get-to-know .videoRow {
    padding-left: 122px;
    padding-right: 122px; }
    @media all and (max-width: 1024px) {
      .get-to-know .videoRow {
        padding-left: 65px;
        padding-right: 0px; } }
    @media only screen and (max-width: 1023px) {
      .get-to-know .videoRow {
        padding: 0;
        width: auto;
        max-width: 620px; } }
    @media only screen and (max-width: 767px) {
      .get-to-know .videoRow {
        max-width: 470px; } }
    @media only screen and (max-width: 567px) {
      .get-to-know .videoRow {
        max-width: 340px;
        overflow: hidden; } }
  .get-to-know .videoCtr {
    float: left;
    height: 220px;
    margin: 20px 38px 10px 0;
    width: 280px;
    color: #fff;
    font-size: 16px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 1200px) {
      .get-to-know .videoCtr {
        width: 28%; } }
    @media all and (max-width: 1024px) {
      .get-to-know .videoCtr {
        width: 30%;
        margin-left: -8px; } }
    @media only screen and (max-width: 1023px) {
      .get-to-know .videoCtr {
        width: 280px;
        float: none;
        margin: 20px auto; } }
    .get-to-know .videoCtr .miniVideo {
      height: 159px;
      position: absolute;
      z-index: 0;
      top: 0px; }
      .get-to-know .videoCtr .miniVideo .video__wrapper {
        overflow: hidden; }
    .get-to-know .videoCtr #moreVideoLeft {
      background: transparent url("../cps-images/NF-DestinationFreedom-video1-poster.jpg") no-repeat right bottom;
      height: 159px;
      background-size: 100% auto;
      z-index: 999;
      position: relative; }
      .get-to-know .videoCtr #moreVideoLeft:hover {
        background: transparent url("../cps-images/NF-DestinationFreedom-video1-poster-hover.jpg") no-repeat right bottom;
        background-size: 100% auto; }
    .get-to-know .videoCtr #moreVideoCenter {
      height: 159px;
      background-size: 100% auto;
      z-index: 999;
      position: relative; }
    .get-to-know .videoCtr #moreVideoRight {
      height: 159px;
      background-size: 100% auto;
      z-index: 999;
      position: relative; }
    .get-to-know .videoCtr p {
      margin-bottom: 0px;
      font-size: 16px;
      margin-top: 10px;
      position: absolute;
      bottom: 34px; }
  .get-to-know .watchMoreCtr {
    font-family: "proxima-nova","sans-serif";
    font-size: 18px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0px 77px 40px 0px;
    position: relative;
    z-index: 0; }
    @media only screen and (max-width: 1023px) {
      .get-to-know .watchMoreCtr {
        padding-left: 170px; } }
    @media only screen and (max-width: 767px) {
      .get-to-know .watchMoreCtr {
        font-size: 28px;
        text-align: center;
        width: auto;
        padding: inherit;
        padding-top: 0px;
        padding-bottom: 30px; } }
    .get-to-know .watchMoreCtr a {
      background-color: #70ceea;
      color: #fff;
      display: block;
      float: left;
      padding: 14px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .get-to-know .watchMoreCtr a {
          float: none;
          background-color: #b9ecff;
          border-radius: 10px;
          display: table;
          margin: 20px auto;
          padding: 10px 20px;
          color: #20417b; } }
      @media only screen and (max-width: 479px) {
        .get-to-know .watchMoreCtr a {
          font-size: 18px; } }

.df-footer {
  background-color: #294880;
  color: #ffffff;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  top: -44px;
  z-index: 0;
  padding: 20px 0; }
  .df-footer .indicia {
    font-size: 12.54px; }
  .df-footer p {
    margin-left: 120px;
    margin-right: 120px;
    font-size: 16px; }
    @media only screen and (max-width: 1023px) {
      .df-footer p {
        margin: 20px 60px; } }
    @media only screen and (max-width: 479px) {
      .df-footer p {
        margin: 20px; } }

.df-additional-resources {
  position: relative;
  background-color: #257dc6;
  color: #ffffff;
  font-family: 'proxima-nova', 'sans-serif';
  font-size: 18px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 77px 20px 0;
  top: -44px;
  z-index: 0; }
  @media only screen and (max-width: 767px) {
    .df-additional-resources {
      background-color: #2072c1;
      color: #20417b;
      padding: 0;
      font-size: 28px;
      text-align: center;
      width: auto; } }
  .df-additional-resources a {
    background-color: #70ceea;
    color: #ffffff;
    display: block;
    padding: 14px;
    text-transform: uppercase;
    float: right; }
    .df-additional-resources a:hover {
      text-decoration: underline; }
    @media only screen and (max-width: 767px) {
      .df-additional-resources a {
        float: none;
        background-color: #b9ecff;
        border-radius: 10px;
        display: table;
        margin: 20px auto;
        padding: 10px 20px;
        color: #20417b; } }
    @media only screen and (max-width: 479px) {
      .df-additional-resources a {
        font-size: 18px; } }

.df-callout {
  topposition: relative;
  color: #ffffff;
  font-family: 'proxima-nova', 'sans-serif';
  font-size: 18px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 20px 77px 20px 0;
  top: -44px;
  z-index: 0;
  height: 170px; }
  @media only screen and (max-width: 567px) {
    .df-callout {
      height: 140px; } }
  @media (max-width: 385px) {
    .df-callout {
      height: 164px; } }
  .df-callout .callout {
    background-color: #bae4f3;
    background-color: rgba(186, 228, 243, 0.7);
    bottom: 0;
    clear: both;
    display: block;
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 0;
    padding: 30px 100px;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #294880;
    /*@media all and (max-width: 1024px) {
		  box-sizing: border-box;
		  padding: 30px 160px;
            
		}*/ }
    .df-callout .callout sup {
      font-size: 40%;
      top: -0.5em; }
    @media all and (max-width: 1160px) {
      .df-callout .callout {
        padding: 36px 45px;
        font-size: 45px; } }
    @media only screen and (max-width: 1023px) {
      .df-callout .callout {
        font-size: 38px;
        padding: 44px 10px; } }
    @media only screen and (max-width: 767px) {
      .df-callout .callout {
        font-size: 32px;
        padding: 50px 15px; } }
    @media only screen and (max-width: 639px) {
      .df-callout .callout {
        padding: 32px 10px; } }
    @media (min-width: 636px) and (max-width: 645px) {
      .df-callout .callout {
        padding: 33px 15px; } }
    @media only screen and (max-width: 567px) {
      .df-callout .callout {
        font-size: 24px;
        padding: 30px 53px; } }
    @media only screen and (max-width: 479px) {
      .df-callout .callout {
        font-size: 24px;
        padding: 30px; } }

footer {
  background-color: #e7e7e7;
  position: relative;
  top: -44px; }

footer img {
  max-width: 1440px;
  width: 100%;
  height: auto; }

footer {
  font-family: Arial, sans-serif; }

.logo {
  background-image: url("../cps-images/NF-DestinationFreedom-logo.png");
  background-position: 0 0 !important;
  background-size: 191px 61px;
  height: 61px !important;
  text-indent: -9999px;
  width: 191px !important; }
  .lt-ie9 .logo {
    background-image: url("../cps-images/NF-DestinationFreedom-logo-ie.png");
    background-repeat: no-repeat; }

@media not all, only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .logo {
    background-image: url("../cps-images/NF-DestinationFreedom-logo2x.png");
    background-size: 191px 61px; } }

.logo a {
  display: block;
  height: 100%;
  width: 100%; }

footer .hidden {
  display: block;
  float: left;
  font-size: 0;
  height: 0;
  text-indent: -1000em;
  width: 0; }

@media (max-width: 600px) {
  .logo {
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-bottom: 0;
    margin-right: 0 !important;
    max-width: 246px;
    padding-bottom: 15%; } }

footer {
  background: #dadada none repeat scroll 0 0;
  color: #333333;
  margin: 0 auto;
  padding: 20px 10px 20px 10px;
  width: 100%;
  max-width: 1200px; }

@media (max-width: 770px) {
  footer {
    padding: 20px !important; } }

.leftNav footer {
  padding-left: 10px !important; }

footer > div {
  border: 0 dotted #2a2a2a; }

footer .contact {
  display: inline-block;
  margin: 25px 20px 8px;
  vertical-align: top;
  font-size: 18px; }

@media (max-width: 770px) {
  footer .contact {
    line-height: inherit; } }

footer .contact-small {
  font-size: 18px; }

@media (max-width: 770px) {
  footer .contact-small {
    display: inline-block; } }

footer .links li {
  border-left: 1px dotted #acacac;
  float: left;
  padding: 4px 12px; }

footer .secondaryLinks li {
  border-left: 1px solid #666;
  float: left;
  margin: 0 12px 0 0;
  padding: 0 0 0 12px;
  list-style-position: inside;
  list-style: none; }

footer .links li a {
  color: #005691;
  text-decoration: none; }

footer .links li a:hover {
  text-decoration: none;
  color: #005691; }

footer .secondaryLinks li a {
  color: #005691;
  font-size: 14px; }

footer .secondaryLinks li a:hover {
  text-decoration: underline;
  color: #005691; }

footer .secondaryLinks li a:focus {
  color: #005691;
  text-decoration: none; }

footer .links li:first-child {
  border: 0 none;
  padding-left: 0; }

footer .secondaryLinks li:first-child {
  border: 0 none;
  padding-left: 0; }

footer .secondaryLinks {
  padding: 0;
  margin: 0; }

footer .row .links {
  font-size: 100%;
  margin: 26px 0; }

footer .social {
  color: #333333;
  display: block;
  margin-top: 20px;
  text-align: right;
  width: auto; }

footer .logo, .nwFooterLogo {
  background-position: -20px -220px;
  display: inline-block;
  height: 61px;
  padding: 10px 0;
  vertical-align: top;
  width: 191px;
  background-size: cover; }

.nfFooterLogo {
  background-position: -800px -700px;
  float: left;
  height: 63px;
  margin: 3px 0;
  width: 217px; }

a.nfFooterLogo:hover {
  background-position: -800px -900px; }

footer .sprite {
  text-align: left; }

footer .social .sprite {
  height: 30px;
  margin-left: 10px;
  width: 30px; }

footer .social {
  margin-top: 20px; }

.footer-contact-box {
  float: left;
  font-size: 1.125em;
  margin-bottom: 13px;
  width: auto;
  overflow: visible; }

.footer-social-box {
  float: right;
  margin-left: 1%;
  margin-top: 4px;
  text-align: right;
  width: 49%; }

.footer-nav-box {
  float: left;
  margin-bottom: 10px;
  width: 49%; }

.footer-links {
  display: block;
  margin: 30px 0;
  padding: 0; }

.footer-legal-box {
  float: right;
  margin-bottom: 10px;
  margin-left: 1%;
  text-align: right;
  width: 49%; }

.footer-disclaimer-box {
  float: left;
  font-size: 0.8em;
  margin-bottom: 10px;
  width: 100%; }

.footer-disclaimer-box:after {
  clear: both;
  content: "";
  display: table; }

.footer-disclaimer-box p {
  margin-bottom: 20px;
  color: #333333;
  font-size: 12.8px;
  line-height: 12.8px; }

.footer-subnav-box {
  float: left;
  margin-bottom: 10px;
  min-height: 100px;
  padding: 0;
  width: 100%; }

@media (max-width: 958px) {
  footer .links li {
    margin-left: 0; }
  .footer-contact-box {
    display: inline-block; }
  .footer-contact-box .logo {
    display: inline-block;
    float: none;
    vertical-align: middle; }
  .footer-contact-box .contact {
    display: inline-block;
    float: none; }
  .footer-contact-box, .footer-social-box, .footer-nav-box, .footer-legal-box {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%; }
  .footer-disclaimer-box {
    float: none;
    height: auto;
    text-align: center; }
  .footer-subnav-box {
    height: auto;
    text-align: center; }
  .footer-nav-box {
    clear: both;
    float: none;
    height: auto;
    margin-bottom: 0; }
  .footer-social-box {
    height: auto; }
  .footer-social {
    display: inline-block !important;
    float: none;
    height: auto;
    margin-top: 0 !important;
    text-align: inherit;
    width: auto; }
  .footer-links {
    display: inline-block;
    margin: 10px 0;
    text-align: center;
    width: auto; }
  .footer-links li {
    display: inline-block;
    float: none; }
  .footer-subnav-box .secondaryLinks {
    display: inline-block; } }

@media (max-width: 799px) {
  footer {
    height: auto; }
  footer .contact {
    font-size: 18px;
    height: auto; }
  .footer-contact-box {
    height: auto; }
  .footer-contact-box .contact {
    display: block;
    margin: 8px 0 0; }
  .footer-disclaimer-box {
    font-size: 0.75em; } }

@media (max-width: 25em) {
  footer .secondaryLinks li {
    border-left: medium none;
    clear: both;
    float: none;
    margin-right: 0;
    padding: 0;
    text-align: center; }
  footer .secondaryLinks li {
    border-left: medium none;
    clear: both;
    float: none;
    margin-right: 0;
    padding: 5px 0;
    text-align: center; }
  footer .links li {
    border-left: medium none;
    clear: both;
    display: block;
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-align: center; } }

#slidingLinkFarm {
  background-color: #dadada;
  clear: both;
  display: block !important;
  margin: 0 auto;
  padding-bottom: 45px;
  position: relative;
  -webkit-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
  width: 100%;
  z-index: 0; }

#slidingLinkFarm.open {
  padding-bottom: 15px; }

@media screen and (min-width: 50em) {
  #slidingLinkFarm {
    padding: 0 0 45px; } }

#slidingLinkFarm .hideTheButtonDropShadow {
  background-color: #fff;
  height: 2px;
  position: absolute;
  top: -2px;
  width: 100%;
  z-index: 3; }

#slidingLinkFarm .button {
  background: #f8f8f8 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 1px 3px 0 #333;
  color: #005691 !important;
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  margin: 0;
  padding: 0 11px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  z-index: 1; }

@media (max-width: 528px) {
  #slidingLinkFarm .button {
    margin-right: 0;
    right: 0;
    text-align: left;
    width: 100%; } }

#slidingLinkFarm .button:hover {
  background: #ccc none repeat scroll 0 0 !important;
  text-decoration: none; }

#slidingLinkFarm.open .button.grey {
  background: #666 none repeat scroll 0 0;
  border: medium none;
  color: #fff !important; }

#slidingLinkFarm.open .button:hover {
  background: #555 none repeat scroll 0 0 !important; }

#slidingLinkFarm .button span {
  margin: 0 0 4px 10px; }

@media (max-width: 528px) {
  #slidingLinkFarm .button span {
    float: right;
    margin: 17px 5px 0 0; } }

#slidingLinkFarm .icons-arrow-blue-down-small {
  background-image: url("../cps-images/NF-DestinationFreedom-icons.png");
  background-position: 0 -294px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 5px;
  overflow: hidden;
  text-indent: -9999px;
  width: 9px; }

#slidingLinkFarm.open .content {
  box-shadow: 4px 4px 5px rgba(51, 51, 51, 0.3); }

#slidingLinkFarm .content {
  background-color: #333;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  padding: 60px 0 30px; }

#slidingLinkFarm .content.col4 .col {
  width: 25%; }

@media (max-width: 800px) {
  #slidingLinkFarm .content.col4 .col {
    width: 50%; } }

@media (max-width: 528px) {
  #slidingLinkFarm .content.col4 .col {
    border: 0 none !important;
    height: auto;
    margin-bottom: 20px;
    width: auto; } }

#slidingLinkFarm .content .col {
  border-right: 1px dotted #ccc;
  float: left;
  padding: 0 2%;
  width: 45.65%; }

#slidingLinkFarm .content ul.last {
  padding-bottom: 0; }

#slidingLinkFarm .content ul {
  float: left;
  padding-bottom: 20px;
  width: 100%; }

#slidingLinkFarm .content li.first {
  color: #fff;
  float: left;
  font-size: 18px;
  font-weight: 700;
  width: 100%; }

#slidingLinkFarm .content li {
  color: #fff;
  display: block;
  float: left;
  padding-bottom: 20px;
  width: 100%; }

#slidingLinkFarm .content li.first a {
  color: #fff;
  display: inline;
  margin: 0;
  width: auto; }

#slidingLinkFarm .content li a {
  color: #ddd;
  text-decoration: none; }

.more-icon {
  padding-right: 17px; }

#slidingLinkFarm .content li a .marker {
  background-image: url("../cps-images/NF-DestinationFreedom-icons.png");
  background-position: 0 -697px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  margin-left: -6px;
  overflow: hidden;
  text-indent: -9999px;
  width: 6px; }

#slidingLinkFarm .icons-arr-up-white {
  background-image: url("../cps-images/NF-DestinationFreedom-icons.png");
  background-position: 0 -186px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 5px;
  overflow: hidden;
  text-indent: -9999px;
  width: 9px; }

footer a {
  color: #005691;
  text-decoration: none; }

footer a:hover {
  color: #005691;
  text-decoration: none; }

footer a:focus {
  color: #005691;
  text-decoration: none; }

.social-links {
  float: right;
  width: 198px; }

@media (max-width: 958px) {
  .social-links {
    clear: both;
    float: none;
    margin: 0 auto 20px; } }

@media (max-width: 480px) {
  .social-links {
    margin: 17px auto 20px; } }

.social-links a {
  background: transparent url("../cps-images/NF-DestinationFreedom-icons.png") no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 28px;
  margin-left: 10px;
  width: 29px; }

.social-links a:first-child {
  margin-left: 0; }

.social-links a.fb {
  background-position: 0 -1149px; }

.social-links a.fb:hover {
  background-position: 0 -1197px; }

.social-links a.tw {
  background-position: 0 -3921px; }

.social-links a.tw:hover {
  background-position: 0 -3969px; }

.social-links a.yt {
  background-position: 0 -4017px; }

.social-links a.yt:hover {
  background-position: 0 -4065px; }

.social-links a.in {
  background-position: 0 -1565px; }

.social-links a.in:hover {
  background-position: 0 -1613px; }

.social-links a.fl {
  background-position: 0 -1429px; }

.social-links a.fl:hover {
  background-position: 0 -1477px; }

.ms-footer__section {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  clear: both;
  margin: 20px 0 18px;
  padding-bottom: 16px; }

.ms-footer__section:after {
  clear: both;
  content: "";
  display: table; }

@media (max-width: 799px) {
  .ms-footer__section {
    padding: 4px 0 9px; } }

.top-links {
  float: left;
  font-size: 15px; }

@media (max-width: 958px) {
  .top-links {
    float: none;
    text-align: center; } }

.top-links--clear {
  clear: both;
  margin: 30px 0;
  overflow: visible; }

@media (max-width: 480px) {
  .top-links--clear {
    margin-top: 15px; } }

.top-links a {
  border-left: 1px solid #999;
  color: #005691;
  padding-left: 10px;
  padding-right: 10px; }

.top-links a:hover {
  text-decoration: underline;
  color: #005691; }

.top-links a:focus {
  color: #005691;
  text-decoration: none; }

@media (max-width: 480px) {
  .top-links a {
    padding-left: 5px;
    padding-right: 5px; } }

.top-links a:first-child {
  border-left: medium none;
  padding-left: 0; }

.legal-links {
  float: right;
  margin: 10px 0 10px 10px; }

@media (max-width: 958px) {
  .legal-links {
    clear: both;
    float: none;
    margin: 15px auto 10px;
    text-align: center;
    width: 338px; } }

@media (max-width: 799px) {
  .legal-links {
    margin: 10px 0;
    width: auto; } }

@media (max-width: 480px) {
  .legal-links {
    width: 100%; } }

.legal-links a {
  display: inline-block;
  vertical-align: middle; }

.legal-links a:hover {
  background-color: #ccc;
  border-radius: 5px; }

.legal-links span {
  background-image: url("../cps-images/NF-DestinationFreedom-icons.png");
  background-repeat: no-repeat;
  display: block; }

.trust span {
  background-position: 0 -3857px;
  height: 44px;
  width: 135px; }

.house span {
  background-position: 0 -1021px;
  height: 44px;
  width: 76px; }

.fdic span {
  background-position: 0 -1245px;
  height: 44px;
  margin: 0 16px;
  width: 110px; }

.footer-disclaimer-box .business-links {
  border-left: 1px solid #999;
  padding: 0 2px 0 4px; }

.footer-disclaimer-box .business-links:first-of-type {
  border-left: medium none; }

.footer-disclaimer-box a:hover {
  text-decoration: underline; }

@media (max-width: 550px) {
  .footer-disclaimer-box .business-links {
    line-height: 16px; } }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""; }
  pre, blockquote {
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 50% !important;
    display: none; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  /*h2,
    h3 {
        page-break-after: avoid;
    }*/
  .branding-header {
    display: none; }
  .hide {
    display: block; } }

figure[class="video"] {
  width: 100% !important; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  figure[class="video"] {
    max-height: 320px; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  figure[class="video"] {
    max-height: 480px; } }

.video__wrapper {
  width: 100%;
  height: 100%;
  padding: 0; }

@media screen and (max-width: 527px) {
  .video__wrapper {
    padding-left: 0;
    padding-right: 0; } }

.video__wrapper div[style="width:600px; height:338px;"] {
  background: black none repeat scroll 0 0;
  height: 520px !important;
  margin: 0 auto;
  width: 100% !important; }

@media screen and (min-width: 0px) and (max-width: 480px) {
  .video__wrapper div[style="width:600px; height:338px;"] {
    max-height: 320px; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  .video__wrapper div[style="width:600px;height:338px;"] {
    max-height: 480px; } }

.video__wrapper .projekktor {
  height: 100% !important;
  width: 100% !important; }

.video__wrapper .vidOptions__title {
  border-right: 1px solid #999999;
  color: #666666;
  display: inline-block;
  font-family: "proxima-nova",Helvetica,Arial,sans-serif;
  font-size: 15px;
  line-height: 16px;
  padding-right: 10px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  width: 75px; }

.video__wrapper .vidOptions__title[for="videoPageLink"], .video__wrapper .vidOptions__title[for="videoPageEmbed"] {
  left: -2px; }

.video__wrapper .vidOptions__title[for="videoPageEmbed"] {
  top: 10px; }

.video__wrapper .video__share__options.vidOptions {
  background: #dedede none repeat scroll 0 0;
  padding-bottom: 5px; }

.video__wrapper .video__share__options.vidOptions .vidOptions__input {
  display: inline-block;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 100%; }

.video__wrapper .video__share__options.vidOptions .vidOptions__input--pageLink, .video__wrapper .video__share__options.vidOptions .vidOptions__input--pageEmbed {
  -moz-user-select: element;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline;
  font-family: "Courier New",Courier,monospace;
  font-size: 14px;
  height: 34px;
  margin: 5px;
  outline: medium none;
  padding: 8px 10px;
  text-align: left;
  white-space: pre-wrap;
  width: calc(100% - 90px);
  word-spacing: 0;
  word-wrap: break-word; }

.componentUrbo {
  clear: both;
  color: #666666;
  display: none;
  font-size: 12px;
  margin: -15px 0 45px 15px; }

.video__wrapper .video__share__options.vidOptions .vidOptions__input--pageLink:hover, .video__wrapper .video__share__options.vidOptions .vidOptions__input--pageLink:focus, .video__wrapper .video__share__options.vidOptions .vidOptions__input--pageEmbed:hover, .video__wrapper .video__share__options.vidOptions .vidOptions__input--pageEmbed:focus {
  background-color: #cccccc;
  cursor: pointer; }

.video__wrapper .video__share__options.vidOptions .vidOptions__input--pageEmbed {
  height: 68px; }

.video__wrapper > div {
  height: 100% !important;
  width: 100% !important; }

.videoHolder figure {
  height: 100%; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

html.ie8 {
  min-width: 1200px; }

html.ie8 body {
  min-width: 1200px; }

html.ie8 body > section, html.ie8 body > footer, html.ie8 body > header {
  width: 1200px; }

html.ie8 .searchBar input[type="submit"] {
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  top: -1px; }

html.ie8 .searchBar input[type="text"] {
  line-height: 100%;
  padding-top: 8px; }

.top {
  margin: 0;
  padding-top: 2%; }

.intro {
  font-family: Arial,sans-serif;
  font-size: 16px;
  margin: 0 0 2.8%; }

section {
  background: white none repeat scroll 0 0;
  padding-bottom: 2% !important; }

@media not all, only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .logo {
    background-size: 246px 79px; } }

.videoWrap > div.cme, #video__holder div.cme {
  background-size: 100% auto;
  cursor: pointer;
  height: 100% !important;
  left: 0;
  max-width: 1160px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }

.videoWrap > div.cme .p, #video__holder div.cme .p {
  height: 12%;
  left: 50%;
  margin-left: -3.5%;
  margin-top: -6%;
  position: absolute;
  top: 50%;
  width: 7%; }

@media screen and (max-width: 770px) {
  .videoWrap > div.cme .p, #video__holder div.cme .p {
    height: 24%;
    margin-left: -7%;
    margin-top: -12%;
    width: 14%; } }

@media screen and (max-width: 520px) {
  .videoWrap > div.cme .p, #video__holder div.cme .p {
    margin-left: -3%; } }

@media screen and (max-width: 475px) {
  .videoWrap > div.cme .p, #video__holder div.cme .p {
    margin-left: -7%; } }

.videoWrap > div.cme .p a, .cardWrap div.next-chapter .p a, #video__holder div.cme .p a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  border: 2px solid white;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%; }

.videoWrap > div.cme .wrap, .cardWrap div.next-chapter .wrap, #video__holder div.cme .wrap {
  bottom: 21%;
  color: white;
  font-size: 29px;
  font-weight: 100;
  left: 6%;
  line-height: 32px;
  position: absolute;
  text-align: left; }

.videoWrap > div.cme .wrap p, .cardWrap div.next-chapter .wrap p, #video__holder div.cme .wrap p {
  margin: 0; }

.videoWrap > div.cme .wrap span, .cardWrap div.next-chapter .wrap span, #video__holder div.cme .wrap span {
  font-weight: 600; }

.videoWrap > div.cme .wrap .tagline, .cardWrap div.next-chapter .wrap .tagline, #video__holder div.cme .wrap .tagline {
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 1.4em;
  margin-top: 5%;
  text-transform: uppercase; }

.videoWrap > div.cme .wrap .tagline span, #video__holder div.cme .wrap .tagline span {
  font-size: 14px;
  font-weight: 300; }

@media not all, only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .videoWrap > div.cme .wrap, .cardWrap div.next-chapter .wrap, #video__holder div.cme .wrap {
    left: 6.5%; } }

@media screen and (max-width: 750px) {
  .videoWrap > div.cme .wrap, .cardWrap div.next-chapter .wrap, #video__holder div.cme .wrap {
    font-size: 20px;
    line-height: 25px; } }

@media screen and (max-width: 475px) {
  .videoWrap > div.cme .wrap, .cardWrap div.next-chapter .wrap, #video__holder div.cme .wrap {
    font-size: 12px;
    line-height: 15px; }
  .videoWrap > div.cme .wrap .tagline, .cardWrap div.next-chapter .wrap .tagline, #video__holder div.cme .wrap .tagline {
    font-size: 10px; }
  .videoWrap > div.cme .wrap .tagline span, .cardWrap div.next-chapter .wrap .tagline span, #video__holder div.cme .wrap .tagline span {
    font-size: 12px; } }

@media screen and (max-width: 495px) {
  .videoWrap {
    background: white none repeat scroll 0 0;
    margin: 0;
    max-width: 1160px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    text-align: center;
    width: 100%; }
  .videoWrap figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .videoWrap > div {
    height: 0 !important; }
  .ppstart, .ppstart:hover {
    background-position: 0 0 !important;
    background-size: 100% auto !important;
    height: 33% !important;
    margin-bottom: -8% !important;
    margin-left: -9%;
    width: 18% !important; }
  .ppquality, .ppfsexit, .ppfsenter {
    display: none !important; }
  .ppcontrols {
    background: #eeeeee none repeat scroll 0 0 !important;
    border: medium none !important;
    height: 40px !important; }
  .ppstart, .ppstart:hover {
    background-position: 0 0 !important;
    background-size: 100% auto !important;
    height: 33% !important;
    margin-bottom: -8% !important;
    margin-left: -9%;
    width: 18% !important; }
  .ppplay {
    background-position: 0 0 !important;
    background-size: 30px 60px !important; }
  .ppplay:hover {
    background-position: 0 -30px !important; }
  .pptimeleft, .pptimediv {
    background-image: none !important;
    color: #666 !important;
    font-weight: normal !important;
    text-shadow: none !important; }
  .pptimeleft > * {
    line-height: 40px; }
  .pppause {
    background-position: 0 0 !important;
    background-size: 30px 60px !important; }
  .pppause:hover {
    background-position: 0 -30px !important; }
  .ppmute {
    background-position: 0 0 !important;
    background-size: 30px 60px !important; }
  .ppmute:hover {
    background-position: 0 -30px !important; }
  .ppvknob {
    background: #666 none repeat scroll 0 0 !important;
    top: -6px; }
  .ppvslider {
    background: #333 none repeat scroll 0 0 !important;
    top: 15px !important; }
  .ppvmarker {
    background: #666 none repeat scroll 0 0 !important; }
  .ppvmax {
    background-position: 0 0 !important;
    background-size: 30px 60px !important; }
  .ppvmax:hover {
    background-position: 0 -30px !important; }
  .ppcontrols div {
    border: medium none !important; }
  .ppscrubber, .ppscrubber div {
    height: 5px !important; }
  .ppcontrols div.ppscrubber {
    background: #999 none repeat scroll 0 0 !important;
    border-top: 1px solid #006fc1 !important; }
  .ppscrubber .ppplayhead {
    height: 1px !important;
    margin-bottom: 2px; }
  /* CSS Document */
  #simplePro, #multiPro {
    zoom: 1; }
  .projekktor {
    background-color: #eee;
    font-family: 'Lucida Grande', Trebuchet MS, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #0c0c0c;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    z-index: 1; }
  .ppdisplay {
    /*position: relative !important;*/
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 2; }
  .ppcontrols {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 36px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/player.png") repeat-x scroll 0 0 #eee;
    border-style: solid;
    border-color: #c2deea;
    border-width: 1px 0;
    padding: 0;
    margin: 0;
    z-index: 80; }
  .fullscreen .ppcontrols {
    z-index: 80; }
  .pplogo {
    z-index: 98;
    min-width: 40px;
    min-height: 40px; }
  .ppplay, .pppause {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat left top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat left top transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-right: 1px solid #c2deea; }
  .ppplay:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat left -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat left -35px transparent; }
  .ppplay:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat left -36px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat left -36px transparent; }
  .pppause {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat left -70px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat left -70px transparent; }
  .pppause:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat left -105px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat left -105px transparent; }
  .pppause:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat left -106px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat left -106px transparent; }
  .ppfsenter, .ppfsexit {
    display: block;
    float: right;
    top: 0;
    width: 30px;
    height: 30px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat right top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat right top transparent;
    cursor: pointer;
    border-left: 1px solid #c2deea; }
  .ppfsenter:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat right -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat right -35px transparent; }
  .ppfsenter:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat right -36px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat right -36px transparent; }
  .ppfsexit {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat right -70px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat right -70px transparent; }
  .ppfsexit:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat right -105px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat right -105px transparent; }
  .ppfsexit:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat right -106x transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat right -106x transparent; }
  .ppquality {
    display: block;
    float: right;
    top: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -580px top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -580px top transparent; }
  .ppquality:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -580px -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -580px -35px transparent; }
  .ppquality.hd {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -580px -70px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -580px -70px transparent; }
  .ppquality.hd:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -580px -105px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -580px -105px transparent; }
  .ppqualitySelect {
    display: none;
    position: absolute;
    width: 73px;
    min-height: 33px;
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    z-index: 99;
    text-transform: none; }
  .ppqualitySelect div.top {
    width: 74px;
    height: 19px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.png") no-repeat -5px -5px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.gif") no-repeat -5px -5px transparent; }
  .ppqualitySelect ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .ppqualitySelect li {
    cursor: pointer;
    max-height: 14px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.png") no-repeat -5px -24px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.gif") no-repeat -5px -24px transparent; }
  .ppqualitySelect li span:first-child {
    display: block;
    margin-left: 6px;
    padding-left: 12px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.png") no-repeat -89px -15px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.gif") no-repeat -89px -15px transparent; }
  .ppqualitySelect li span:nth-child(2) {
    font-size: 8px; }
  .ppqualitySelect li span:first-child:hover, .ppqualitySelect li span:first-child.active, .ppqualitySelect li span:first-child.active:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.png") no-repeat -89px -28px transparent;
    color: #8CABFF;
    opacity: 0.8; }
  .ppqualitySelect li span.hditem {
    display: inline-block; }
  /* IE7 and older */
  .ppqualitySelect li span.iemenuitem {
    margin-left: 6px;
    padding-left: 12px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.gif") no-repeat -89px -15px transparent;
    display: inline-block; }
  .ppqualitySelect li span.iemenuitemactive, .ppqualitySelect li span.iemenuitem:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.gif") no-repeat -89px -28px transparent;
    color: #8CABFF;
    opacity: 0.8; }
  .ppqualitySelect li span.hditemtrail {
    font-size: 8px; }
  /* IE7 and older END */
  .ppqualitySelect div.bottom {
    width: 74px;
    height: 14px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.png") no-repeat -5px -46px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_QualitySelector_Sliced.gif") no-repeat -5px -46px transparent; }
  .ppscrubber {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    margin: auto;
    padding: 0;
    border-bottom: 1px solid #eee; }
  .pploading {
    height: 5px; }
  .ppplayhead, .pploaded {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 1px;
    background-color: #fff;
    cursor: pointer;
    z-index: 81;
    overflow: hidden; }
  .pploaded {
    z-index: 82;
    background: #413e3e;
    opacity: 0.8;
    /* ie7 */
    filter: alpha(opacity=80);
    /* ie8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .ppplayhead {
    height: 5px;
    margin-top: -5px;
    z-index: 83;
    _line-height: 5px; }
  .pptitle {
    position: absolute;
    left: 31px;
    padding: 0 10px;
    color: #fff;
    overflow: hidden;
    text-align: left;
    line-height: 30px;
    height: 30px;
    border-left: 1px solid #c2deea;
    font-size: 11px; }
  .pptimeleft, .ppvmax, .ppmute {
    float: right;
    text-align: center;
    top: 0;
    height: 15px;
    color: #8f8f8f;
    width: auto;
    line-height: 30px;
    height: 30px;
    border-left: 1px solid #c2deea;
    border-right: 1px solid #c2deea;
    overflow: hidden; }
  .pptimediv {
    color: #8f8f8f; }
  /* special for single */
  .pptimeleft {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -91px top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -91px top transparent; }
  .ppvmax {
    top: 0;
    width: 30px;
    border-left: none;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -842px 1px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -842px 1px transparent; }
  .ppvmax:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -842px -34px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -842px -34px transparent; }
  .ppvmax:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -842px -34px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -842px -34px transparent; }
  .ppmute {
    float: right;
    top: 0;
    width: 27px;
    border-left: 1px solid #c2deea;
    border-right: none;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -750px top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -750px top transparent; }
  .ppmute:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -750px -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -750px -35px transparent; }
  .ppmute:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -750px -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -750px -35px transparent; }
  .ppvslider {
    position: relative;
    float: right;
    top: 13px;
    height: 6px;
    width: 60px;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -781px -13px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -781px -13px transparent; }
  .ppvmarker {
    position: absolute;
    right: 0;
    left: 0;
    height: 6px;
    width: 100%;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -634px -13px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -634px -13px transparent; }
  .ppvknob {
    cursor: pointer;
    z-index: 83;
    position: absolute;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -699px -5px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -699px -5px transparent;
    top: -7px;
    left: 0;
    width: 6px;
    height: 20px; }
  .ppnext, .ppprev {
    float: right;
    display: block;
    top: 0;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -59px top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -59px top transparent;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-left: 1px solid #c2deea;
    border-right: 1px solid transparent; }
  .ppnext {
    border-right: none; }
  .ppnext:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -59px -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -59px -35px transparent; }
  .ppnext:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -59px -36px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -59px -36px transparent; }
  .ppprev {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -32px top transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -32px top transparent; }
  .ppprev:hover {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -32px -35px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -32px -35px transparent; }
  .ppprev:active {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.png") no-repeat -32px -36px transparent;
    *background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/MM_default_hmtl5_style.gif") no-repeat -32px -36px transparent; }
  .pplogo.inactive, .ppstart.inactive, .ppbuffering.inactive, .ppcontrols.inactive, .ppchapters.inactive, .ppplay.inactive, .ppquality.inactive, .pppause.inactive, .ppfsenter.inactive, .ppfsexit.inactive, .ppprev.inactive, .ppnext.inactive {
    display: none !important; }
  .pplogo.active, .ppstart.active, .ppbuffering.active, .ppcontrols.active, .ppplay.active, .ppquality.active, .pppause.active, .ppfsenter.active, .ppfsexit.active, .ppprev.active, .ppnext.active {
    display: block !important; }
  .pptestcard {
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/noise.gif") center center repeat;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    overflow: hidden; }
  .pptestcard p {
    background-color: #3b393e;
    width: 60%;
    margin: auto;
    line-height: 25px;
    position: relative;
    top: 25%;
    padding: 10px;
    border: 5px solid #000;
    text-align: center; }
  .ppbuffering {
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -45px;
    margin-bottom: -38px;
    display: block;
    z-index: 99;
    padding: 0;
    background: url("//nationwide.dist.sdlmedia.com/Distributions/player_html5/theme/buffering.gif") no-repeat center center #000;
    height: 84px;
    width: 84px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: none; }
  .ppstart {
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -45px;
    margin-bottom: -38px;
    cursor: pointer;
    height: 84px;
    width: 84px;
    display: block;
    z-index: 97;
    padding: 0;
    background: url("/cps/cps-images/pc-pm-play-btn.png") no-repeat left top transparent; }
  .ppstart:hover {
    background: url("/cps/cps-images/pc-pm-play-btn.png") no-repeat left bottom transparent; }
  .ppstart:active {
    background: url("/cps/cps-images/pc-pm-play-btn.png") no-repeat left -169px transparent; }
  .ppsocialbar {
    position: absolute;
    right: 0;
    bottom: 14%;
    width: 90px;
    height: 50%;
    padding: 0;
    z-index: 82; }
  .ppsocialbutton, .ppsocialbutton:hover {
    cursor: pointer;
    overflow: hidden;
    height: 16px;
    width: 80px;
    padding: 5px;
    margin: 15px 0;
    text-align: center;
    font-size: 14px;
    background-color: #191B10;
    color: #fdfdfd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 14px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  .ppsocialbutton:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .ppsocialpopup {
    position: absolute;
    margin-right: -122px;
    margin-top: -140px;
    right: 50%;
    top: 50%;
    width: 185px;
    height: 225px;
    text-align: center;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #222222;
    background: rgba(34, 34, 34, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(153, 34, 34, 0.13333), endColorstr=rgba(153, 34, 34, 0.13333));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(153, 34, 34, 0.13333), endColorstr=rgba(153, 34, 34, 0.13333))";
    color: #fefefe; }
  .ppsocialpopup textarea {
    width: 185px;
    height: 65px;
    border: 1px solid #ccc;
    outline: 0 none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block; }
  .ppsocialpopup a {
    display: block;
    width: 100%;
    text-decoration: underline;
    margin: 5px auto;
    text-align: center;
    color: #ddd;
    cursor: pointer; }
  .ppsocialpopup a:hover {
    text-decoration: none; }
  .projekktor.ad .ppplay, .projekktor.ad .pppause, .projekktor.ad .ppnext, .projekktor.ad .ppprev, .projekktor.ad .ppvslider, .projekktor.ad .ppmute, .projekktor.ad .ppvmax, .projekktor.ad .ppunmute, .projekktor.ad .ppfsenter, .projekktor.ad .pptimeleft, .projekktor.ad .ppfseexit {
    display: none;
    border: none; }
  .projekktor.ad .ppcontrols {
    background: transparent;
    border: none; }
  .projekktor.ad .pptitle {
    border: none;
    left: 5px; }
  .ppsrt {
    width: 96%;
    text-align: center;
    color: #fdfdfd;
    background: black transparent;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(153, 0, 0, 0), endColorstr=rgba(153, 0, 0, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(153, 0, 0, 0), endColorstr=rgba(153, 0, 0, 0))";
    position: absolute;
    bottom: 42px;
    left: 2%;
    z-index: 22;
    padding: 2px 0; }
  .pptooltip {
    display: none;
    /* required */
    position: absolute;
    /* required */
    z-index: 99;
    *width: 40px; }
  .ppcontent {
    padding: 10px;
    background-color: #eee;
    border-left: 1px solid #c2deea;
    border-top: 1px solid #c2deea;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 12px;
    padding: 5px;
    text-align: center;
    z-index: 99; }
  div.pparrow {
    border: solid transparent;
    border-width: 5px 5px 0 5px;
    border-top-color: #eee;
    font-size: 0;
    line-height: 0;
    width: 0;
    margin-left: 15px; }
  .ppbackslide {
    *height: 100%;
    z-index: 3; }
  .ppbackslide .contentouter {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 5; }
  .ppbackslide .contentmiddle {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    z-index: 5; }
  .ppbackslide .content {
    z-index: 5; }
  .ppbackslide .content_style {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    z-index: 5;
    padding: 10px; }
  .ppbackslide .background {
    position: absolute;
    top: 0;
    *left: 0;
    font-size: 20px;
    width: 100%;
    height: 100%;
    color: #f0f0f0;
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0 0 #7f7f7f;
    /* IE8 and below */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 4; }
  .ppchapters {
    *left: 0;
    bottom: 32px;
    position: absolute;
    width: 100%;
    *width: 99%;
    overflow: hidden;
    z-index: 21;
    padding: 1px 0; }
  .ppchapters ul {
    padding: 0;
    margin: 0;
    right: 0;
    z-index: -1;
    list-style-type: none;
    display: block;
    width: 100%; }
  .ppchapters ul li {
    float: left;
    width: 20%;
    *width: 19%;
    overflow: hidden;
    cursor: pointer;
    padding-top: auto; }
  .ppcol {
    /*display:block;*/ }
  .ppcol div {
    background-color: #000;
    min-height: 22px;
    padding: 0 5px;
    line-height: 20px;
    height: 100%;
    color: #8f8f8f;
    font-family: 'Lucida Grande', Trebuchet MS, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    margin: 0 1px; }
  .ppcol:hover div {
    background-color: #eee; }
  .ppcol.active div {
    background-color: #eee; } }

.ppdisplay {
  overflow: hidden;
  background-color: transparent; }

.projekktor {
  background-color: transparent !important; }

.miniVideo .youtube > div.ytp-thumbnail-overlay.ytp-cued-thumbnail-overlay > button {
  background: url("/cps-images/NF-DestinationFreedom-yt-button.png"); }