@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html { font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%;/* 2 */ }
/**
 * Remove default margin.
 */
body { margin: 0; }
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
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; }
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a { background-color: transparent; }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover { outline: 0; }
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong { font-weight: bold; }
/**
 * Address styling not present in Safari and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img { border: 0; }
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) { overflow: hidden; }
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure { margin: 1em 40px; }
/**
 * Address differences between Firefox and other browsers.
 */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/**
 * Contain overflow in all browsers.
 */
pre { overflow: auto; }
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em; }
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea { color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0;/* 3 */ }
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button { overflow: visible; }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; /* 2 */
cursor: pointer;/* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] { cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input { line-height: normal; }
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; /* 1 */
padding: 0;/* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend { border: 0; /* 1 */
padding: 0;/* 2 */ }
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea { overflow: auto; }
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup { font-weight: bold; }
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
td,
th { padding: 0; }
*,
*:after { box-sizing: border-box; }
.hidden_text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.clearfix:before,
nav .social_media:before,
footer .social_block .social_media:before,
footer .lower_block .info:before,
footer .lower_block ul:before,
.home section > div:before,
.clearfix:after,
nav .social_media:after,
footer .social_block .social_media:after,
footer .lower_block .info:after,
footer .lower_block ul:after,
.home section > div:after { clear: both; content: ""; display: table; }
/* 
	Please keep in mind that these designs should adjust as needed down to 320px width and for 
	in-between tablet sizes as well. This can be handled fluidly; see Home and Quiz as examples.
*/
[class*='chromeperfectpixel-overlay'] { width: 100% !important; }

@media (min-width: 768px) {
.mobile-block { display: none; }
}
.mobile-inline { display: inline-block; }

@media (min-width: 768px) {
.mobile-inline { display: none; }
}
.tablet-block { display: none; }

@media (min-width: 768px) {
.tablet-block { display: block; }
}
.tablet-inline { display: none; }

@media (min-width: 768px) {
.tablet-inline { display: inline-block; }
}
html { box-sizing: border-box; }
*,
*::after,
*::before { box-sizing: inherit; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before,
.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
@font-face { font-family: "Bebas Neue W01 Regular"; src: url("../fonts/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot"); src: url("../fonts/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot") format("eot"), url("../fonts/e0d6f852-5401-4bbf-9672-47a50c5c87c6.woff") format("woff2"), url("../fonts/7fedd582-6ae3-4850-be2f-4acae2e74fa5.woff") format("woff"), url("../fonts/d6e08ef3-40db-4ac3-82df-f062f55a72f5.ttf") format("truetype"), url("../fonts/849e0009-7435-46a3-b88d-c41c3ff639d4.svg") format("svg"); }
.font-karla,
p { font-family: 'Karla', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.font-bebas-neue,
.btn_outline,
.btn_white,
header .btn_get_help,
html,
.home .movement .movement_info p { font-family: 'Bebas Neue W01 Regular', 'Arial Narrow', Arial, sans-serif; }
.btn_outline,
.btn_white { position: relative; display: table; margin: 0 auto; padding: 1rem; min-width: 200px; background-color: transparent; border: none; border-radius: 7px; background: transparent url("../images/button-yellow-2.png") center center no-repeat; background-size: 100% 100%; color: #22c0de; font-size: 2.1rem; line-height: 2.1rem; letter-spacing: 0.1rem; text-align: center; text-decoration: none; }
.btn_outline:after,
.btn_white:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 7px; opacity: 0; }
.btn_outline:hover:after,
.btn_white:hover:after { opacity: 1; background-color: rgba(255, 255, 255, 0.25); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; }

@media screen and (max-width: 640px) {
.btn_outline,
.btn_white { min-width: 0; }
}
.btn_outline.btn_play span,
.btn_play.btn_white span { padding-right: 24px; background: transparent url("../images/icon-play.png") right center no-repeat; }
.btn_outline.btn_green_borderless,
.btn_green_borderless.btn_white,
.quiz_page .quiz .btn_white.btn_answer_yes,
 .quiz_page .quiz .btn_white.btn_answer_no,
.quiz_page .quiz .btn_outline.btn_answer_yes,
 .quiz_page .quiz .btn_outline.btn_answer_no { background-image: url("../images/button_green_borderless.png"); }
.btn_outline.btn_coral_borderless,
.btn_coral_borderless.btn_white,
.quiz_page .quiz .btn_white.btn_answer_no,
.quiz_page .quiz .btn_outline.btn_answer_no { background-image: url("../images/button_coral_borderless.png"); }
.button,
.coming-soon-button { position: relative; border-radius: 7px; background: transparent url("../images/button-yellow-2.png") center center no-repeat; background-size: 100% 100%; display: inline-block; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: .8rem 2rem; text-align: center; text-transform: uppercase; font-size: 1.8rem; text-decoration: none; color: #22c0de; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

@media (min-width: 768px) {
.button,
.coming-soon-button { font-size: 2rem; padding: .8rem 2rem; }
}

@media (min-width: 1024px) {
.button,
.coming-soon-button { padding: 1rem 3rem; }
}
.button:hover,
.coming-soon-button:hover,
.button:focus,
.coming-soon-button:focus { background-color: rgba(255, 255, 255, 0.3); }
.button:active,
.coming-soon-button:active { background-color: rgba(255, 255, 255, 0.2); }
.button:after,
.coming-soon-button:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 7px; opacity: 0; }
.button:hover:after,
.coming-soon-button:hover:after { opacity: 1; background-color: rgba(255, 255, 255, 0.25); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; }
.button.btn_play span,
.btn_play.coming-soon-button span { padding-right: 24px; background: transparent url("../images/icon-play.png") right center no-repeat; background-size: contain; }
.btn_white { background-image: url("../images/button_white.png"); color: #59537a; }
.coming-soon-button { background: transparent none !important; opacity: 0.7; }
.coming-soon-button:hover,
.coming-soon-button:focus,
.coming-soon-button:active { background: transparent none !important; }
.coming-soon-button:hover:after,
.coming-soon-button:focus:after,
.coming-soon-button:active:after { background-color: transparent !important; }
.tag:before,
.tag-play:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; margin: 0 .6rem; font-size: 1.5rem; }
.tag-play:before { content: "\f04b"; }
.content-box img,
.fall-box img,
.partner-box img,
.icon-box img,
.hoz-icon-box img,
.chat-icon-box img,
.call-icon-box img,
.media-box img,
.photo-box img,
.regular-box img,
.video-box img,
.quote-box img,
.link-box img,
.audio-box img { max-width: 100%; }
.content-box .box-header,
.fall-box .box-header,
.partner-box .box-header,
.icon-box .box-header,
.hoz-icon-box .box-header,
.chat-icon-box .box-header,
.call-icon-box .box-header,
.media-box .box-header,
.photo-box .box-header,
.regular-box .box-header,
.video-box .box-header,
.quote-box .box-header,
.link-box .box-header,
.audio-box .box-header,
.content-box .box-footer,
.fall-box .box-footer,
.partner-box .box-footer,
.icon-box .box-footer,
.hoz-icon-box .box-footer,
.chat-icon-box .box-footer,
.call-icon-box .box-footer,
.media-box .box-footer,
.photo-box .box-footer,
.regular-box .box-footer,
.video-box .box-footer,
.quote-box .box-footer,
.link-box .box-footer,
.audio-box .box-footer { padding: 1rem; height: auto; }
.content-box .box-header,
.fall-box .box-header,
.partner-box .box-header,
.icon-box .box-header,
.hoz-icon-box .box-header,
.chat-icon-box .box-header,
.call-icon-box .box-header,
.media-box .box-header,
.photo-box .box-header,
.regular-box .box-header,
.video-box .box-header,
.quote-box .box-header,
.link-box .box-header,
.audio-box .box-header { background-color: transparent; text-transform: uppercase; }
.content-box .box-title,
.fall-box .box-title,
.partner-box .box-title,
.icon-box .box-title,
.hoz-icon-box .box-title,
.chat-icon-box .box-title,
.call-icon-box .box-title,
.media-box .box-title,
.photo-box .box-title,
.regular-box .box-title,
.video-box .box-title,
.quote-box .box-title,
.link-box .box-title,
.audio-box .box-title { color: #130d42; font-size: 2.5rem; font-weight: normal; text-align: inherit; }
.content-box .box-desc,
.fall-box .box-desc,
.partner-box .box-desc,
.icon-box .box-desc,
.hoz-icon-box .box-desc,
.chat-icon-box .box-desc,
.call-icon-box .box-desc,
.media-box .box-desc,
.photo-box .box-desc,
.regular-box .box-desc,
.video-box .box-desc,
.quote-box .box-desc,
.link-box .box-desc,
.audio-box .box-desc { color: #959595; font-size: 1.7rem; line-height: 1.6; }
.content-box .box-ref,
.fall-box .box-ref,
.partner-box .box-ref,
.icon-box .box-ref,
.hoz-icon-box .box-ref,
.chat-icon-box .box-ref,
.call-icon-box .box-ref,
.media-box .box-ref,
.photo-box .box-ref,
.regular-box .box-ref,
.video-box .box-ref,
.quote-box .box-ref,
.link-box .box-ref,
.audio-box .box-ref { color: #22c0de; font-size: 1.7rem; text-transform: lowercase; }
.fall-box,
.partner-box { text-align: center; }

@media (min-width: 768px) {
.fall-box,
.partner-box { display: table-row; text-align: left; }
}

@media (min-width: 768px) {
.fall-box .box-header,
.partner-box .box-header,
 .fall-box .box-body,
 .partner-box .box-body { display: table-cell; vertical-align: middle; }
}
.fall-box .box-title,
.partner-box .box-title,
 .fall-box .box-desc,
 .partner-box .box-desc,
 .fall-box .box-ref,
 .partner-box .box-ref { margin: 1rem; }
.fall-box .box-title,
.partner-box .box-title { margin: 1rem; }

@media (min-width: 768px) {
.fall-box .box-title,
.partner-box .box-title { text-align: left; font-size: 3.5rem; }
}
.fall-box .box-ref,
.partner-box .box-ref { display: block; }
.icon-box,
.hoz-icon-box,
.chat-icon-box,
.call-icon-box { text-align: center; padding: 2rem 3rem; margin: 30px 0 0 0; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; vertical-align: top; }
.icon-box::after,
.hoz-icon-box::after,
.chat-icon-box::after,
.call-icon-box::after { clear: both; content: ""; display: table; }
.icon-box img,
.hoz-icon-box img,
.chat-icon-box img,
.call-icon-box img { max-width: 100%; }
.icon-box .box-icon,
.hoz-icon-box .box-icon,
.chat-icon-box .box-icon,
.call-icon-box .box-icon { display: inline-block; }
.icon-box .box-title,
.hoz-icon-box .box-title,
.chat-icon-box .box-title,
.call-icon-box .box-title { text-transform: uppercase; margin-top: 1rem; text-align: center; font-size: 1.6rem; white-space: nowrap; }
.icon-box .box-ref,
.hoz-icon-box .box-ref,
.chat-icon-box .box-ref,
.call-icon-box .box-ref { display: block; text-decoration: none; color: #22c0de; }
.icon-box .button,
.hoz-icon-box .button,
.chat-icon-box .button,
.call-icon-box .button,
.icon-box .coming-soon-button,
.hoz-icon-box .coming-soon-button,
.chat-icon-box .coming-soon-button,
.call-icon-box .coming-soon-button { margin-top: 1rem; }
.hoz-icon-box,
.chat-icon-box,
.call-icon-box { max-width: 480px; max-height: 162px; }
.hoz-icon-box::after,
.chat-icon-box::after,
.call-icon-box::after { clear: both; content: ""; display: table; }

@media (min-width: 1024px) {
.hoz-icon-box,
.chat-icon-box,
.call-icon-box { max-width: none; }
}
.hoz-icon-box .box-icon,
.chat-icon-box .box-icon,
.call-icon-box .box-icon { float: left; width: 50%; }
.hoz-icon-box .box-body,
.chat-icon-box .box-body,
.call-icon-box .box-body { margin-left: 50%; padding-left: 2rem; text-align: left; }
.hoz-icon-box .box-title,
.chat-icon-box .box-title,
.call-icon-box .box-title { text-align: left; margin: 0; white-space: nowrap; font-size: 2.2rem; line-height: 1.2; }

@media (min-width: 400px) {
.hoz-icon-box .box-title,
.chat-icon-box .box-title,
.call-icon-box .box-title { font-size: 3.3rem; }
}

@media (min-width: 480px) {
.hoz-icon-box .box-title,
.chat-icon-box .box-title,
.call-icon-box .box-title { font-size: 4rem; }
}

@media (min-width: 1024px) {
.hoz-icon-box .box-title,
.chat-icon-box .box-title,
.call-icon-box .box-title { font-size: 4.6rem; }
}
.hoz-icon-box .box-subtitle,
.chat-icon-box .box-subtitle,
.call-icon-box .box-subtitle { font-size: 1.5rem; }

@media (min-width: 400px) {
.hoz-icon-box .box-subtitle,
.chat-icon-box .box-subtitle,
.call-icon-box .box-subtitle { font-size: 1.7rem; }
}

@media (min-width: 480px) {
.hoz-icon-box .box-subtitle,
.chat-icon-box .box-subtitle,
.call-icon-box .box-subtitle { font-size: 2.2rem; }
}

@media (min-width: 1024px) {
.hoz-icon-box .box-subtitle,
.chat-icon-box .box-subtitle,
.call-icon-box .box-subtitle { font-size: 2.8rem; }
}
.hoz-icon-box .box-ref,
.chat-icon-box .box-ref,
.call-icon-box .box-ref { font-size: 1rem; }

@media (min-width: 480px) {
.hoz-icon-box .box-ref,
.chat-icon-box .box-ref,
.call-icon-box .box-ref { font-size: 1.5rem; }
}

@media (min-width: 1024px) {
.hoz-icon-box .box-ref,
.chat-icon-box .box-ref,
.call-icon-box .box-ref { font-size: 2rem; }
}
.media-box,
.photo-box,
.regular-box,
.video-box,
.quote-box,
.link-box,
.audio-box { text-align: left; }
.media-box .box-title,
.photo-box .box-title,
.regular-box .box-title,
.video-box .box-title,
.quote-box .box-title,
.link-box .box-title,
.audio-box .box-title { white-space: nowrap; color: #FFFFFF; margin: 0; }
.media-box .box-media,
.photo-box .box-media,
.regular-box .box-media,
.video-box .box-media,
.quote-box .box-media,
.link-box .box-media,
.audio-box .box-media { margin: 0; text-align: center; overflow: hidden; }
.media-box .box-media .media,
.photo-box .box-media .media,
.regular-box .box-media .media,
.video-box .box-media .media,
.quote-box .box-media .media,
.link-box .box-media .media,
.audio-box .box-media .media { background-color: #FFFFFF; border-width: 0 1px; border-color: #c2c2c2; border-style: solid; overflow: hidden; }
.media-box .box-media .media img,
.photo-box .box-media .media img,
.regular-box .box-media .media img,
.video-box .box-media .media img,
.quote-box .box-media .media img,
.link-box .box-media .media img,
.audio-box .box-media .media img { width: 100%; }
.media-box .box-media .media-desc,
.photo-box .box-media .media-desc,
.regular-box .box-media .media-desc,
.video-box .box-media .media-desc,
.quote-box .box-media .media-desc,
.link-box .box-media .media-desc,
.audio-box .box-media .media-desc { text-align: left; color: #FFFFFF; padding: 1rem; display: block; font-size: 1.6em; line-height: 1.3; }
.media-box .box-media a,
.photo-box .box-media a,
.regular-box .box-media a,
.video-box .box-media a,
.quote-box .box-media a,
.link-box .box-media a,
.audio-box .box-media a { -ms-word-break: break-all; word-break: break-all; }
.media-box .box-actions,
.photo-box .box-actions,
.regular-box .box-actions,
.video-box .box-actions,
.quote-box .box-actions,
.link-box .box-actions,
.audio-box .box-actions { text-align: center; }
.media-box .box-actions > *,
.photo-box .box-actions > *,
.regular-box .box-actions > *,
.video-box .box-actions > *,
.quote-box .box-actions > *,
.link-box .box-actions > *,
.audio-box .box-actions > * { display: inline-block; color: #FFFFFF; padding: 1rem .75rem; vertical-align: middle; }
.media-box .box-actions > iframe,
.photo-box .box-actions > iframe,
.regular-box .box-actions > iframe,
.video-box .box-actions > iframe,
.quote-box .box-actions > iframe,
.link-box .box-actions > iframe,
.audio-box .box-actions > iframe { padding: 0; }
.photo-box { background: #22c0de; }
.photo-box img { display: block; }
.photo-box .box-media { background: #22c0de; }
.photo-box .box-media a { color: #fff; text-decoration: none; }
.photo-box .box-footer { background: #1b98b0; }
.regular-box { background: #52bb40; }
.regular-box img { display: block; }
.regular-box .box-media { background: #52bb40; }
.regular-box .box-media a { color: #fff; text-decoration: none; }
.regular-box .box-footer { background: #419432; }
.video-box { background: #f70057; }
.video-box img { display: block; }
.video-box .box-media { background: #f70057; }
.video-box .box-media a { color: #fff; text-decoration: none; }
.video-box .box-footer { background: #c30045; }
.quote-box { background: #243d92; }
.quote-box img { display: block; }
.quote-box .box-media { background: #243d92; }
.quote-box .box-media a { color: #fff; text-decoration: none; }
.quote-box .box-footer { background: #1c3073; }
.link-box { background: #b731a3; }
.link-box img { display: block; }
.link-box .box-media { background: #b731a3; }
.link-box .box-media a { color: #fff; text-decoration: none; }
.link-box .box-footer { background: #912781; }
.audio-box { background: #b731a3; }
.audio-box img { display: block; }
.audio-box .box-media { background: #b731a3; }
.audio-box .box-media a { color: #fff; text-decoration: none; }
.audio-box .box-footer { background: #912781; }
.chat-icon-box { background-color: #fd4b49; }
.chat-icon-box .box-title { color: #FFFFFF; }
.chat-icon-box .box-subtitle { color: #22c0de; }
.chat-icon-box .box-icon { width: 37.4%; }
.chat-icon-box .box-body { margin-left: 41%; }
.call-icon-box { background-color: #f70057; }
.call-icon-box .box-title { color: #FFFFFF; white-space: nowrap; }
.call-icon-box .box-subtitle { color: #22c0de; }
.call-icon-box .box-icon { width: 37.4%; }
.call-icon-box .box-body { margin-left: 41%; }
.call-icon-box .box-ref { font-size: 1.7rem; }

@media (min-width: 480px) {
.call-icon-box .box-ref { font-size: 2.2rem; }
}

@media (min-width: 768px) {
.call-icon-box .box-ref { font-size: 2.8rem; }
}

@media (min-width: 768px) {
.partner-box .box-header { padding-left: 5rem; width: 26rem; max-width: 26rem; }
}
.partner-box .box-body { text-align: left; }

@media (min-width: 768px) {
.partner-box .box-body { padding-left: 3.5rem; }
}
.partner-box .box-title { color: #243d92; }
.partner-box .box-title .box-tagline { font-size: 1.5rem; text-transform: capitalize; }
.partner-box .box-ref { display: block; }
.content-boxes { max-width: 1430px; margin-left: auto; margin-right: auto; padding-right: 0 !important; }
.content-boxes::after { clear: both; content: ""; display: table; }
.content-boxes:after,
.content-boxes:before { clear: both; content: ""; display: table; }
.content-boxes > ul { margin: 0; padding: 0; }
.content-boxes > ul > li { padding: 0 30px 30px 0; }

@media (min-width: 768px) {
.content-boxes > ul > li { display: block; float: left; width: 50%; padding: 0 30px 30px 0; }
}

@media (min-width: 1024px) {
.content-boxes > ul > li { width: 25%; }
}
.content-boxes > ul > li > article { margin-bottom: 30px; }
.content-boxes .box-media > .media iframe,
 .content-boxes .box-media > .media video { width: 100%; height: auto; display: block; margin: 0; }
#post-content .send-kindness-hero { padding-top: 4.5rem; padding-bottom: 4.5rem; }

@media (min-width: 768px) {
#post-content .send-kindness-hero { padding-top: 6rem; padding-bottom: 6rem; }
}
#post-content #perma-post-wrap { margin: 30px; }

@media (min-width: 768px) {
#post-content #perma-post-wrap { margin-left: auto; margin-right: auto; width: 45%; }
}
#post-content #perma-post-wrap .box-media > .media iframe,
 #post-content #perma-post-wrap .box-media > .media video { width: 100%; display: block; margin: 0; }
#post-content #perma-post-wrap .box-media > .media img { height: auto !important; }
#post-content #perma-post-wrap .box-media > .media .tumblr_video_container { width: auto !important; height: auto !important; }
.sect,
.pres-sect,
.res-sect,
.send-kindness-sect,
.about-sect { text-align: center; margin: 0 auto; background-color: #FFFFFF; }
.sect:after,
.pres-sect:after,
.res-sect:after,
.send-kindness-sect:after,
.about-sect:after,
.sect:before,
.pres-sect:before,
.res-sect:before,
.send-kindness-sect:before,
.about-sect:before { clear: both; content: ""; display: table; }
.sect .sect-header,
.pres-sect .sect-header,
.res-sect .sect-header,
.send-kindness-sect .sect-header,
.about-sect .sect-header { background-color: transparent; height: auto; margin-top: 3.2rem; }
.sect .sect-title,
.pres-sect .sect-title,
.res-sect .sect-title,
.send-kindness-sect .sect-title,
.about-sect .sect-title { font-size: 5rem; margin: 4.4rem 0; }

@media (min-width: 768px) {
.sect .sect-title,
.pres-sect .sect-title,
.res-sect .sect-title,
.send-kindness-sect .sect-title,
.about-sect .sect-title { font-size: 6rem; }
}

@media (min-width: 1024px) {
.sect .sect-title,
.pres-sect .sect-title,
.res-sect .sect-title,
.send-kindness-sect .sect-title,
.about-sect .sect-title { font-size: 6.7rem; }
}
.pres-sect,
.res-sect { padding: 2rem; }
.pres-sect.no-spacing-sect,
.no-spacing-sect.res-sect { padding: 0; }
.pres-sect .sect-title,
.res-sect .sect-title { color: #130d42; }

@media (min-width: 480px) {
.pres-sect,
.res-sect { padding: 1rem; }
}

@media (min-width: 768px) {
.pres-sect,
.res-sect { padding: 30px; }
}
.res-sect { background-color: #0f277c; }
.res-sect .sect-header { margin-bottom: 2rem; }
.res-sect h2 { color: #ffd612; font-size: 4rem; font-weight: normal; }

@media (min-width: 768px) {
.res-sect h2 { font-size: 6rem; }
}
.res-sect h3 { font-size: 2rem; font-weight: normal; margin: 4rem 25% 1rem 25%; }

@media (min-width: 768px) {
.res-sect h3 { font-size: 4rem; }
}
.res-sect h3 a { color: #fff; text-decoration: none; }
.res-sect p { color: #FFFFFF; margin: 2.6rem 15%; line-height: 3.2rem; font-size: 2rem; }
.res-sect .highlight a,
 .res-sect a.highlight { color: inherit; text-decoration: none; }
.res-sect .highlight a:hover,
 .res-sect a.highlight:hover { text-decoration: underline; }
.res-sect .highlight,
 .res-sect a.highlight { color: #ffd612; margin-top: 0; text-decoration: none; }
.res-sect p.end { margin-bottom: 6rem; }
.send-kindness-sect { padding: 0; }

@media (min-width: 768px) {
.send-kindness-sect { padding: 0 30px; }
}
.send-kindness-sect .actions { margin: 30px !important; }
.send-kindness-sect .actions:after,
.send-kindness-sect .actions:before { clear: both; content: ""; display: table; }

@media (min-width: 768px) {
.send-kindness-sect .actions { margin: 30px auto !important; }
}
.send-kindness-sect .actions > .action:first-child { padding-right: 15px; }
.send-kindness-sect .actions > .action:last-child { padding-left: 15px; }
.send-kindness-sect .content-boxes { padding-bottom: 30px; padding-left: 30px; }
.media-box .box-actions > .like_toggle,
.photo-box .box-actions > .like_toggle,
.regular-box .box-actions > .like_toggle,
.video-box .box-actions > .like_toggle,
.quote-box .box-actions > .like_toggle,
.link-box .box-actions > .like_toggle,
.audio-box .box-actions > .like_toggle { margin: 1rem 1.5rem; display: inline-block; vertical-align: middle; }
.media-box .box-actions .control,
.photo-box .box-actions .control,
.regular-box .box-actions .control,
.video-box .box-actions .control,
.quote-box .box-actions .control,
.link-box .box-actions .control,
.audio-box .box-actions .control { display: inline-block; height: 28px; position: relative; text-align: left; vertical-align: middle; }
.media-box .box-actions .control.share-control,
.photo-box .box-actions .control.share-control,
.regular-box .box-actions .control.share-control,
.video-box .box-actions .control.share-control,
.quote-box .box-actions .control.share-control,
.link-box .box-actions .control.share-control,
.audio-box .box-actions .control.share-control { font-size: 22px; }
.media-box .box-actions .pop,
.photo-box .box-actions .pop,
.regular-box .box-actions .pop,
.video-box .box-actions .pop,
.quote-box .box-actions .pop,
.link-box .box-actions .pop,
.audio-box .box-actions .pop { position: relative; z-index: auto; overflow: visible; float: none; display: inline-block; vertical-align: top; max-width: none; opacity: 1; width: auto; background-color: transparent; }
.media-box .box-actions .share-menu,
.photo-box .box-actions .share-menu,
.regular-box .box-actions .share-menu,
.video-box .box-actions .share-menu,
.quote-box .box-actions .share-menu,
.link-box .box-actions .share-menu,
.audio-box .box-actions .share-menu { position: absolute; left: 0; z-index: 300; box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 3px; bottom: 25px; background-color: #243d92; width: 125px; }
.media-box .box-actions .share-menu a,
.photo-box .box-actions .share-menu a,
.regular-box .box-actions .share-menu a,
.video-box .box-actions .share-menu a,
.quote-box .box-actions .share-menu a,
.link-box .box-actions .share-menu a,
.audio-box .box-actions .share-menu a { font-size: 2rem; line-height: 2; }
.media-box .box-actions .pop-menu,
.photo-box .box-actions .pop-menu,
.regular-box .box-actions .pop-menu,
.video-box .box-actions .pop-menu,
.quote-box .box-actions .pop-menu,
.link-box .box-actions .pop-menu,
.audio-box .box-actions .pop-menu { background: #fff; border-radius: 3px; position: absolute; bottom: 15px; left: -55px; width: 146px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); z-index: 10; }
.media-box .box-actions .pop-menu ul li,
.photo-box .box-actions .pop-menu ul li,
.regular-box .box-actions .pop-menu ul li,
.video-box .box-actions .pop-menu ul li,
.quote-box .box-actions .pop-menu ul li,
.link-box .box-actions .pop-menu ul li,
.audio-box .box-actions .pop-menu ul li { background-color: transparent; font-size: inherit; line-height: inherit; border-left: none; float: none; height: auto; position: relative; width: auto; padding: 0; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; }
.media-box .box-actions .pop-menu ul li:hover,
.photo-box .box-actions .pop-menu ul li:hover,
.regular-box .box-actions .pop-menu ul li:hover,
.video-box .box-actions .pop-menu ul li:hover,
.quote-box .box-actions .pop-menu ul li:hover,
.link-box .box-actions .pop-menu ul li:hover,
.audio-box .box-actions .pop-menu ul li:hover { background: #e6eff7; }
.media-box .box-actions .pop-menu ul li:last-child,
.photo-box .box-actions .pop-menu ul li:last-child,
.regular-box .box-actions .pop-menu ul li:last-child,
.video-box .box-actions .pop-menu ul li:last-child,
.quote-box .box-actions .pop-menu ul li:last-child,
.link-box .box-actions .pop-menu ul li:last-child,
.audio-box .box-actions .pop-menu ul li:last-child { -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.media-box .box-actions .pop-menu ul li:nth-child(2),
.photo-box .box-actions .pop-menu ul li:nth-child(2),
.regular-box .box-actions .pop-menu ul li:nth-child(2),
.video-box .box-actions .pop-menu ul li:nth-child(2),
.quote-box .box-actions .pop-menu ul li:nth-child(2),
.link-box .box-actions .pop-menu ul li:nth-child(2),
.audio-box .box-actions .pop-menu ul li:nth-child(2) { -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.media-box .box-actions .pop-menu ul li a,
.photo-box .box-actions .pop-menu ul li a,
.regular-box .box-actions .pop-menu ul li a,
.video-box .box-actions .pop-menu ul li a,
.quote-box .box-actions .pop-menu ul li a,
.link-box .box-actions .pop-menu ul li a,
.audio-box .box-actions .pop-menu ul li a { text-align: left; text-transform: none; font-family: "Helvetica Neue", HelveticaNeue, Arial, sans-serif; background: 0 0; color: #444; display: block; font-size: 14px; height: auto; margin: 0; padding: 6px 30px 6px 10px; position: relative; text-decoration: none; width: auto; line-height: 1.4; }
.media-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right,
.photo-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right,
.regular-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right,
.video-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right,
.quote-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right,
.link-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right,
.audio-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 11px; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.media-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before,
.photo-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before,
.regular-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before,
.video-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before,
.quote-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before,
.link-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before,
.audio-box .box-actions .pop-menu ul li a .icon-arrow_carrot_right:before { content: "\f054"; }
.media-box .box-actions .open-in-app,
.photo-box .box-actions .open-in-app,
.regular-box .box-actions .open-in-app,
.video-box .box-actions .open-in-app,
.quote-box .box-actions .open-in-app,
.link-box .box-actions .open-in-app,
.audio-box .box-actions .open-in-app { display: none; }
.media-box .box-actions .share-control,
.photo-box .box-actions .share-control,
.regular-box .box-actions .share-control,
.video-box .box-actions .share-control,
.quote-box .box-actions .share-control,
.link-box .box-actions .share-control,
.audio-box .box-actions .share-control { position: relative; z-index: 10; display: inline-block; }
.about-sect { background-color: #211763; }
.dropdown { height: 5rem; font-size: 2rem; position: relative; z-index: 10; }
.dropdown > .dropdown-opt { position: relative; border: 2px solid #000000; background-color: #59537a; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 20; cursor: pointer; -webkit-transition: background-color 0.3s ease-in-out 0s; -moz-transition: background-color 0.3s ease-in-out 0s; transition: background-color 0.3s ease-in-out 0s; }
.dropdown > .dropdown-opt .dropdown-sel { display: block; padding: .9rem 1rem; text-align: left; }
.dropdown > .dropdown-opt .dropdown-tog { position: absolute; top: 0; right: 0; height: 100%; border-left: #000000; color: #FFFFFF; border-left: 2px solid #000000; width: 4.2rem; text-align: center; line-height: 2.2; }
.dropdown:hover > .dropdown-opt { background-color: #605983; }
.dropdown.opened > .dropdown-opt { -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 0 none; background-color: #645d89; }
.dropdown > .dropdown-lst { background-color: #FFFFFF; position: relative; padding: 0; margin: 0; border: 2px solid #000000; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; z-index: 10; display: none; list-style: none; text-align: left; }
.dropdown > .dropdown-lst a { display: block; text-decoration: none; color: #000000; padding: 1.2rem 1rem; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.dropdown > .dropdown-lst a:hover { background-color: #f7f7f7; color: #211763; }
.dropdown > .dropdown-lst > li { border-bottom: 2px solid #000000; }
.dropdown > .dropdown-lst > li:last-child { border: 0 none; }
.dropdown.opened > .dropdown-lst { display: block; }
.actions { padding: 30px; margin: 0 auto !important; padding: 0 !important; }

@media (min-width: 768px) {
.actions { width: 50%; }
}
.actions .action { width: 50%; float: left; display: block; padding: 1rem; }

@media (min-width: 768px) {
.actions .dropdown { float: right; width: 20rem; width: 20rem; }
}
.actions .btn-submit-post { display: block; min-width: auto; font-size: 1.5rem; }

@media (min-width: 480px) {
.actions .btn-submit-post { font-size: 2.1rem; }
}

@media (min-width: 768px) {
.actions .btn-submit-post { float: left; width: 20rem; width: 20rem; }
}
.lst,
.partner-lst { margin: 0; padding: 0; }
.partner-lst { max-width: 1140px; margin: 0 auto; }
.partner-lst > li { margin-bottom: 2.4rem; }
.bubble,
.right-bubble,
.bottom-bubble { display: inline-block; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 2px solid #FFFFFF; position: relative; background-color: #22c0de; padding: 1rem; opacity: 0.3; }

@media (min-width: 768px) {
.bubble,
.right-bubble,
.bottom-bubble { padding-left: 3rem; padding-right: 3rem; }
}
.bubble .bubble-title,
.right-bubble .bubble-title,
.bottom-bubble .bubble-title { font-size: 2.5rem; margin: 0; line-height: 1; text-shadow: none; }

@media (min-width: 768px) {
.bubble .bubble-title,
.right-bubble .bubble-title,
.bottom-bubble .bubble-title { font-size: 3.5rem; }
}
.bubble .bubble-desc,
.right-bubble .bubble-desc,
.bottom-bubble .bubble-desc { font-size: 1rem; line-height: 1; text-shadow: none; margin: .5rem 0 0 0; }

@media (min-width: 768px) {
.bubble .bubble-desc,
.right-bubble .bubble-desc,
.bottom-bubble .bubble-desc { display: none; font-size: 1.5rem; margin-top: 1rem; }
}
.bubble .arrow-top,
.right-bubble .arrow-top,
.bottom-bubble .arrow-top,
 .bubble .arrow-bottom,
 .right-bubble .arrow-bottom,
 .bottom-bubble .arrow-bottom { width: 0; height: 0; position: absolute; }
.bubble.active,
.active.right-bubble,
.active.bottom-bubble { opacity: 1; }
.bubble.active .bubble-desc,
.active.right-bubble .bubble-desc,
.active.bottom-bubble .bubble-desc { display: block; }
.right-bubble .arrow-bottom { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 18px solid #FFFFFF; left: -18px; top: 50%; margin-top: -4px; z-index: 15; }
.right-bubble .arrow-top { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 15px solid #22c0de; left: -13px; top: 50%; margin-top: -2px; z-index: 16; }
.bottom-bubble .arrow-bottom { border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 18px solid #FFFFFF; left: 50%; top: -18px; margin-left: -4px; z-index: 15; }
.bottom-bubble .arrow-top { border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 15px solid #22c0de; left: 50%; top: -13px; margin-left: -2px; z-index: 16; }
header.page_header { position: fixed; top: 0; height: 9.5rem; width: 100%; z-index: 100; background-color: rgba(19, 13, 66, 0.8); }

@media screen and (max-width: 640px) {
header { height: 11rem; }
}
header > div { position: relative; width: 100%; height: 100%; max-width: 1430px; margin-left: auto; margin-right: auto; padding: 0 3.2%; }
header > div::after { clear: both; content: ""; display: table; }
header .logo { position: relative; top: 1rem; float: left; display: block; margin-right: 2.18978%; width: 19.70803%; min-width: 250px; height: 100%; background: transparent url("../images/logo-i-am-a-witness.png") center center no-repeat; background-size: 100% auto; }
header .logo:last-child { margin-right: 0; }

@media screen and (max-width: 768px) {
header .logo { float: left; display: block; margin-right: 3.8961%; width: 35.06494%; min-width: 0; background-size: contain; }
header .logo:last-child { margin-right: 0; }
}

@media screen and (max-width: 640px) {
header .logo { background: transparent url("../images/logo-i-am-a-witness-mobile.png") left center no-repeat; float: left; display: block; margin-right: 8.10811%; width: 45.94595%; margin-left: 3%; background-size: auto 63%; }
header .logo:last-child { margin-right: 0; }
}
header .btn_get_help { position: relative; top: 4rem; float: right; background: transparent url("../images/button_yellow.png") center center no-repeat; background-size: 100% 100%; color: #22c0de; font-weight: 700; font-size: 2.8rem; font-weight: normal; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; border-radius: 7px; padding: 0.25rem 2.5rem 0.25rem 6.5rem; margin-right: 7rem; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

@media screen and (max-width: 640px) {
header .btn_get_help { display: none; }
}
header .btn_get_help:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: transparent url("../images/icon-information.png") 2rem center no-repeat; }
header .btn_menu { position: absolute; top: 2rem; right: 4rem; font-family: sans-serif; font-size: 5rem; color: transparent; padding: 0; background-color: transparent; border: none; cursor: pointer; outline: 0; float: right; height: 70px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: transparent url("../images/icon-menu.png") right center no-repeat; }

@media screen and (max-width: 640px) {
header .btn_menu { background-position: center center; background-size: 3rem 2.5rem; }
}
.floating_share_container { position: absolute; top: 265px; left: 0; background-color: #243d92; z-index: 5; margin: 0; padding: 0; }
.floating_share_container li { list-style-type: none; }
.floating_share_container a { position: relative; display: block; width: 50px; height: 50px; border: blue; }
.floating_share_container a.share_facebook { background: transparent url("../images/icon-facebook-share.png") center center no-repeat; background-size: contain; }
.floating_share_container a.share_tumblr { background: transparent url("../images/icon-tumblr-share.png") center center no-repeat; background-size: contain; }
.floating_share_container a.share_twitter { background: transparent url("../images/icon-twitter-share.png") center center no-repeat; background-size: contain; }
.floating_share_container a.share_email { background: transparent url("../images/icon-email-share.png") center center no-repeat; background-size: contain; }

@media screen and (max-width: 768px) {
.floating_share_container { display: none; }
}
nav { position: fixed; max-width: 500px; background-color: #243d92; z-index: 5; top: 0; right: 0; float: left; display: block; margin-right: 2.18978%; width: 41.60584%; margin-right: 0; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; opacity: 0; padding: 0; max-height: 0; overflow: hidden; z-index: 1000; }
nav:last-child { margin-right: 0; }

@media screen and (max-width: 640px) {
nav { float: left; display: block; margin-right: 8.10811%; width: 72.97297%; margin-right: 0; }
nav:last-child { margin-right: 0; }
}
nav.show-nav { -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; opacity: 1; padding-top: 9.5rem; height: auto; max-height: none; min-height: 100%; overflow: visible; }

@media screen and (max-width: 640px) {
nav.show-nav { height: 100%; overflow-y: scroll; }
}
nav .btn_close { position: absolute; top: 4rem; right: 4rem; width: 3.5rem; height: 3.5rem; font-family: sans-serif; font-size: 5rem; background: transparent url("../images/icon-close.png") center center no-repeat; background-size: contain; border: none; color: white; cursor: pointer; outline: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
nav ul { margin: 0; padding: 0; }
nav ul li { font-size: 3.6rem; line-height: 3.7rem; list-style-type: none; padding: 1.9rem 0; text-align: center; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }
nav ul li:nth-child(1) { background-color: #22c0de; }
nav ul li:nth-child(1):hover { background-color: rgba(34, 192, 222, 0.75); }
nav ul li:nth-child(2) { background-color: #ff4c46; }
nav ul li:nth-child(2):hover { background-color: rgba(255, 76, 70, 0.75); }
nav ul li:nth-child(3) { background-color: #b731a3; }
nav ul li:nth-child(3):hover { background-color: rgba(183, 49, 163, 0.75); }
nav ul li:nth-child(4) { background-color: #52bb40; }
nav ul li:nth-child(4):hover { background-color: rgba(82, 187, 64, 0.75); }
nav ul li:nth-child(5) { background-color: #e6ae19; }
nav ul li:nth-child(5):hover { background-color: rgba(230, 174, 25, 0.75); }
nav ul li a { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; }

@media screen and (max-width: 640px) {
nav ul li { font-size: 3rem; }
}
nav .social_media { display: table; display: block; position: relative; margin: 2.5rem auto 0; max-width: 440px; }
nav .social_media a { position: relative; float: left; display: block; width: 4rem; height: 4rem; margin: 2rem 3.5rem; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 21%; margin: 2rem 2%; }
nav .social_media a.tumblr { background-image: url("../images/icon-tumblr.png"); }
nav .social_media a.instagram { background-image: url("../images/icon-instagram.png"); }
nav .social_media a.email { background-image: url("../images/icon-email.png"); }
nav .social_media a.twitter { background-image: url("../images/icon-twitter.png"); }
nav .social_media a.youtube { background-image: url("../images/icon-youtube.png"); }

@media (max-width: 1100px) {
nav .social_media { position: relative; display: block; }
nav .social_media a { display: block; width: 21%; margin: 2rem 2%; background-position: center center; }
}

@media screen and (max-width: 768px) {
nav .social_media a { width: 40%; margin: 2rem 10% 2rem 0; }
nav .social_media a:nth-child(odd) { margin: 2rem 0 2rem 10%; }
}
footer { background-color: #130d42; }
footer .social_block { padding: 7.5rem 0 3rem; }

@media screen and (max-width: 640px) {
footer .social_block { padding-top: 5rem; }
}
footer .social_block .cta,
footer .social_block .centered-cta,
footer .social_block .share-your-own-cta,
footer .social_block .tell-your-friends-cta,
footer .social_block .update-mobile-apps-cta,
footer .social_block .i-am-a-witness-keyboard-cta { display: block; width: 37rem; max-width: 65%; float: none; margin: 0 auto; }
footer .social_block .social_media { display: table; margin: 5rem auto 1.5rem; }
footer .social_block .social_media a { position: relative; float: left; display: block; width: 4rem; height: 4rem; margin: 2rem 2.5rem; background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.5; }
footer .social_block .social_media a:hover { -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; opacity: 1; }
footer .social_block .social_media a.tumblr { background-image: url("../images/icon-tumblr.png"); }
footer .social_block .social_media a.instagram { background-image: url("../images/icon-instagram.png"); }
footer .social_block .social_media a.twitter { background-image: url("../images/icon-twitter.png"); width: 4.9rem; }
footer .social_block .social_media a.youtube { background-image: url("../images/icon-youtube.png"); }

@media screen and (max-width: 640px) {
footer .social_block .social_media { margin: 3rem auto 0; }
footer .social_block .social_media a { margin: 2rem 1.5rem; }
}
footer .social_block .snapchat { display: table; margin: 0 auto; }
footer .social_block .snapchat p { font-size: 1.8rem; text-align: center; }
footer .social_block .snapchat p br { display: none; }
footer .social_block .snapchat img { display: block; margin: 4.5rem auto; width: 12rem; }

@media screen and (max-width: 640px) {
footer .social_block .snapchat p br { display: initial; }
footer .social_block .snapchat img { width: 8rem; margin: 3rem auto 2rem; }
}
footer .lower_block { background-color: #07022a; }
footer .lower_block > div { max-width: 1430px; margin-left: auto; margin-right: auto; padding: 0 3.2%; }
footer .lower_block > div::after { clear: both; content: ""; display: table; }

@media screen and (max-width: 640px) {
footer .lower_block > div { padding: 0; }
}
footer .lower_block .icon_to_left { padding-left: 8rem; }
footer .lower_block .icon_to_left.logo_eye { background: transparent url("../images/icon-eye.png") left center no-repeat; background-size: 5rem auto; margin-right: 5.7rem; }
footer .lower_block .icon_to_left.ad_council { background: transparent url("../images/logo-ad-council.svg") left center no-repeat; background-size: 4.5rem auto; padding-left: 7rem; }

@media screen and (max-width: 640px) {
footer .lower_block .icon_to_left { float: none; display: table; margin: 0 auto; }
footer .lower_block .icon_to_left.logo_eye { margin-right: 0; }
}
footer .lower_block p { float: left; color: #959595; font-family: Arial, sans-serif; font-size: 1.7rem; line-height: 10rem; margin: 0; }
footer .lower_block p a { color: inherit; }

@media screen and (max-width: 640px) {
footer .lower_block p { line-height: 7rem; }
}
footer .lower_block .info { float: left; }

@media screen and (max-width: 1024px) {
footer .lower_block .info { float: none; display: table; width: auto; margin: 0 auto; }
}

@media screen and (max-width: 640px) {
footer .lower_block .info { padding-top: 1.2rem; }
}
footer .lower_block ul { float: right; margin: 0; padding: 0; }
footer .lower_block ul li { float: left; list-style-type: none; }
footer .lower_block ul li p { line-height: 2rem; margin: 4rem 0; padding-right: 0.5rem; margin-right: 0.5rem; border-right: 1px solid #959595; }
footer .lower_block ul li p a { text-decoration: none; }
footer .lower_block ul li p a:hover { text-decoration: underline; }
footer .lower_block ul li:last-child p { border-right: 0; padding-right: 0; margin-right: 0; }

@media screen and (max-width: 1024px) {
footer .lower_block ul { float: none; display: table; width: auto; margin: 0 auto; }
}

@media screen and (max-width: 640px) {
footer .lower_block ul li { width: 50%; }
footer .lower_block ul li p { float: none; font-size: 1.6rem; margin-top: 2.5rem; margin-bottom: 2.5rem; text-align: center; border: none; }
}
.hero,
.blank-hero,
.get-help-hero,
.pyramid-hero,
.about-hero,
.send-kindness-hero,
.how-to-use-the-eye-hero { background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-align: center; position: relative; z-index: 4; height: auto; padding: 3rem; margin: 0 auto; }
.hero::after,
.blank-hero::after,
.get-help-hero::after,
.pyramid-hero::after,
.about-hero::after,
.send-kindness-hero::after,
.how-to-use-the-eye-hero::after { clear: both; content: ""; display: table; }

@media (min-width: 768px) {
.hero,
.blank-hero,
.get-help-hero,
.pyramid-hero,
.about-hero,
.send-kindness-hero,
.how-to-use-the-eye-hero { padding: 5rem; }
}

@media (min-width: 1024px) {
.hero,
.blank-hero,
.get-help-hero,
.pyramid-hero,
.about-hero,
.send-kindness-hero,
.how-to-use-the-eye-hero { padding: 6rem 8rem 10rem 8rem; }
}
.hero .hero-title,
.blank-hero .hero-title,
.get-help-hero .hero-title,
.pyramid-hero .hero-title,
.about-hero .hero-title,
.send-kindness-hero .hero-title,
.how-to-use-the-eye-hero .hero-title { text-transform: uppercase; font-size: 4.1rem; margin: 0; font-weight: normal; }

@media (min-width: 768px) {
.hero .hero-title,
.blank-hero .hero-title,
.get-help-hero .hero-title,
.pyramid-hero .hero-title,
.about-hero .hero-title,
.send-kindness-hero .hero-title,
.how-to-use-the-eye-hero .hero-title { font-size: 5rem; }
}

@media (min-width: 1024px) {
.hero .hero-title,
.blank-hero .hero-title,
.get-help-hero .hero-title,
.pyramid-hero .hero-title,
.about-hero .hero-title,
.send-kindness-hero .hero-title,
.how-to-use-the-eye-hero .hero-title { font-size: 6.3rem; }
}
.hero .hero-title .hero-title-icon,
.blank-hero .hero-title .hero-title-icon,
.get-help-hero .hero-title .hero-title-icon,
.pyramid-hero .hero-title .hero-title-icon,
.about-hero .hero-title .hero-title-icon,
.send-kindness-hero .hero-title .hero-title-icon,
.how-to-use-the-eye-hero .hero-title .hero-title-icon { display: inline-block; vertical-align: middle; height: 3.9rem; }

@media (min-width: 768px) {
.hero .hero-title .hero-title-icon,
.blank-hero .hero-title .hero-title-icon,
.get-help-hero .hero-title .hero-title-icon,
.pyramid-hero .hero-title .hero-title-icon,
.about-hero .hero-title .hero-title-icon,
.send-kindness-hero .hero-title .hero-title-icon,
.how-to-use-the-eye-hero .hero-title .hero-title-icon { height: 3.8rem; }
}

@media (min-width: 1024px) {
.hero .hero-title .hero-title-icon,
.blank-hero .hero-title .hero-title-icon,
.get-help-hero .hero-title .hero-title-icon,
.pyramid-hero .hero-title .hero-title-icon,
.about-hero .hero-title .hero-title-icon,
.send-kindness-hero .hero-title .hero-title-icon,
.how-to-use-the-eye-hero .hero-title .hero-title-icon { height: 6rem; }
}
.hero .hero-icon img,
.blank-hero .hero-icon img,
.get-help-hero .hero-icon img,
.pyramid-hero .hero-icon img,
.about-hero .hero-icon img,
.send-kindness-hero .hero-icon img,
.how-to-use-the-eye-hero .hero-icon img { max-width: 100%; }
.hero .hero-body,
.blank-hero .hero-body,
.get-help-hero .hero-body,
.pyramid-hero .hero-body,
.about-hero .hero-body,
.send-kindness-hero .hero-body,
.how-to-use-the-eye-hero .hero-body { font-size: 1.6rem; line-height: 1.4; }

@media (min-width: 768px) {
.hero .hero-body,
.blank-hero .hero-body,
.get-help-hero .hero-body,
.pyramid-hero .hero-body,
.about-hero .hero-body,
.send-kindness-hero .hero-body,
.how-to-use-the-eye-hero .hero-body { font-size: 2rem; }
}

@media (min-width: 1024px) {
.hero .hero-body,
.blank-hero .hero-body,
.get-help-hero .hero-body,
.pyramid-hero .hero-body,
.about-hero .hero-body,
.send-kindness-hero .hero-body,
.how-to-use-the-eye-hero .hero-body { font-size: 3rem; }
}
.hero .hero-desc,
.blank-hero .hero-desc,
.get-help-hero .hero-desc,
.pyramid-hero .hero-desc,
.about-hero .hero-desc,
.send-kindness-hero .hero-desc,
.how-to-use-the-eye-hero .hero-desc { font-size: 1.8rem; margin: .7rem 0; line-height: 1.4; }
.blank-hero,
.get-help-hero { background-color: #FFFFFF; }
.blank-hero .hero-title,
.get-help-hero .hero-title { color: #f70057; }
.blank-hero .hero-body,
.get-help-hero .hero-body { color: #898989; margin-top: 0; font-size: 1.4rem; }

@media (min-width: 768px) {
.blank-hero .hero-body,
.get-help-hero .hero-body { font-size: 1.6rem; }
}
.pyramid-hero,
.about-hero { text-align: center; }
.pyramid-hero .hero-body,
.about-hero .hero-body { margin-top: 2rem; }

@media (min-width: 768px) {
.pyramid-hero .hero-body,
.about-hero .hero-body { margin-top: 3rem; }
}

@media (min-width: 1024px) {
.pyramid-hero .hero-body,
.about-hero .hero-body { margin-top: 6rem; }
}

@media (min-width: 768px) {
.pyramid-hero .hero-body .hero-icon,
.about-hero .hero-body .hero-icon,
 .pyramid-hero .hero-body .hero-cntr,
 .about-hero .hero-body .hero-cntr { padding-bottom: 3rem; }
}

@media (min-width: 768px) {
.pyramid-hero .hero-body .hero-icon,
.about-hero .hero-body .hero-icon { padding-right: 6rem; float: left; width: 50%; }
}

@media (min-width: 768px) {
.pyramid-hero .hero-body .hero-cntr,
.about-hero .hero-body .hero-cntr { padding-left: 1rem; float: left; width: 50%; }
}
.send-kindness-hero { background-color: #ff4c46; padding-bottom: 4rem; padding-top: 6rem; max-width: none !important; }

@media (min-width: 768px) {
.send-kindness-hero { padding-bottom: 4.3rem; padding-top: 8.5rem; }
}

@media (min-width: 1024px) {
.send-kindness-hero { padding-bottom: 4.5rem; padding-top: 10.5rem; }
}
.send-kindness-hero .hero-title { color: #FFFFFF; margin: 0 10%; }

@media (min-width: 768px) {
.send-kindness-hero .hero-title { margin: 0; }
}
.send-kindness-hero .hero-title img { max-width: 100%; }
.send-kindness-hero .hero-body { color: #fff; margin: 2rem 15% 3rem 15%; font-size: 1.25rem; }

@media (min-width: 768px) {
.send-kindness-hero .hero-body { margin: 1rem 15% 4rem 15%; font-size: 1.75rem; }
}

@media (min-width: 1024px) {
.send-kindness-hero .hero-body { margin: 0 24% 4rem 24%; font-size: 2rem; }
}
.how-to-use-the-eye-hero { background-color: #fdc120; }

@media (min-width: 768px) {
.how-to-use-the-eye-hero { padding-bottom: 10rem; }
}
.how-to-use-the-eye-hero .get-the-eye-scrollup { position: absolute; bottom: 2rem; left: 50%; margin-left: -100px; width: 200px; z-index: 3; display: none; cursor: pointer; }

@media (min-width: 768px) {
.how-to-use-the-eye-hero .get-the-eye-scrollup { display: block; }
}
.how-to-use-the-eye-hero .right-bubble { display: block; margin-bottom: 2rem; cursor: default; }
.how-to-use-the-eye-hero .smartphone { position: relative; display: inline-block; width: 45%; z-index: 25; background-color: #22c0de; }

@media (min-width: 768px) {
.how-to-use-the-eye-hero .smartphone { float: left; width: 35%; }
}
.how-to-use-the-eye-hero .smartphone .sp-frame { position: relative; z-index: 25; width: 100%; display: block; }
.how-to-use-the-eye-hero .smartphone .placeholder { position: absolute; top: 11.9%; left: 8%; width: 88%; z-index: 15; }
.how-to-use-the-eye-hero .bubbles { text-align: left; display: none; }

@media (min-width: 768px) {
.how-to-use-the-eye-hero .bubbles { display: block; float: left; width: 65%; padding: 15% 0 0 30px; }
}
.how-to-use-the-eye-hero .bubble-nav { margin: 0; padding: 0; display: inline-block; list-style: none; margin-top: 2rem; }
.how-to-use-the-eye-hero .bubble-nav > li { display: inline-block; -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #FFFFFF; background-color: #22c0de; width: .8rem; height: .8rem; cursor: pointer; margin-right: .5rem; opacity: 0.3; }
.how-to-use-the-eye-hero .bubble-nav > li.active { opacity: 1; }
.how-to-use-the-eye-hero .bubbles-tablet { margin: 30px; text-align: center; }
.how-to-use-the-eye-hero .bubbles-tablet .bottom-bubble { text-align: left; }

@media (min-width: 768px) {
.how-to-use-the-eye-hero .bubbles-tablet { display: none; margin: 0; }
.how-to-use-the-eye-hero .bubbles-tablet .bottom-bubble { display: none; }
.how-to-use-the-eye-hero .bubbles-tablet .bottom-bubble.active { display: block; }
}
.how-to-use-the-eye-hero .hero-body { text-align: left; color: #fff; text-align: center; margin-left: auto; margin-right: auto; }

@media (min-width: 768px) {
.how-to-use-the-eye-hero .hero-body { width: 700px; }
}
.how-to-use-the-eye-hero .hero-title { color: #FFFFFF; margin-bottom: 5rem; }
.get-help-hero { text-align: center; padding-bottom: 7.5rem; }

@media (min-width: 768px) {
.get-help-hero { padding-left: 2rem; padding-right: 2rem; }
}
.get-help-hero .chat-icon-box,
 .get-help-hero .call-icon-box { margin-right: auto; margin-left: auto; display: block; }

@media (min-width: 1024px) {
.get-help-hero .chat-icon-box,
 .get-help-hero .call-icon-box { display: inline-block; width: 475px; }
}

@media (min-width: 1024px) {
.get-help-hero .chat-icon-box { margin-right: 30px; }
}
.get-help-hero .hero-desc { margin-bottom: 3.5rem; margin-top: 2rem; }

@media (min-width: 768px) {
.get-help-hero .hero-desc { margin-top: 5rem; padding: 0 15%; }
}

@media (min-width: 1024px) {
.get-help-hero .hero-desc { padding: 0 25%; }
}
.about-hero { max-width: 1140px; }
.about-hero .hero-body .hero-icon { text-align: center; }

@media (min-width: 768px) {
.about-hero .hero-body .hero-icon { text-align: right; }
}
.about-hero .hero-body .hero-desc a { color: #fff; text-decoration: underline; }
.about-hero .hero-body .hero-cntr { text-align: center; }

@media (min-width: 768px) {
.about-hero .hero-body .hero-cntr { text-align: left; }
}
.about-hero .hero-body .hero-cntr .hero-subtitle { color: #22c0de; margin: 4rem 0 0; line-height: 1.6; text-align: inherit; }

@media (min-width: 768px) {
.about-hero .hero-body .hero-cntr .hero-subtitle { margin: 0; font-size: 4rem; }
}

@media (min-width: 1024px) {
.about-hero .hero-body .hero-cntr .hero-subtitle { margin: 0; font-size: 4.5rem; }
}
.cta,
.centered-cta,
.share-your-own-cta,
.tell-your-friends-cta,
.update-mobile-apps-cta,
.i-am-a-witness-keyboard-cta { background-color: #FFFFFF; margin: 0 6% 3.6%; padding: 3rem; background-color: transparent; background-repeat: no-repeat; background-position: center center; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; position: relative; }
.cta::after,
.centered-cta::after,
.share-your-own-cta::after,
.tell-your-friends-cta::after,
.update-mobile-apps-cta::after,
.i-am-a-witness-keyboard-cta::after { clear: both; content: ""; display: table; }

@media (min-width: 768px) {
.cta,
.centered-cta,
.share-your-own-cta,
.tell-your-friends-cta,
.update-mobile-apps-cta,
.i-am-a-witness-keyboard-cta { margin: 30px; }
}
.cta .cta-header,
.centered-cta .cta-header,
.share-your-own-cta .cta-header,
.tell-your-friends-cta .cta-header,
.update-mobile-apps-cta .cta-header,
.i-am-a-witness-keyboard-cta .cta-header { background-color: transparent; background-repeat: no-repeat; background-position: center center; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; padding: 1rem 1rem 2rem 1rem; height: auto; }
.cta .cta-title,
.centered-cta .cta-title,
.share-your-own-cta .cta-title,
.tell-your-friends-cta .cta-title,
.update-mobile-apps-cta .cta-title,
.i-am-a-witness-keyboard-cta .cta-title { text-align: left; line-height: 1; font-size: 4rem; font-weight: normal; }

@media (min-width: 480px) {
.cta .cta-title,
.centered-cta .cta-title,
.share-your-own-cta .cta-title,
.tell-your-friends-cta .cta-title,
.update-mobile-apps-cta .cta-title,
.i-am-a-witness-keyboard-cta .cta-title { font-size: 6.2rem; }
}

@media (min-width: 768px) {
.cta .cta-title,
.centered-cta .cta-title,
.share-your-own-cta .cta-title,
.tell-your-friends-cta .cta-title,
.update-mobile-apps-cta .cta-title,
.i-am-a-witness-keyboard-cta .cta-title { margin-top: 2rem; }
}
.cta .cta-desc,
.centered-cta .cta-desc,
.share-your-own-cta .cta-desc,
.tell-your-friends-cta .cta-desc,
.update-mobile-apps-cta .cta-desc,
.i-am-a-witness-keyboard-cta .cta-desc { font-size: 1.8rem; }
.centered-cta,
.share-your-own-cta,
.tell-your-friends-cta,
.update-mobile-apps-cta,
.i-am-a-witness-keyboard-cta { text-align: center; }
.centered-cta .cta-title,
.share-your-own-cta .cta-title,
.tell-your-friends-cta .cta-title,
.update-mobile-apps-cta .cta-title,
.i-am-a-witness-keyboard-cta .cta-title,
 .centered-cta .cta-desc,
 .share-your-own-cta .cta-desc,
 .tell-your-friends-cta .cta-desc,
 .update-mobile-apps-cta .cta-desc,
 .i-am-a-witness-keyboard-cta .cta-desc { text-align: center; margin: 0 0 3rem 0; }

@media (min-width: 768px) {
.centered-cta .cta-title,
.share-your-own-cta .cta-title,
.tell-your-friends-cta .cta-title,
.update-mobile-apps-cta .cta-title,
.i-am-a-witness-keyboard-cta .cta-title,
 .centered-cta .cta-desc,
 .share-your-own-cta .cta-desc,
 .tell-your-friends-cta .cta-desc,
 .update-mobile-apps-cta .cta-desc,
 .i-am-a-witness-keyboard-cta .cta-desc { margin-left: 28%; margin-right: 28%; }
}
.share-your-own-cta { background-color: #f70057; }
.share-your-own-cta .cta-title { margin-bottom: 15rem; }

@media (min-width: 768px) {
.share-your-own-cta .cta-title { margin-bottom: 0; }
}

@media (min-width: 768px) {
.share-your-own-cta { background-image: url("../images/bg-share-your-own.png"); }
}
.share-your-own-cta .cta-header { background-image: url("../images/bg-share-your-own-mobile.png"); background-position: center 75%; }

@media (min-width: 768px) {
.share-your-own-cta .cta-header { background-image: none; }
}
.tell-your-friends-cta { background-color: #b731a3; margin: 0; }
.tell-your-friends-cta .cta-title { margin-bottom: 15rem; }

@media (min-width: 768px) {
.tell-your-friends-cta .cta-title { margin-bottom: 0; }
}

@media (min-width: 768px) {
.tell-your-friends-cta { background-image: url("../images/bg-tell-your-friends.png"); }
}
.tell-your-friends-cta .cta-title { font-size: 4rem; }

@media (min-width: 666px) {
.tell-your-friends-cta .cta-title { font-size: 6rem; }
}

@media (min-width: 768px) {
.tell-your-friends-cta .cta-title { font-size: 3.5rem; }
}

@media (min-width: 1024px) {
.tell-your-friends-cta .cta-title { font-size: 4rem; }
}
.tell-your-friends-cta .cta-header { background-image: url("../images/bg-tell-your-friends-mobile.png"); background-position: center 75%; }

@media (min-width: 768px) {
.tell-your-friends-cta .cta-header { background-image: none; }
}
.update-mobile-apps-cta { background-color: #fd4b49; }
.update-mobile-apps-cta .cta-title,
 .update-mobile-apps-cta .cta-desc { margin-left: 0; margin-right: 0; }
.update-mobile-apps-cta .cta-header { padding-bottom: 0; }
.update-mobile-apps-cta .cta-title { font-size: 4rem; margin-bottom: 0; }

@media (min-width: 666px) {
.update-mobile-apps-cta .cta-title { font-size: 6rem; }
}

@media (min-width: 768px) {
.update-mobile-apps-cta .cta-title { font-size: 3.5rem; }
}

@media (min-width: 1024px) {
.update-mobile-apps-cta .cta-title { font-size: 4rem; }
}
.update-mobile-apps-cta .icon-box,
.update-mobile-apps-cta .hoz-icon-box,
.update-mobile-apps-cta .chat-icon-box,
.update-mobile-apps-cta .call-icon-box { display: inline-block; width: 45%; }

@media (min-width: 768px) {
.update-mobile-apps-cta .icon-box,
.update-mobile-apps-cta .hoz-icon-box,
.update-mobile-apps-cta .chat-icon-box,
.update-mobile-apps-cta .call-icon-box { width: 25%; }
}
.update-mobile-apps-cta .icon-box .box-title,
.update-mobile-apps-cta .hoz-icon-box .box-title,
.update-mobile-apps-cta .chat-icon-box .box-title,
.update-mobile-apps-cta .call-icon-box .box-title { color: #FFFFFF; font-size: 2rem; }

@media (min-width: 500px) {
.update-mobile-apps-cta .icon-box .box-title,
.update-mobile-apps-cta .hoz-icon-box .box-title,
.update-mobile-apps-cta .chat-icon-box .box-title,
.update-mobile-apps-cta .call-icon-box .box-title { font-size: 2rem; }
}
.i-am-a-witness-keyboard-cta { background-color: #22c0de; background-position: 0 10rem; padding: 0; margin: 0; }
.i-am-a-witness-keyboard-cta .cta-title { margin-bottom: 15rem; }

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta .cta-title { margin-bottom: 0; }
}

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta { padding: 1rem; }
}

@media (min-width: 840px) {
.i-am-a-witness-keyboard-cta { padding: 2rem; }
}

@media (min-width: 1122px) {
.i-am-a-witness-keyboard-cta { padding: 5rem; }
}

@media (min-width: 1357px) {
.i-am-a-witness-keyboard-cta { padding: 6rem; }
}

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta img { max-width: 80%; }
}

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta { background-image: none; width: auto; }
}
.i-am-a-witness-keyboard-cta .cta-illus { width: 100%; }

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta .cta-illus { display: none; }
}
.i-am-a-witness-keyboard-cta .cta-title { text-align: center; font-size: 4.1rem; margin: 3rem 0 2.5rem 0; }

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta .cta-title { font-size: 6.5rem; margin-top: 0; }
}
.i-am-a-witness-keyboard-cta .cta-body:after,
.i-am-a-witness-keyboard-cta .cta-body:before { clear: both; content: ""; display: table; }
.i-am-a-witness-keyboard-cta .icon-boxes { margin: 0; }

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta .icon-boxes { max-width: 92%; margin: 0 auto; }
}
.i-am-a-witness-keyboard-cta .icon-box,
.i-am-a-witness-keyboard-cta .hoz-icon-box,
.i-am-a-witness-keyboard-cta .chat-icon-box,
.i-am-a-witness-keyboard-cta .call-icon-box { display: block; width: 100%; margin: 0 0 8rem 0; padding: 0; }

@media (min-width: 480px) {
.i-am-a-witness-keyboard-cta .icon-box,
.i-am-a-witness-keyboard-cta .hoz-icon-box,
.i-am-a-witness-keyboard-cta .chat-icon-box,
.i-am-a-witness-keyboard-cta .call-icon-box { width: 33.333333333%; float: left; }
}
.i-am-a-witness-keyboard-cta .icon-box img,
.i-am-a-witness-keyboard-cta .hoz-icon-box img,
.i-am-a-witness-keyboard-cta .chat-icon-box img,
.i-am-a-witness-keyboard-cta .call-icon-box img { width: 30%; max-width: 70%; display: block; margin: 2rem auto 0 auto; }
.i-am-a-witness-keyboard-cta .icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .hoz-icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .chat-icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .call-icon-box img.icon-black-eye { width: 40%; }

@media (min-width: 480px) {
.i-am-a-witness-keyboard-cta .icon-box img,
.i-am-a-witness-keyboard-cta .hoz-icon-box img,
.i-am-a-witness-keyboard-cta .chat-icon-box img,
.i-am-a-witness-keyboard-cta .call-icon-box img { width: 50%; }
.i-am-a-witness-keyboard-cta .icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .hoz-icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .chat-icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .call-icon-box img.icon-black-eye { width: 70%; }
}

@media (min-width: 768px) {
.i-am-a-witness-keyboard-cta .icon-box img,
.i-am-a-witness-keyboard-cta .hoz-icon-box img,
.i-am-a-witness-keyboard-cta .chat-icon-box img,
.i-am-a-witness-keyboard-cta .call-icon-box img { width: 35%; }
.i-am-a-witness-keyboard-cta .icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .hoz-icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .chat-icon-box img.icon-black-eye,
.i-am-a-witness-keyboard-cta .call-icon-box img.icon-black-eye { width: 48%; }
}
.i-am-a-witness-keyboard-cta .icon-box .box-title img,
 .i-am-a-witness-keyboard-cta .hoz-icon-box .box-title img,
 .i-am-a-witness-keyboard-cta .chat-icon-box .box-title img,
 .i-am-a-witness-keyboard-cta .call-icon-box .box-title img { width: auto; height: 52px; margin-top: 3rem; }
.home .i-am-a-witness-keyboard-cta .icon-box .box-title img,
 .home .i-am-a-witness-keyboard-cta .hoz-icon-box .box-title img,
 .home .i-am-a-witness-keyboard-cta .chat-icon-box .box-title img,
 .home .i-am-a-witness-keyboard-cta .call-icon-box .box-title img { width: auto; height: 80px; margin-top: 3rem; }
.i-am-a-witness-keyboard-cta .icon-box .btn_outline,
.i-am-a-witness-keyboard-cta .hoz-icon-box .btn_outline,
.i-am-a-witness-keyboard-cta .chat-icon-box .btn_outline,
.i-am-a-witness-keyboard-cta .call-icon-box .btn_outline,
.i-am-a-witness-keyboard-cta .icon-box .btn_white,
.i-am-a-witness-keyboard-cta .hoz-icon-box .btn_white,
.i-am-a-witness-keyboard-cta .chat-icon-box .btn_white,
.i-am-a-witness-keyboard-cta .call-icon-box .btn_white { margin-top: 1rem; }
.i-am-a-witness-keyboard-cta .icon-box .box-notice,
.i-am-a-witness-keyboard-cta .hoz-icon-box .box-notice,
.i-am-a-witness-keyboard-cta .chat-icon-box .box-notice,
.i-am-a-witness-keyboard-cta .call-icon-box .box-notice { font-size: 1.5rem; line-height: 1.4; margin: 4.4rem 6% 0 6%; color: #07022a; font-weight: 700; min-height: 10rem; }

@media (min-width: 480px) {
.i-am-a-witness-keyboard-cta .icon-box .box-notice,
.i-am-a-witness-keyboard-cta .hoz-icon-box .box-notice,
.i-am-a-witness-keyboard-cta .chat-icon-box .box-notice,
.i-am-a-witness-keyboard-cta .call-icon-box .box-notice { font-size: 1.4rem; }
}

@media (min-width: 1024px) {
.i-am-a-witness-keyboard-cta .icon-box .box-notice,
.i-am-a-witness-keyboard-cta .hoz-icon-box .box-notice,
.i-am-a-witness-keyboard-cta .chat-icon-box .box-notice,
.i-am-a-witness-keyboard-cta .call-icon-box .box-notice { font-size: 1.7rem; }
}
/* Styles for dialog window */
#speak-out-video { background: #000000; padding: 0; text-align: left; max-width: 853px; width: 100%; margin: 40px auto; position: relative; height: 480px; max-height: 100%; }
.mfp-wrap { z-index: 100022; }
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); margin: 0 auto; }
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; z-index: 100021; }
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); }
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); }
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); }
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }
html,
body { margin: 0; padding: 0; font-size: 10px; }
html { background-color: #FFFFFF; color: #FFFFFF; }
body { border-top: 9.5rem solid #130d42; }
h1,
h2,
h3,
h5,
h6 { letter-spacing: 2px; }
p { letter-spacing: .2px; }
[data-trigger=share_this] { cursor: pointer; }
[data-trigger=share_this]:before { content: ''; position: absolute; bottom: -1rem; left: 0; width: 100%; height: 1rem; }
.share_this { display: none; position: absolute; top: 5rem; left: calc(50% - 100px); width: 20rem; padding: 1rem 0.7rem; margin: 0; background-color: #FFFFFF; border: 2px solid #243d92; border-radius: 7px; }
.share_this::after { clear: both; content: ""; display: table; }
.share_this:before { content: ""; position: absolute; top: -19px; right: calc(50% - 8px); bottom: auto; left: auto; border-width: 0 8px 17px; border-style: solid; border-color: #243d92 transparent; display: block; width: 0; }
.share_this:after { content: ""; position: absolute; top: -15px; bottom: auto; left: auto; right: calc(50% - 6px); border-width: 0 6px 15px; border-style: solid; border-color: #FFFFFF transparent; display: block; width: 0; }
.share_this.show { display: block; }
.share_this li { float: left; list-style-type: none; }
.share_this li a { display: block; width: 4rem; height: 4rem; margin: 0 1rem; border-radius: 4px; }
.share_this li a.share_facebook { background: transparent url("../images/icon-facebook-share.png") center center no-repeat; background-size: contain; }
.share_this li a.share_tumblr { background: transparent url("../images/icon-tumblr-share.png") center center no-repeat; background-size: contain; }
.share_this li a.share_twitter { background: transparent url("../images/icon-twitter-share.png") center center no-repeat; background-size: contain; }

@media screen and (max-width: 640px) {
.share_this li a { width: 3.35rem; height: 3.35rem; }
}
.home section > div { max-width: 1430px; margin-left: auto; margin-right: auto; }
.home section > div::after { clear: both; content: ""; display: table; }
.home h2 { font-size: 6.5rem; line-height: 1em; letter-spacing: 0.05rem; font-weight: normal; margin: 0; text-align: center; }

@media screen and (max-width: 1024px) {
.home h2 { font-size: 3.6rem; line-height: 4rem; margin: 0; }
}
.home .vertical_align { display: table-cell; vertical-align: middle; }
.home img.spacer { display: block; width: 100%; }

@media screen and (max-width: 640px) {
.home img.spacer { display: none; }
}
.home .split_content,
.home .use_the_eye,
.home .send_kindness,
.home .witness_creativity,
.home .be_a_witness,
.home .stars_speak { margin: 0 auto; padding: 0 3.5% 0; background-color: #FFFFFF; }
.home .split_content > div,
.home .use_the_eye > div,
.home .send_kindness > div,
.home .witness_creativity > div,
.home .be_a_witness > div,
.home .stars_speak > div { position: relative; display: table; width: 100%; }
.home .split_content .inner_content,
.home .use_the_eye .inner_content,
.home .send_kindness .inner_content,
.home .witness_creativity .inner_content,
.home .be_a_witness .inner_content,
.home .stars_speak .inner_content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 45%; left: 50%; }

@media screen and (max-width: 1024px) {
.home .split_content .inner_content,
.home .use_the_eye .inner_content,
.home .send_kindness .inner_content,
.home .witness_creativity .inner_content,
.home .be_a_witness .inner_content,
.home .stars_speak .inner_content { padding-top: 0; }
}

@media screen and (max-width: 640px) {
.home .split_content .inner_content,
.home .use_the_eye .inner_content,
.home .send_kindness .inner_content,
.home .witness_creativity .inner_content,
.home .be_a_witness .inner_content,
.home .stars_speak .inner_content { position: relative; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); left: auto; width: auto; margin: 0 auto; }
}
.home .split_content h2,
.home .use_the_eye h2,
.home .send_kindness h2,
.home .witness_creativity h2,
.home .be_a_witness h2,
.home .stars_speak h2 { margin: 0 0 3.2rem; text-align: left; }

@media screen and (max-width: 1024px) {
.home .split_content h2,
.home .use_the_eye h2,
.home .send_kindness h2,
.home .witness_creativity h2,
.home .be_a_witness h2,
.home .stars_speak h2 { margin: 0; }
}
.home .split_content p,
.home .use_the_eye p,
.home .send_kindness p,
.home .witness_creativity p,
.home .be_a_witness p,
.home .stars_speak p { font-size: 1.8rem; margin: 3.2rem 0; }

@media screen and (max-width: 1024px) {
.home .split_content p,
.home .use_the_eye p,
.home .send_kindness p,
.home .witness_creativity p,
.home .be_a_witness p,
.home .stars_speak p { font-size: 1.4rem; margin: 1rem 0 1.5rem; }
}
.home .split_content .btn_outline,
.home .use_the_eye .btn_outline,
.home .send_kindness .btn_outline,
.home .witness_creativity .btn_outline,
.home .be_a_witness .btn_outline,
.home .stars_speak .btn_outline,
.home .split_content .btn_white,
.home .use_the_eye .btn_white,
.home .send_kindness .btn_white,
.home .witness_creativity .btn_white,
.home .be_a_witness .btn_white,
.home .stars_speak .btn_white { margin: 0; }

@media screen and (max-width: 640px) {
.home .split_content,
.home .use_the_eye,
.home .send_kindness,
.home .witness_creativity,
.home .be_a_witness,
.home .stars_speak { padding: 0 6% 3.6%; }
.home .split_content > div,
.home .use_the_eye > div,
.home .send_kindness > div,
.home .witness_creativity > div,
.home .be_a_witness > div,
.home .stars_speak > div { position: relative; height: auto; padding-bottom: 14%; padding-top: 81%; }
.home .split_content .inner_content,
.home .use_the_eye .inner_content,
.home .send_kindness .inner_content,
.home .witness_creativity .inner_content,
.home .be_a_witness .inner_content,
.home .stars_speak .inner_content { position: relative; right: auto; max-width: 86%; }
.home .split_content h2,
.home .use_the_eye h2,
.home .send_kindness h2,
.home .witness_creativity h2,
.home .be_a_witness h2,
.home .stars_speak h2 { text-align: center; margin-bottom: 2rem; }
.home .split_content p,
.home .use_the_eye p,
.home .send_kindness p,
.home .witness_creativity p,
.home .be_a_witness p,
.home .stars_speak p { text-align: center; font-size: 1.6rem; line-height: 1.35em; margin-bottom: 2.5rem; }
.home .split_content .btn_outline,
.home .use_the_eye .btn_outline,
.home .send_kindness .btn_outline,
.home .witness_creativity .btn_outline,
.home .be_a_witness .btn_outline,
.home .stars_speak .btn_outline,
.home .split_content .btn_white,
.home .use_the_eye .btn_white,
.home .send_kindness .btn_white,
.home .witness_creativity .btn_white,
.home .be_a_witness .btn_white,
.home .stars_speak .btn_white { margin: 0 auto; }
}
.home .introduction { background-color: #130d42; }
.home .introduction > div { position: relative; padding: 0; }
.home .introduction img { display: block; margin: 0 auto; padding-bottom: 7rem; width: 73rem; max-width: 86%; }
.home .introduction2 { background-color: #130d42; }
.home .introduction2 > div { position: relative; padding: 0; }
.home .introduction2 img { display: block; margin: 0 auto; padding-bottom: 7rem; width: 73rem; max-width: 86%; }

/* show or hide image headers on homepage*/
.home .contentheader h2 { display: none; }
.home .contentheader img { max-height: 130px; max-width: 400px; }
@media screen and (max-width: 900px) {
.home .contentheader img { max-height: 80px; max-width: 300px; }
}
@media screen and (max-width: 768px) {
.home .contentheader h2 { display: block; }
.home .contentheader img { display: none; }
}

.home .use_the_eye { background-color: #f80056; }
.home .use_the_eye > div { background: transparent url("../images/howtouse-animation.gif") left bottom no-repeat; background-size: auto 100%; }

@media screen and (max-width: 640px) {
.home .use_the_eye { padding-top: 6%; }
.home .use_the_eye > div { background-size: 100% auto; background-position: 0 0; }
}
.home .witness_creativity { background-color: #204390; overflow: hidden; }
.home .witness_creativity > div { background: transparent url("../images/bg-witness-creativity.png") 9% center no-repeat; background-size: auto 76%; }

@media screen and (max-width: 640px) {
.home .witness_creativity > div { background-size: 80% auto; background-position: center 10%; }
}
.home .be_a_witness { background-color: #121041; overflow: hidden;
}

.home .be_a_witness > div { background: transparent url("../images/bg-be-a-witness.png") 9% center no-repeat; background-size: auto 76%; }

@media screen and (max-width: 640px) {
.home .be_a_witness > div { background-size: 80% auto; background-position: center 10%; }
}
.home .send_kindness { background-color: #ff4c46; }
.home .send_kindness > div { background: transparent url("../images/bg-send-kindness2.png") 9% center no-repeat; background-size: auto 76%; }

@media screen and (max-width: 640px) {
.home .send_kindness > div { background-size: 80% auto; background-position: center 10%; }
}
.home .stars_speak { background-color: #b731a3; }
.home .stars_speak > div { background: transparent url("../images/bg-stars-speak-out-2.png") 12% 45% no-repeat; background-size: auto 80%; }

@media screen and (max-width: 640px) {
.home .stars_speak > div { background-size: 75% auto; background-position: center 16%; }
}
.home .take_action { max-width: 1430px; margin: 0 auto; padding: 3.5% 3.2% 7%; background-color: #FFFFFF; color: #130d42; }
.home .take_action > div { width: 67%; }
.home .take_action .action_block { float: left; width: 50%; padding: 0 1.5%; }
.home .take_action img { width: 50%; display: block; margin: 0 auto; }
.home .take_action h3 { font-size: 4.8rem; font-weight: normal; text-align: center; margin: 4.2rem 0 2.8rem; letter-spacing: 0.01rem; }
.home .take_action p { text-align: center; font-size: 1.8rem; line-height: 1.34em; color: #959595; min-height: 9rem; }

@media (max-width: 1100px) {
.home .take_action { font-size: 4.4rem; }
}

@media screen and (max-width: 1024px) {
.home .take_action > div { width: 80%; }
.home .take_action h3 { font-size: 3rem; margin: 2.5rem 0 1.7rem; }
.home .take_action p { font-size: 1.4rem; }
}

@media screen and (max-width: 768px) {
.home .take_action h3 { font-size: 2.4rem; margin: 2.5rem 0 1.7rem; }
.home .take_action .btn_outline,
.home .take_action .btn_white { min-width: 0; width: 80%; }
}

@media screen and (max-width: 640px) {
.home .take_action { padding-top: 10%; padding-bottom: 0; }
.home .take_action > div { width: 100%; }
.home .take_action .action_block { width: 100%; margin-bottom: 15%; }
.home .take_action img { width: 47%; }
.home .take_action h3 { font-size: 3.6rem; }
.home .take_action p { font-size: 1.6rem; line-height: 1.375em; padding: 0 5%; margin-bottom: 2.5rem; }
.home .take_action .btn_outline,
.home .take_action .btn_white { width: 60%; }
}
.home .movement { /* Hiding panel for launch; this will be revealed at a later date. */
display: none; background-color: #130d42; }
.home .movement > div { padding: 7rem 0 0rem; }
.home .movement h2 { color: #FFFFFF; margin-bottom: 8.5rem; }

@media screen and (max-width: 1024px) {
.home .movement h2 { margin-bottom: 5rem; }
}
.home .movement h2 br { display: none; }
.home .movement .slick-slide { position: relative; }
.home .movement .slick-slide .btn_outline,
.home .movement .slick-slide .btn_white { display: none; }
.home .movement .slick-slide.slick-current .btn_outline,
.home .movement .slick-slide.slick-current .btn_white { display: block; }
.home .movement .slick-list { padding-bottom: 17.5rem !important; }
.home .movement .movement_info { position: relative; display: table; width: 300px; height: 300px; float: left; outline: 0; }
.home .movement .movement_info .content { display: table-cell; vertical-align: middle; }
.home .movement .movement_info p { text-align: center; font-size: 2.4rem; color: #22c0de; margin: 0; }
.home .movement .movement_info p span { display: block; font-size: 6rem; color: #FFFFFF; }
.home .movement .movement_info img { position: relative; display: block; margin: 0 auto 5%; height: 50%; width: 65%; }
.home .movement .movement_info .btn_outline,
.home .movement .movement_info .btn_white { position: absolute; left: 16%; bottom: -9.5rem; cursor: pointer; }
.home .movement .movement_info .btn_outline:before,
.home .movement .movement_info .btn_white:before { content: ''; position: absolute; bottom: -1rem; left: 0; width: 100%; height: 1rem; }

@media screen and (max-width: 1024px) {
.home .movement > div { padding: 7% 0 8%; }
}

@media screen and (max-width: 640px) {
.home .movement > div { padding: 12% 0 9%; }
.home .movement h2 { margin-bottom: 9%; }
.home .movement h2 br { display: block; }
.home .movement .movement_info { width: 180px; height: 180px; }
.home .movement .movement_info p { font-size: 1.44rem; }
.home .movement .movement_info p span { font-size: 2.88rem; }
.home .movement .movement_info img { max-height: 50%; max-width: 65%; }
.home .movement .movement_info .btn_outline,
.home .movement .movement_info .btn_white { width: 100%; min-width: 0; left: 0; bottom: -8rem; }
}
.home .partners { max-width: 1430px; margin: 0 auto; padding: 5% 3.2% 6.8%; background-color: #FFFFFF; color: #130d42; }
.home .partners h2 { margin-bottom: 6.3rem; }
.home .partners h2.supporters { color: #22c0de; }
.home .partners h2.supporters + .partner_link_wrapper { max-width: 1250px; }
.home .partners .partner_link_wrapper { display: table; margin: 0 auto; }
.home .partners .partner_link_wrapper .partner_link { display: table; float: left; width: 250px; height: 100px; margin: 0 0 6.3rem; }
.home .partners .partner_link_wrapper .partner_link a { display: table-cell; vertical-align: middle; }
.home .partners .partner_link_wrapper .partner_link img { display: block; margin: auto; max-width: 100%; max-height: 100px; }
.home .partners .partner_link_wrapper .partner_link img.full_size { max-width: none; }

@media (max-width: 1336px) {
.home .partners .partner_link_wrapper .partner_link { width: 160px; }
.home .partners .partner_link_wrapper .partner_link img { max-width: 85%; }
}

@media screen and (max-width: 768px) {
.home .partners .partner_link_wrapper .partner_link { width: 125px; }
.home .partners .partner_link_wrapper .partner_link img.full_size { max-width: 100%; }
}
.home .partners .btn_outline,
.home .partners .btn_white { margin-top: 2rem; }

@media screen and (max-width: 1024px) {
.home .partners h2 { margin-bottom: 4%; }
.home .partners h2.supporters { margin-bottom: 6.5%; }
}

@media screen and (max-width: 640px) {
.home .partners { padding-top: 14%; padding-left: 0; padding-right: 0; }
.home .partners h2 { padding-bottom: 6%; }
.home .partners h2.supporters { padding-top: 7%; }
.home .partners .partner_link_wrapper { width: 310px; }
.home .partners .partner_link_wrapper .partner_link { width: 145px; height: 145px; border: 1px solid #e1e1e1; margin: 0 2rem 2rem 0; }
.home .partners .partner_link_wrapper .partner_link:nth-child(even) { margin-right: 0; }
.home .partners .partner_link_wrapper .partner_link img { max-height: 80px; }
}
.home #initial_introduction { display: none; }
.home #video_iframe_wrapper { position: relative; top: 0; left: 0; width: 100%; height: 0; padding-bottom: 56.25%; background-color: #000033; z-index: 21; }
.home #video_iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.quiz_page .quiz_page { background-color: #243d92; }
.quiz_page .quiz { background-color: #243d92; max-width: 1430px; margin-left: auto; margin-right: auto; padding: 0 3.2%; padding-bottom: 6%; height: 65rem; width: 100%; }
.quiz_page .quiz:before { content: ''; display: table; clear: both; }
.quiz_page .quiz::after { clear: both; content: ""; display: table; }
.quiz_page .quiz::after { clear: both; content: ""; display: table; }

@media screen and (max-width: 1024px) {
.quiz_page .quiz { height: 54.5rem; }
}

@media screen and (max-width: 768px) {
.quiz_page .quiz { height: 44.5rem; }
}

@media screen and (max-width: 640px) {
.quiz_page .quiz { height: 60rem; padding-bottom: 18%; }
}

@media screen and (max-width: 400px) {
.quiz_page .quiz { height: 50rem; padding-bottom: 18%; }
}
.quiz_page .quiz.long_content p { max-width: 88%; }

@media screen and (max-width: 1024px) {
.quiz_page .quiz.long_content p { max-width: 94%; }
}

@media screen and (max-width: 768px) {
.quiz_page .quiz.long_content p { max-width: 98%; }
}
.quiz_page .quiz h2 { display: block; width: 100%; padding-bottom: 7.2%; margin-top: 7.1%; margin-bottom: 3%; background: transparent url("../images/quiz_headline.png") center center no-repeat; background-size: auto 100%; }

@media screen and (max-width: 640px) {
.quiz_page .quiz h2 { padding-bottom: 36%; margin-top: 9%; margin-bottom: 9%; }
}
.quiz_page .quiz p { max-width: 62%; min-height: 200px; margin: 0 auto 1%; font-size: 2.4rem; line-height: 1.5em; text-align: center; }
.quiz_page .quiz p a { color: inherit; }

@media screen and (max-width: 1024px) {
.quiz_page .quiz p { max-width: 70%; height: auto; min-height: 150px; padding-bottom: 4%; font-size: 1.8rem; }
}

@media screen and (max-width: 640px) {
.quiz_page .quiz p { max-width: 94%; line-height: 1.3em; font-size: 1.65rem; margin-bottom: 0; min-height: 240px; }
}
.quiz_page .quiz .btn_outline,
.quiz_page .quiz .btn_white { position: relative; display: block; margin: 0 auto; height: 6rem; font-size: 3rem; color: #22c0de; }

@media screen and (max-width: 640px) {
.quiz_page .quiz .btn_outline,
.quiz_page .quiz .btn_white { height: 4.5rem; font-size: 2rem; min-width: 150px; }
}
.quiz_page .quiz #quiz_answers,
 .quiz_page .quiz #btn_next_question,
 .quiz_page .quiz #btn_see_results { display: none; }
.quiz_page .quiz .quiz_answers { margin: 0 auto; }
.quiz_page .quiz .btn_answer_yes,
 .quiz_page .quiz .btn_answer_no { float: left; min-width: 100px; border: none; color: #FFFFFF; }
.quiz_page .quiz .btn_answer_no { margin-right: 36px; }
.quiz_page .quiz.quiz_intro h2,
.quiz_page .quiz.quiz_question h2 { background-image: url("../images/quiz_headline.png"); padding-bottom: 11%; }

@media screen and (max-width: 640px) {
.quiz_page .quiz.quiz_intro h2,
.quiz_page .quiz.quiz_question h2 { background-image: url("../images/quiz_headline_mobile.png"); padding-bottom: 36%; margin-bottom: 12%; }
}
.quiz_page .quiz.quiz_answer_yes h2 { background-image: url("../images/quiz_answer_yes.png"); margin-bottom: 6.3%; }

@media screen and (max-width: 640px) {
.quiz_page .quiz.quiz_answer_yes h2 { background-size: auto 55%; margin-bottom: 5%; }
.quiz_page .quiz.quiz_answer_yes p { margin-bottom: 7%; }
}
.quiz_page .quiz.quiz_answer_no h2 { background-image: url("../images/quiz_answer_no.png"); margin-bottom: 6.8%; }

@media screen and (max-width: 640px) {
.quiz_page .quiz.quiz_answer_no h2 { background-size: auto 55%; margin-bottom: 4%; }
.quiz_page .quiz.quiz_answer_no p { margin-bottom: 8%; }
}
.quiz_page .quiz.quiz_results_yes h2 { background-image: url("../images/quiz_results_yes.png"); margin-bottom: 6.8%; }

@media screen and (max-width: 640px) {
.quiz_page .quiz.quiz_results_yes h2 { background-size: auto 38%; margin-bottom: 7%; }
}
.quiz_page .quiz.quiz_results_no h2 { background-image: url("../images/quiz_results_no.png"); margin-bottom: 6.8%; }

@media screen and (max-width: 640px) {
.quiz_page .quiz.quiz_results_no h2 { background-size: auto 38%; margin-bottom: 7%; }
}

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