/*
	@wpbase global
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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 {
  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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * 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;
}

/*
 Variables
*/
/*
	@base grid
*/
.grid {
  display: block;
  margin: 0 -10px;
  box-sizing: border-box;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.col-1 {
  float: left;
  width: 8.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-1:after {
  content: '';
  display: block;
  clear: both;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.col-2 {
  float: left;
  width: 16.6666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-2:after {
  content: '';
  display: block;
  clear: both;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.col-3 {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-3:after {
  content: '';
  display: block;
  clear: both;
}

.offset-3 {
  margin-left: 25%;
}

.col-4 {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-4:after {
  content: '';
  display: block;
  clear: both;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.col-5 {
  float: left;
  width: 41.6666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-5:after {
  content: '';
  display: block;
  clear: both;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.col-6 {
  float: left;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-6:after {
  content: '';
  display: block;
  clear: both;
}

.offset-6 {
  margin-left: 50%;
}

.col-7 {
  float: left;
  width: 58.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-7:after {
  content: '';
  display: block;
  clear: both;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.col-8 {
  float: left;
  width: 66.6666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-8:after {
  content: '';
  display: block;
  clear: both;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.col-9 {
  float: left;
  width: 75%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-9:after {
  content: '';
  display: block;
  clear: both;
}

.offset-9 {
  margin-left: 75%;
}

.col-10 {
  float: left;
  width: 83.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-10:after {
  content: '';
  display: block;
  clear: both;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.col-11 {
  float: left;
  width: 91.6666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.col-11:after {
  content: '';
  display: block;
  clear: both;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media screen and (max-width: 760px) {
  *[class^="col-"], *[class^="offset-"] {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  *[class^="col-"], *[class^="offset-"] {
    margin: 0 0 20px 0;
  }
}

/*
	@base typography
*/
html {
  font-size: 16px;
  line-height: 1.4em;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.block-connect-with-us ul li a, .block-connect-with-us ul li a:before {
  font-family: 'Font Awesome 5 Free';
}

h1,
.h1,
#quiz_score_percent,
h2,
.h2,
#quiz-take-question-feedback-form .fieldset-legend,
h3,
.h3,
h4,
.h4,
h5,
.h5,
li {
  font-weight: 300;
}

h1 strong,
.h1 strong,
#quiz_score_percent strong,
h2 strong,
.h2 strong,
#quiz-take-question-feedback-form .fieldset-legend strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
li strong {
  font-weight: normal !important;
  color: #333;
}

h1 a,
.h1 a,
#quiz_score_percent a,
h2 a,
.h2 a,
#quiz-take-question-feedback-form .fieldset-legend a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
li a {
  font-weight: normal !important;
}

h1,
.h1,
#quiz_score_percent,
h2,
.h2,
#quiz-take-question-feedback-form .fieldset-legend,
h3,
.h3,
h4,
.h4,
h5,
.h5,
p,
.p a,
.a,
.intro {
  margin-top: 0;
}

h1,
.h1,
#quiz_score_percent {
  font-size: calc(35px + 10 * ((100vw - 420px) / 860));
  line-height: 1.2em;
}

@media screen and (min-width: 1280px) {
  h1,
.h1,
#quiz_score_percent {
    font-size: 45px;
  }
}

@media screen and (max-width: 420px) {
  h1,
.h1,
#quiz_score_percent {
    font-size: 35px;
  }
}

h2,
.h2,
#quiz-take-question-feedback-form .fieldset-legend {
  font-size: calc(30px + 10 * ((100vw - 420px) / 860));
  line-height: 1.2em;
}

@media screen and (min-width: 1280px) {
  h2,
.h2,
#quiz-take-question-feedback-form .fieldset-legend {
    font-size: 40px;
  }
}

@media screen and (max-width: 420px) {
  h2,
.h2,
#quiz-take-question-feedback-form .fieldset-legend {
    font-size: 30px;
  }
}

h3,
.h3 {
  font-size: calc(20px + 10 * ((100vw - 420px) / 860));
  line-height: 1.2em;
}

@media screen and (min-width: 1280px) {
  h3,
.h3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 420px) {
  h3,
.h3 {
    font-size: 20px;
  }
}

p {
  margin-bottom: 20px;
}

.intro {
  font-size: calc(18px + 4 * ((100vw - 420px) / 860));
  line-height: 1.4em;
  margin-bottom: 40px;
}

@media screen and (min-width: 1280px) {
  .intro {
    font-size: 22px;
  }
}

@media screen and (max-width: 420px) {
  .intro {
    font-size: 18px;
  }
}

a {
  text-decoration: none;
  color: #4D4D4D;
  transition: all .3s ease-in-out;
  margin: 0;
}

a:hover {
  text-decoration: none;
  color: #ff6600;
  border-bottom-color: #ff6600;
}

.content a,
.themed-block-light-grey a,
.content-block-item li a {
  border-bottom: 2px solid rgba(255, 102, 0, 0.3);
}

.content a:hover,
.themed-block-light-grey a:hover,
.content-block-item li a:hover {
  color: #ff6600;
  border-bottom-color: #ff6600;
}

.themed-block-orange a {
  color: #ffe0cc;
  border-bottom: 1px solid #ffe0cc;
}

.themed-block-orange a:hover {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.themed-block-blue a {
  border-bottom: 1px solid #ace3ff;
  color: #ace3ff;
}

.themed-block-blue a:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.getlocations-map-container .event-item a, .view-events ul:not(.pager) .event-item a, .block-the-four-steps ul li p > a, .links a, .node-safer-internet-day .main-content a, .view-footer a, .field-type-faqfield .faqfield-answer a, body.cke_editable a, .node-quiz a, .well p a, .node-type-article .main-content a, .node-page a, .node-type-supporters-landing-page .main-content a, .social-media-fields-container a {
  border-bottom: 2px solid rgba(255, 102, 0, 0.3);
  font-weight: 600;
  transition: all .3s ease-in-out;
}

.getlocations-map-container .event-item a:hover, .view-events ul:not(.pager) .event-item a:hover, .block-the-four-steps ul li p > a:hover, .links a:hover, .node-safer-internet-day .main-content a:hover, .view-footer a:hover, .field-type-faqfield .faqfield-answer a:hover, body.cke_editable a:hover, .node-quiz a:hover, .well p a:hover, .node-type-article .main-content a:hover, .node-page a:hover, .node-type-supporters-landing-page .main-content a:hover, .social-media-fields-container a:hover {
  color: #ff6600;
  border-bottom-color: #ff6600;
}

blockquote {
  border-left: 5px solid #ABABAB;
  padding: 10px 10px 10px 30px;
}

.page h2.title, .front .node-title, .from-other-organisations > .title, .from-the-uksic > .title, .what-happen-on-the-day .field-item > .title, .related-child-pages .node-teaser > .title, .child-pages ul li > .title, .featured-articles-list > .title, .latest-articles-and-resources > .title, .latest-from-uksic > .title, .footer-two .title, .main-content .content-block-item .title,
.main-content .content-block-item h2, .block-brought-to-you-by .title, .block-connect-with-us .title, .featured-page .node-page .title, .block-helpline-hotline-section .helpline-suggestion-title, .block-helpline-hotline-section .hotline-suggestion-title, .block-how-to-get-involved .title, .block-newsletter .title, .resources-from-the-day > .title, .block-smart-rules > .title, .block-things-todo-now .title, .what-happen-on-the-day > .title, .block-who-gets-involved .title, .block-get-involved .title, .who-we-are .title, .block-why-get-involved .title, .related-pages-block > .title, .getlocations-map-container .title, .latest-tweets-container > .title, .archive-container > .title, .testimonials-container > .title, .view-events-container .title, .node-type-resource .article-title, .node-safer-internet-day .main-content h2 {
  font-size: calc(24px + 26 * ((100vw - 420px) / 860));
  line-height: 1.5;
  margin: 0 0 30px;
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .page h2.title, .front .node-title, .from-other-organisations > .title, .from-the-uksic > .title, .what-happen-on-the-day .field-item > .title, .related-child-pages .node-teaser > .title, .child-pages ul li > .title, .featured-articles-list > .title, .latest-articles-and-resources > .title, .latest-from-uksic > .title, .footer-two .title, .main-content .content-block-item .title,
.main-content .content-block-item h2, .block-brought-to-you-by .title, .block-connect-with-us .title, .featured-page .node-page .title, .block-helpline-hotline-section .helpline-suggestion-title, .block-helpline-hotline-section .hotline-suggestion-title, .block-how-to-get-involved .title, .block-newsletter .title, .resources-from-the-day > .title, .block-smart-rules > .title, .block-things-todo-now .title, .what-happen-on-the-day > .title, .block-who-gets-involved .title, .block-get-involved .title, .who-we-are .title, .block-why-get-involved .title, .related-pages-block > .title, .getlocations-map-container .title, .latest-tweets-container > .title, .archive-container > .title, .testimonials-container > .title, .view-events-container .title, .node-type-resource .article-title, .node-safer-internet-day .main-content h2 {
    font-size: 50px;
  }
}

@media screen and (max-width: 420px) {
  .page h2.title, .front .node-title, .from-other-organisations > .title, .from-the-uksic > .title, .what-happen-on-the-day .field-item > .title, .related-child-pages .node-teaser > .title, .child-pages ul li > .title, .featured-articles-list > .title, .latest-articles-and-resources > .title, .latest-from-uksic > .title, .footer-two .title, .main-content .content-block-item .title,
.main-content .content-block-item h2, .block-brought-to-you-by .title, .block-connect-with-us .title, .featured-page .node-page .title, .block-helpline-hotline-section .helpline-suggestion-title, .block-helpline-hotline-section .hotline-suggestion-title, .block-how-to-get-involved .title, .block-newsletter .title, .resources-from-the-day > .title, .block-smart-rules > .title, .block-things-todo-now .title, .what-happen-on-the-day > .title, .block-who-gets-involved .title, .block-get-involved .title, .who-we-are .title, .block-why-get-involved .title, .related-pages-block > .title, .getlocations-map-container .title, .latest-tweets-container > .title, .archive-container > .title, .testimonials-container > .title, .view-events-container .title, .node-type-resource .article-title, .node-safer-internet-day .main-content h2 {
    font-size: 24px;
  }
}

.page-title {
  color: #333333;
  font-size: 50px;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 20px;
}

.front .field-type-text-with-summary {
  text-align: center;
}

.default-blue {
  color: #FFFFFF;
  background: #0083c7;
}

.themed-block-white {
  color: #222222;
  background: #FFFFFF !important;
}

.themed-block-blue {
  color: #FFFFFF;
  background: #0083c7 !important;
}

.themed-block-light-grey {
  color: #4D4D4D;
  background: #ededed !important;
}

.themed-block-orange {
  color: #FFFFFF;
  background: #ff6600 !important;
}

.themed-block-blue .statistic-text-one,
.themed-block-blue .statistic-text-two,
.themed-block-blue .statistic-value,
.themed-block-blue .statistic-details a,
.themed-block-blue .audience-list a,
.themed-block-blue a.audience-label,
.themed-block-blue .block-the-four-steps > h2,
.themed-block-blue .block-the-four-steps ul li p,
.themed-block-blue .block-the-four-steps ul li p a,
.themed-block-blue.featured-page .node-page .title,
.themed-block-orange .statistic-text-one,
.themed-block-orange .statistic-text-two,
.themed-block-orange .statistic-value,
.themed-block-orange .statistic-details a,
.themed-block-orange .audience-list a,
.themed-block-orange a.audience-label,
.themed-block-orange .block-the-four-steps > h2,
.themed-block-orange .block-the-four-steps ul li p,
.themed-block-orange .block-the-four-steps ul li p a,
.themed-block-orange.featured-page .node-page .title {
  color: #FFFFFF !important;
}

.themed-block-blue .block-the-four-steps ul li p a,
.themed-block-orange .block-the-four-steps ul li p a {
  border-bottom: 1px solid #FFFFFF;
}

.themed-block-blue .block-the-four-steps ul li p a:hover,
.themed-block-orange .block-the-four-steps ul li p a:hover {
  border-bottom: 1px solid #4D4D4D;
}

.themed-block-light-grey.featured-articles .title,
.themed-block-light-grey .block-smart-rules li,
.themed-block-light-grey .block-smart-rules,
.themed-block-white.featured-articles .title,
.themed-block-white .block-smart-rules li,
.themed-block-white .block-smart-rules {
  color: #4D4D4D !important;
  border-color: #4D4D4D !important;
}

ol {
  counter-reset: li;
}

ol li {
  margin-bottom: 20px;
  position: relative;
  counter-increment: li;
  padding-left: 50px;
}

ol li:before {
  position: absolute;
  left: 10px;
  content: counter(li);
  color: #FFFFFF;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 20px;
  border-radius: 50%;
  background: #0083c7;
}

.themed-block-blue ol li:before {
  background: #ff6600;
}

ol li[style*="center;"] {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

ol li[style*="center;"]:before {
  position: static;
  display: block;
  margin: 0 auto;
}

.field-type-text-long ul,
.field-type-text-with-summary ul {
  overflow: hidden;
  margin-bottom: 30px !important;
}

.field-type-text-long ul:after,
.field-type-text-with-summary ul:after {
  content: '';
  display: block;
  clear: both;
}

.field-type-text-long ul li,
.field-type-text-with-summary ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.field-type-text-long ul li:before,
.field-type-text-with-summary ul li:before {
  position: absolute;
  left: 0;
  content: "\2022";
  color: #0083c7;
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
}

/*
    Media
*/
img {
  max-width: 100%;
  height: auto;
}

iframe {
  width: 100%;
  border: none;
}

iframe.no-respond {
  width: auto;
}

.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-wrapper {
  width: 50%;
}

@media screen and (max-width: 760px) {
  .responsive-wrapper {
    width: 100%;
  }
}

/*
	Tables
*/
@media screen and (max-width: 760px) {
  .responsive-table {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: .01%;
    overflow-x: auto;
  }
}

table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border: 1px solid #4D4D4D;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 20px;
  clear: both;
}

@media screen and (max-width: 760px) {
  table {
    max-width: 500px;
  }
}

table thead {
  background: #EEEEEE;
}

table tr td, table tr th {
  padding: 8px;
  vertical-align: top;
  line-height: 1.4em;
  color: #000000;
}

/*
    Button medium Orange
*/
.button-medium, input[type="submit"], .quiz-start-link, .node-quiz .download-quiz,
.button-large {
  display: inline-block;
  line-height: 1.4em;
}

.button-medium:focus, input:focus[type="submit"], .quiz-start-link:focus, .node-quiz .download-quiz:focus,
.button-large:focus {
  outline: none;
}

.button-medium, input[type="submit"], .quiz-start-link, .node-quiz .download-quiz {
  background: #FF6600;
  color: #FFFFFF !important;
  padding: 10px;
  border: none;
  transition: background .3s ease-in-out, box-shadow .3s ease-in-out, color .3s ease-in-out;
}

.button-medium:hover, input:hover[type="submit"], .quiz-start-link:hover, .node-quiz .download-quiz:hover {
  background: #ff751a;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}

.button-large {
  background: #FF6600;
  color: #FFFFFF !important;
  font-size: calc(18px + 19 * ((100vw - 420px) / 860));
  margin-bottom: 20px;
  padding: 10px 20px;
  border: none;
  transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 1280px) {
  .button-large {
    font-size: 37px;
  }
}

@media screen and (max-width: 420px) {
  .button-large {
    font-size: 18px;
  }
}

.button-large:hover {
  background: #ff751a;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}

.button-block {
  display: block;
}

/*
    Input
*/
/*
	@base mixins
*/
.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*
	@base utility
*/
.getlocations-map-container .event-item, .view-events ul:not(.pager) .event-item {
  background: #FFFFFF;
  display: block;
  padding-bottom: 15px;
  position: relative;
  text-align: left;
  transition: box-shadow .3s ease-in-out;
}

.getlocations-map-container .event-item p, .view-events ul:not(.pager) .event-item p {
  color: #4D4D4D;
}

.getlocations-map-container .event-item .card-date-time, .view-events ul:not(.pager) .event-item .card-date-time {
  overflow: hidden;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 20px;
  transition: border .3s ease-in-out;
}

.getlocations-map-container .event-item .card-date-time .card-date, .view-events ul:not(.pager) .event-item .card-date-time .card-date {
  float: left;
}

.getlocations-map-container .event-item .card-date-time .card-time, .view-events ul:not(.pager) .event-item .card-date-time .card-time {
  float: right;
}

.getlocations-map-container .event-item .card-title, .view-events ul:not(.pager) .event-item .card-title {
  font-weight: bold;
  max-width: 800px;
  margin: 50px auto;
  text-align: center;
}

.getlocations-map-container .event-item .card-location, .view-events ul:not(.pager) .event-item .card-location {
  position: relative;
  padding-left: 20px;
  color: #4D4D4D;
}

.getlocations-map-container .event-item .card-location:before, .view-events ul:not(.pager) .event-item .card-location:before {
  position: absolute;
  left: 0;
  content: '';
  background: url("../img/location-pin@2x.png") no-repeat;
  background-size: 14px 20px;
  width: 14px;
  height: 20px;
}

.getlocations-map-container .event-item .card-location, .view-events ul:not(.pager) .event-item .card-location {
  bottom: 40px;
  left: 20px;
  margin: 0;
  position: absolute;
}

.getlocations-map-container .event-item .locality, .view-events ul:not(.pager) .event-item .locality,
.getlocations-map-container .event-item .vcard,
.view-events ul:not(.pager) .event-item .vcard {
  display: none;
}

ol, .field-type-text-long ul,
.field-type-text-with-summary ul, .footer-two ul, .footer-three ul, .block-connect-with-us ul, .block-smart-rules ul, .menu-main ul, .menu-main li, .menu-secondary ul, .menu-secondary li, .page-search .pager, .hero .hero-slides ul, .audiences-container .audience-block .audience-list, .featured-articles-list,
.articles-and-resources-list, .latest-tweets-container ul, .view-events ul:not(.pager), .view-events ul.pager, .prev-next, .breadcrumbs, .supporters-statistics-grouped .supporters-statistics-total .supporters-statistics-total-overall ul, .supporters-statistics-grouped .supporters-statistics-total-by-sector ul, .supporters-glossary-container .item-list ul, .supporters-glossary-container .supporters-glossary-random ul,
.supporters-glossary-container .supporters-glossary-view ul, .tags,
.blog-tags-list, .news-wrapper .news-teaser ul, .news-wrapper .item-list-pager ul, .news-archive-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.block-connect-with-us ul li a span, .block-newsletter .newsletter-email-address-field label, .icon-search span, .gm-style-mtc {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.front .field-type-text-with-summary, .container, .content-block-item .field-type-entityreference, .answering-form,
#quiz-progress,
#quiz_score_possible, #quiz_score_percent, #quiz-take-question-feedback-form, .well, .footer-one .container, .footer-one .answering-form, .footer-one .well, .field-type-text-long, .sidebar-first .page, .page-navigation404 .page, .drupal-messages, .featured-page .node-page, .from-other-organisations .field, .from-the-uksic .field, .block-helpline-hotline-section .container, .block-helpline-hotline-section .answering-form, .block-helpline-hotline-section .well, .resources-from-the-day .field-type-entityreference, .block-smart-rules ul, .block-the-four-steps, .what-happen-on-the-day .field, .related-child-pages .field, .related-resources .field, .page-user .page, .menu-main ul, .menu-secondary ul, .related-pages-block, .page-search .page, .webform-confirmation, .links, .audiences-container .audiences, .child-pages, .featured-articles-list,
.articles-and-resources-list, .latest-articles-and-resources .articles-and-resources-list, .latest-tweets-container .latest-tweets, .latest-from-uksic .promoted-to-frontpage-list, .archive-container .archive, .upcoming-year-container .upcoming-year, .testimonials-container .testimonials, .view-events, .breadcrumbs, .supporters-statistics-grouped, .node-type-article .page, .node-type-resource > .page, .news-wrapper {
  max-width: 1300px;
  padding: 0 20px;
  margin: 0 auto;
}

.audiences-container .audience-block .audience-label,
.audiences-container .audience-block a.audience-label, .archive-container .archive .featured-image .title {
  color: #222;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.front .field-type-text-with-summary, .node-content-container, .field-type-text-long, .main-content .content-block-item, .who-we-are, .main-content .related-pages-block, .audiences-container, .featured-articles-list, .latest-articles-and-resources, .latest-from-uksic, .archive-container, .upcoming-year-container, .testimonials-container, .supporters-glossary-container {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .front .field-type-text-with-summary, .node-content-container, .field-type-text-long, .main-content .content-block-item, .who-we-are, .main-content .related-pages-block, .audiences-container, .featured-articles-list, .latest-articles-and-resources, .latest-from-uksic, .archive-container, .upcoming-year-container, .testimonials-container, .supporters-glossary-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.block-brought-to-you-by {
  max-width: 1500px;
  padding: 0 20px;
  margin: 0 auto;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block-how-to-get-involved, .block-smart-rules, .block-things-todo-now, .block-who-gets-involved, .block-get-involved, .block-why-get-involved, .audiences-container, .view-events-container {
  padding: 40px;
  text-align: center;
  overflow: hidden;
}

.block-how-to-get-involved:after,
.block-smart-rules:after,
.block-things-todo-now:after,
.block-who-gets-involved:after,
.block-get-involved:after,
.block-why-get-involved:after,
.audiences-container:after,
.view-events-container:after {
  content: '';
  display: block;
  clear: both;
}

.block-how-to-get-involved p, .block-smart-rules p, .block-things-todo-now p, .block-who-gets-involved p, .block-get-involved p, .block-why-get-involved p, .audiences-container p, .view-events-container p {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 40px;
}

@media screen and (max-width: 760px) {
  .block-how-to-get-involved, .block-smart-rules, .block-things-todo-now, .block-who-gets-involved, .block-get-involved, .block-why-get-involved, .audiences-container, .view-events-container {
    padding: 20px;
  }
}

.block-why-get-involved {
  padding: 0 20%;
  margin-bottom: 60px;
}

@media screen and (max-width: 760px) {
  .block-why-get-involved {
    padding: 0 20px;
  }
}

.node-resource.teaser .title {
  position: absolute;
  bottom: -10px;
  left: 10px;
  display: inline-block;
  background: #EEEEEE;
  color: #4D4D4D !important;
  padding: 10px 20px;
  margin-bottom: 0;
  transition: color .3s ease-in-out, background .3s ease-in-out;
  font-size: 15px;
  max-width: 90%;
}

.from-other-organisations, .from-the-uksic, .what-happen-on-the-day .field-item, .related-child-pages .node-teaser, .child-pages ul li, .featured-articles-list, .latest-articles-and-resources, .latest-from-uksic {
  /* margin-bottom: $gutter; */
}

.from-other-organisations .node-article, .from-the-uksic .node-article, .what-happen-on-the-day .field-item .node-article, .related-child-pages .node-teaser .node-article, .child-pages ul li .node-article, .featured-articles-list .node-article, .latest-articles-and-resources .node-article, .latest-from-uksic .node-article,
.from-other-organisations .node-resource,
.from-the-uksic .node-resource,
.what-happen-on-the-day .field-item .node-resource,
.related-child-pages .node-teaser .node-resource,
.child-pages ul li .node-resource,
.featured-articles-list .node-resource,
.latest-articles-and-resources .node-resource,
.latest-from-uksic .node-resource {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  /* margin-bottom: $gutter; */
}

.from-other-organisations .node-article:after,
.from-the-uksic .node-article:after,
.what-happen-on-the-day .field-item .node-article:after,
.related-child-pages .node-teaser .node-article:after,
.child-pages ul li .node-article:after,
.featured-articles-list .node-article:after,
.latest-articles-and-resources .node-article:after,
.latest-from-uksic .node-article:after,
.from-other-organisations .node-resource:after,
.from-the-uksic .node-resource:after,
.what-happen-on-the-day .field-item .node-resource:after,
.related-child-pages .node-teaser .node-resource:after,
.child-pages ul li .node-resource:after,
.featured-articles-list .node-resource:after,
.latest-articles-and-resources .node-resource:after,
.latest-from-uksic .node-resource:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1090px) {
  .from-other-organisations .node-article, .from-the-uksic .node-article, .what-happen-on-the-day .field-item .node-article, .related-child-pages .node-teaser .node-article, .child-pages ul li .node-article, .featured-articles-list .node-article, .latest-articles-and-resources .node-article, .latest-from-uksic .node-article,
  .from-other-organisations .node-resource,
  .from-the-uksic .node-resource,
  .what-happen-on-the-day .field-item .node-resource,
  .related-child-pages .node-teaser .node-resource,
  .child-pages ul li .node-resource,
  .featured-articles-list .node-resource,
  .latest-articles-and-resources .node-resource,
  .latest-from-uksic .node-resource {
    width: 50%;
  }
}

@media screen and (max-width: 760px) {
  .from-other-organisations .node-article, .from-the-uksic .node-article, .what-happen-on-the-day .field-item .node-article, .related-child-pages .node-teaser .node-article, .child-pages ul li .node-article, .featured-articles-list .node-article, .latest-articles-and-resources .node-article, .latest-from-uksic .node-article,
  .from-other-organisations .node-resource,
  .from-the-uksic .node-resource,
  .what-happen-on-the-day .field-item .node-resource,
  .related-child-pages .node-teaser .node-resource,
  .child-pages ul li .node-resource,
  .featured-articles-list .node-resource,
  .latest-articles-and-resources .node-resource,
  .latest-from-uksic .node-resource {
    width: 100%;
  }
}

.from-other-organisations ul, .from-the-uksic ul, .what-happen-on-the-day .field-item ul, .related-child-pages .node-teaser ul, .child-pages ul li ul, .featured-articles-list ul, .latest-articles-and-resources ul, .latest-from-uksic ul {
  list-style: none;
  *zoom: 1;
  padding-left: 0;
  /* margin-bottom: 50px; */
}

.from-other-organisations ul:before, .from-the-uksic ul:before, .what-happen-on-the-day .field-item ul:before, .related-child-pages .node-teaser ul:before, .child-pages ul li ul:before, .featured-articles-list ul:before, .latest-articles-and-resources ul:before, .latest-from-uksic ul:before, .from-other-organisations ul:after, .from-the-uksic ul:after, .what-happen-on-the-day .field-item ul:after, .related-child-pages .node-teaser ul:after, .child-pages ul li ul:after, .featured-articles-list ul:after, .latest-articles-and-resources ul:after, .latest-from-uksic ul:after {
  content: " ";
  display: table;
}

.from-other-organisations ul:after, .from-the-uksic ul:after, .what-happen-on-the-day .field-item ul:after, .related-child-pages .node-teaser ul:after, .child-pages ul li ul:after, .featured-articles-list ul:after, .latest-articles-and-resources ul:after, .latest-from-uksic ul:after {
  clear: both;
}

.from-other-organisations ul li article > a, .from-the-uksic ul li article > a, .what-happen-on-the-day .field-item ul li article > a, .related-child-pages .node-teaser ul li article > a, .child-pages ul li ul li article > a, .featured-articles-list ul li article > a, .latest-articles-and-resources ul li article > a, .latest-from-uksic ul li article > a {
  display: block;
  color: #4D4D4D;
}

.from-other-organisations .featured-image, .from-the-uksic .featured-image, .what-happen-on-the-day .field-item .featured-image, .related-child-pages .node-teaser .featured-image, .child-pages ul li .featured-image, .featured-articles-list .featured-image, .latest-articles-and-resources .featured-image, .latest-from-uksic .featured-image {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 30px;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.from-other-organisations .featured-image.has-image, .from-the-uksic .featured-image.has-image, .what-happen-on-the-day .field-item .featured-image.has-image, .related-child-pages .node-teaser .featured-image.has-image, .child-pages ul li .featured-image.has-image, .featured-articles-list .featured-image.has-image, .latest-articles-and-resources .featured-image.has-image, .latest-from-uksic .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.from-other-organisations .featured-image .content, .from-the-uksic .featured-image .content, .what-happen-on-the-day .field-item .featured-image .content, .related-child-pages .node-teaser .featured-image .content, .child-pages ul li .featured-image .content, .featured-articles-list .featured-image .content, .latest-articles-and-resources .featured-image .content, .latest-from-uksic .featured-image .content {
  position: absolute;
  bottom: -10px;
  left: 10px;
  z-index: 1;
  text-align: left;
}

.from-other-organisations .featured-image .content .title, .from-the-uksic .featured-image .content .title, .what-happen-on-the-day .field-item .featured-image .content .title, .related-child-pages .node-teaser .featured-image .content .title, .child-pages ul li .featured-image .content .title, .featured-articles-list .featured-image .content .title, .latest-articles-and-resources .featured-image .content .title, .latest-from-uksic .featured-image .content .title {
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  color: #4D4D4D !important;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  text-align: left;
  max-width: 350px;
}

.from-other-organisations .featured-image .reveal, .from-the-uksic .featured-image .reveal, .what-happen-on-the-day .field-item .featured-image .reveal, .related-child-pages .node-teaser .featured-image .reveal, .child-pages ul li .featured-image .reveal, .featured-articles-list .featured-image .reveal, .latest-articles-and-resources .featured-image .reveal, .latest-from-uksic .featured-image .reveal {
  background: #ededed;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  opacity: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
}

.from-other-organisations .featured-image .reveal:after, .from-the-uksic .featured-image .reveal:after, .what-happen-on-the-day .field-item .featured-image .reveal:after, .related-child-pages .node-teaser .featured-image .reveal:after, .child-pages ul li .featured-image .reveal:after, .featured-articles-list .featured-image .reveal:after, .latest-articles-and-resources .featured-image .reveal:after, .latest-from-uksic .featured-image .reveal:after {
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  background-image: url("../img/arrow-right-gray-small@2x.png");
  width: 12px;
  height: 17px;
  display: inline-block;
  background-size: 12px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .from-other-organisations .featured-image .reveal:after, .no-backgroundsize .from-the-uksic .featured-image .reveal:after, .no-backgroundsize .what-happen-on-the-day .field-item .featured-image .reveal:after, .what-happen-on-the-day .no-backgroundsize .field-item .featured-image .reveal:after, .no-backgroundsize .related-child-pages .node-teaser .featured-image .reveal:after, .related-child-pages .no-backgroundsize .node-teaser .featured-image .reveal:after, .no-backgroundsize .child-pages ul li .featured-image .reveal:after, .child-pages ul .no-backgroundsize li .featured-image .reveal:after, .no-backgroundsize .featured-articles-list .featured-image .reveal:after, .no-backgroundsize .latest-articles-and-resources .featured-image .reveal:after, .no-backgroundsize .latest-from-uksic .featured-image .reveal:after {
  background-image: url("../img/arrow-right-gray-small.png");
}

.from-other-organisations .featured-image .reveal .field-type-text-with-summary, .from-the-uksic .featured-image .reveal .field-type-text-with-summary, .what-happen-on-the-day .field-item .featured-image .reveal .field-type-text-with-summary, .related-child-pages .node-teaser .featured-image .reveal .field-type-text-with-summary, .child-pages ul li .featured-image .reveal .field-type-text-with-summary, .featured-articles-list .featured-image .reveal .field-type-text-with-summary, .latest-articles-and-resources .featured-image .reveal .field-type-text-with-summary, .latest-from-uksic .featured-image .reveal .field-type-text-with-summary,
.from-other-organisations .featured-image .reveal p,
.from-the-uksic .featured-image .reveal p,
.what-happen-on-the-day .field-item .featured-image .reveal p,
.related-child-pages .node-teaser .featured-image .reveal p,
.child-pages ul li .featured-image .reveal p,
.featured-articles-list .featured-image .reveal p,
.latest-articles-and-resources .featured-image .reveal p,
.latest-from-uksic .featured-image .reveal p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  color: #4D4D4D;
  margin-bottom: 5px;
}

.from-other-organisations .featured-image:hover .title, .from-the-uksic .featured-image:hover .title, .what-happen-on-the-day .field-item .featured-image:hover .title, .related-child-pages .node-teaser .featured-image:hover .title, .child-pages ul li .featured-image:hover .title, .featured-articles-list .featured-image:hover .title, .latest-articles-and-resources .featured-image:hover .title, .latest-from-uksic .featured-image:hover .title {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  color: #FFFFFF !important;
  background: #0083c7;
}

.from-other-organisations .featured-image:hover .reveal, .from-the-uksic .featured-image:hover .reveal, .what-happen-on-the-day .field-item .featured-image:hover .reveal, .related-child-pages .node-teaser .featured-image:hover .reveal, .child-pages ul li .featured-image:hover .reveal, .featured-articles-list .featured-image:hover .reveal, .latest-articles-and-resources .featured-image:hover .reveal, .latest-from-uksic .featured-image:hover .reveal {
  opacity: 1;
}

@media screen and (max-width: 1090px) {
  .from-other-organisations .featured-image:hover .reveal, .from-the-uksic .featured-image:hover .reveal, .what-happen-on-the-day .field-item .featured-image:hover .reveal, .related-child-pages .node-teaser .featured-image:hover .reveal, .child-pages ul li .featured-image:hover .reveal, .featured-articles-list .featured-image:hover .reveal, .latest-articles-and-resources .featured-image:hover .reveal, .latest-from-uksic .featured-image:hover .reveal {
    opacity: 0;
  }
}

.ie8 .reveal {
  border: 1px solid #4D4D4D;
}

/*
	@base base
*/
html {
  box-sizing: border-box;
}

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

html, body {
  min-height: 100%;
  height: 100%;
}

/* .container { */
/* 	max-width: $fixed-width; */
/* 	padding: 0 $gutter; */
/* 	margin: 0 auto; */
/* } */
img[style*="left"] {
  margin: 10px 20px 20px 0;
}

img[style*="right"] {
  margin: 10px 0 20px 20px;
}

@media screen and (max-width: 760px) {
  p[style*="center"] {
    padding: 0 20px !important;
  }
}

/*
	@base site-header
*/

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

.header {
  height: 85px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  transition: all .3s ease-in-out;
}

body.admin-menu .header {
  margin-top: 29px;
}

.header.sticky {
  position: fixed;
  height: 64px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: slideInDown;
  z-index: 800;
}

@media screen and (max-width: 830px) {
  .header.sticky {
    background: #FFFFFF;
    height: 44px;
  }
}

/*
  Footer Styles
*/
.footer-one,
.footer-two,
.footer-three {
  padding: 40px;
}

@media screen and (max-width: 760px) {
  .footer-one,
  .footer-two,
  .footer-three {
    padding: 20px 10px;
  }
}

.footer-one {
  color: #4D4D4D;
  background: #ededed;
}

.footer-one:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .footer-one {
    background: #FFFFFF;
  }
}

.footer-one .container:after,
.footer-one .content-block-item .field-type-entityreference:after,
.content-block-item .footer-one .field-type-entityreference:after,
.footer-one .answering-form:after,
.footer-one #quiz-progress:after,
.footer-one #quiz_score_possible:after,
.footer-one #quiz_score_percent:after,
.footer-one #quiz-take-question-feedback-form:after,
.footer-one .well:after {
  content: '';
  display: block;
  clear: both;
}

.footer-one .block-connect-with-us,
.footer-one .block-newsletter {
  float: left;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.footer-one .block-connect-with-us:after,
.footer-one .block-newsletter:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .footer-one .block-connect-with-us,
  .footer-one .block-newsletter {
    width: 100%;
  }
}

.footer-two {
  background: #FFFFFF;
  text-align: center;
}

.footer-two p {
  margin-bottom: 60px;
}

.footer-two .wrap {
  overflow: hidden;
}

.footer-two .footer-organisations li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer-two .footer-organisations li:last-child {
  margin-right: 0;
}

.footer-two .footer-organisations li a,
.footer-two .footer-organisations li span {
  display: block;
}

.footer-two .footer-organisations li.organisation-childnet-international a,
.footer-two .footer-organisations li.organisation-childnet-international span {
  background-image: url("../img/childnet-logo@2x.png");
  width: 200px;
  height: 55px;
  display: inline-block;
  background-size: 200px 55px;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 55px;
}

.no-backgroundsize .footer-two .footer-organisations li.organisation-childnet-international a, .no-backgroundsize
.footer-two .footer-organisations li.organisation-childnet-international span {
  background-image: url("../img/childnet-logo.png");
}

.footer-two .footer-organisations li.organisation-iwf a,
.footer-two .footer-organisations li.organisation-iwf span {
  background-image: url("../img/iwf-logo@2x.png");
  width: 120px;
  height: 72px;
  display: inline-block;
  background-size: 120px 72px;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 72px;
}

.no-backgroundsize .footer-two .footer-organisations li.organisation-iwf a, .no-backgroundsize
.footer-two .footer-organisations li.organisation-iwf span {
  background-image: url("../img/iwf-logo.png");
}

.footer-two .footer-organisations li.organisation-swgfl a,
.footer-two .footer-organisations li.organisation-swgfl span {
  background-image: url("../img/swgfl-logo@2x.png");
  width: 220px;
  height: 67px;
  display: inline-block;
  background-size: 220px 67px;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 55px;
}

.no-backgroundsize .footer-two .footer-organisations li.organisation-swgfl a, .no-backgroundsize
.footer-two .footer-organisations li.organisation-swgfl span {
  background-image: url("../img/swgfl-logo.png");
}

.footer-two .footer-organisations li.organisation-inhope-insafe a,
.footer-two .footer-organisations li.organisation-inhope-insafe span {
  background-image: url("../img/inhope-logo@2x.png");
  width: 120px;
  height: 69px;
  display: inline-block;
  background-size: 120px 69px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .footer-two .footer-organisations li.organisation-inhope-insafe a, .no-backgroundsize
.footer-two .footer-organisations li.organisation-inhope-insafe span {
  background-image: url("../img/inhope-logo.png");
}

.footer-two .footer-organisations li.organisation-eu a,
.footer-two .footer-organisations li.organisation-eu span {
  background-image: url("../img/eu-flag@2x.png");
  width: 400px;
  height: 44px;
  display: inline-block;
  background-size: 400px 44px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .footer-two .footer-organisations li.organisation-eu a, .no-backgroundsize
.footer-two .footer-organisations li.organisation-eu span {
  background-image: url("../img/eu-flag.png");
}

.footer-two .footer-organisations-left {
  float: left;
  float: left;
  width: 54.1666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.footer-two .footer-organisations-left:after {
  content: '';
  display: block;
  clear: both;
}

.footer-two .footer-organisations-right {
  float: right;
  float: left;
  width: 45.8333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.footer-two .footer-organisations-right:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1090px) {
  .footer-two li {
    display: block !important;
    margin-bottom: 20px;
  }
  .footer-two .footer-organisations-right, .footer-two .footer-organisations-left {
    float: none;
    float: left;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    min-height: 1px;
  }
  .footer-two .footer-organisations-right:after,
.footer-two .footer-organisations-left:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media screen and (max-width: 760px) {
  .footer-two {
    display: none;
  }
}

.footer-three {
  background: #4D4D4D;
  text-align: center;
}

.footer-three ul {
  margin-bottom: 30px;
}

.footer-three ul:after {
  content: '';
  display: block;
  clear: both;
}

.footer-three ul li {
  display: inline-block;
  margin-right: 20px;
}

.footer-three ul li a {
  color: #FFFFFF;
  border-bottom: 1px solid transparent;
  transition: border .3s ease-in-out;
}

.footer-three ul li a:hover {
  border-bottom: 1px solid #FFFFFF;
}

.footer-three p {
  color: #ABABAB;
}

@media screen and (max-width: 760px) {
  .footer-three {
    padding: 0;
  }
  .footer-three ul {
    margin-bottom: 0 !important;
  }
  .footer-three ul li {
    display: block !important;
    border-bottom: 1px solid gray;
  }
  .footer-three ul li a {
    position: relative;
    display: block;
    padding: 20px;
    text-align: left;
    border-style: none;
  }
  .footer-three ul li a:hover {
    border-style: none;
  }
  .footer-three ul li a:before {
    position: absolute;
    right: 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    background: url("../img/arrow-right.svg") no-repeat right;
  }
  .footer-three p {
    font-size: 12px;
    margin-bottom: 0;
    padding: 20px;
  }
}

@media screen and (max-width: 760px) {
  .block-connect-with-us {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
  }
}

.block-connect-with-us ul:after {
  content: '';
  display: block;
  clear: both;
}

.block-connect-with-us ul li {
  display: inline-block;
  margin-right: 30px;
}

.block-connect-with-us ul li a {
  color: #4D4D4D;
  display: block;
  font-family: 'Font Awesome 5 Brands';
  transition: color .3s ease-in-out;
}

.block-connect-with-us ul li a:after {
  content: '';
  display: block;
  clear: both;
}

.block-connect-with-us ul li a:before {
  display: inline-block;
  font-size: 30px;
  font-family: 'Font Awesome 5 Brands';
  line-height: 30px;
}

@media screen and (max-width: 760px) {
  .block-connect-with-us ul li a:before {
    font-size: 27px;
    line-height: 27px;
  }
}

.block-connect-with-us ul li a.facebook:before {
  content: '\f39e';
}

.block-connect-with-us ul li a.facebook:hover {
  color: #3b5998;
}

.block-connect-with-us ul li a.twitter:before {
  content: '\f099 ';
}

.block-connect-with-us ul li a.twitter:hover {
  color: #00aced;
}

.block-connect-with-us ul li a.rss {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.block-connect-with-us ul li a.rss:before {
  content: '\f09e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.block-connect-with-us ul li a.rss:hover {
  color: #FF6600;
}

.block-connect-with-us ul li a.youtube:before {
  content: '\f167';
}

.block-connect-with-us ul li a.youtube:hover {
  color: #bb0000;
}

.block-connect-with-us ul li a.instagram:before {
  content: '\f16d';
}

.block-connect-with-us ul li a.instagram:hover {
  color: #125688;
}

@media screen and (max-width: 760px) {
  .block-connect-with-us {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
  }
  .block-connect-with-us a:before {
    font-size: 40px;
    line-height: 40px;
  }
}

.block-newsletter .title {
  margin-bottom: 10px;
}

.block-newsletter .form-required {
  color: #4D4D4D;
}

.block-newsletter .newsletter-email-address-field {
  margin-bottom: 10px;
}

.block-newsletter .newsletter-email-address-field input {
  width: 100%;
  padding: 10px;
  border: 1px solid transparent;
  transition: border .3s ease-in-out;
}

@media screen and (max-width: 760px) {
  .block-newsletter .newsletter-email-address-field input {
    box-shadow: 0 2px 10px 2px #EEEEEE;
  }
}

.block-newsletter .newsletter-email-address-field input:focus {
  border: 1px solid #FF6600;
}

.block-newsletter .newsletter-email-address-field input:focus {
  outline: none;
}

.contra a {
  color: #FFFFFF;
  border-bottom: 1px solid transparent;
  transition: border .3s ease-in-out;
}

.contra a:hover {
  border-bottom: 1px solid #FFFFFF;
}

/*
	@base site-menu
*/
.icon-menu,
.icon-phone {
  display: none !important;
}

@media screen and (max-width: 830px) {
  .icon-menu,
  .icon-phone {
    display: block !important;
  }
}

.icon-menu {
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url("../img/menu-icon-white@2x.png");
  width: 24px;
  height: 20px;
  display: inline-block;
  background-size: 24px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
}

.no-backgroundsize .icon-menu {
  background-image: url("../img/menu-icon-white.png");
}

.sticky .icon-menu {
  top: 10px;
  background-image: url("../img/menu-icon-blue@2x.png");
  width: 24px;
  height: 20px;
  display: inline-block;
  background-size: 24px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .sticky .icon-menu {
  background-image: url("../img/menu-icon-blue.png");
}

html.open-menu .icon-menu {
  background-image: url("../img/close-icon-white@2x.png");
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize html.open-menu .icon-menu {
  background-image: url("../img/close-icon-white.png");
}

.no-hero .icon-menu {
  background-image: url("../img/menu-icon-blue@2x.png");
  width: 24px;
  height: 20px;
  display: inline-block;
  background-size: 24px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .no-hero .icon-menu {
  background-image: url("../img/menu-icon-blue.png");
}

.no-hero .icon-phone {
  background-image: url("../img/phone-icon-blue@2x.png");
  width: 26px;
  height: 22px;
  display: inline-block;
  background-size: 26px 22px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .no-hero .icon-phone {
  background-image: url("../img/phone-icon-blue.png");
}

@media screen and (max-width: 830px) {
  html.open-menu body {
    overflow: hidden;
  }
  html.open-menu .header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
    background: #0083c7;
    animation: paused;
    overflow: scroll;
  }
  html.open-menu .mobile-menu {
    padding-top: 40px;
    margin-bottom: 60px;
  }
  html.open-menu .mobile-menu .arrow {
    position: relative;
    display: block;
    text-align: left;
  }
  html.open-menu .mobile-menu .arrow:before {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    background: url("../img/arrow-right.svg") no-repeat right;
  }
  html.open-menu .social-menu {
    margin-bottom: 10px;
  }
  html.open-menu .social-menu a {
    color: #0083c7 !important;
  }
  html.open-menu .social-menu a:hover:before {
    color: #FFFFFF;
  }
  html.open-menu .social-menu a:before {
    font-family: "FontAwesome";
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.5);
    transition: color .3s ease-in-out;
  }
  html.open-menu .social-menu a.facebook:before {
    content: '\f09a';
  }
  html.open-menu .social-menu a.twitter:before {
    content: '\f099';
  }
  html.open-menu .social-menu a.rss-feed:before {
    content: '\f09e';
  }
  html.open-menu .social-menu a.youtube:before {
    content: '\f16a';
  }
  html.open-menu .social-menu a.instagram:before {
    content: '\f16d';
  }
  html.open-menu .mobile-menu,
  html.open-menu .social-menu {
    display: block;
    color: #FFFFFF;
    text-align: left;
  }
  html.open-menu .mobile-menu ul,
  html.open-menu .social-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  html.open-menu .mobile-menu ul li,
  html.open-menu .social-menu ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  html.open-menu .mobile-menu ul li a,
  html.open-menu .social-menu ul li a {
    color: #FFFFFF;
    display: block;
    padding: 10px 0;
  }
  html.open-menu .mobile-menu ul li:last-child,
  html.open-menu .social-menu ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  html.open-menu .site-name,
  html.open-menu .icon-phone {
    display: none;
  }
  html.open-menu #search-block-form {
    display: inline-block;
    position: relative;
    top: initial;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
  }
  html.open-menu #search-block-form > div {
    float: none;
  }
  html.open-menu #search-block-form > div:before, html.open-menu #search-block-form > div:after {
    position: absolute;
    top: 10px;
    bottom: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    content: '';
    z-index: 200;
  }
  html.open-menu #search-block-form > div:before {
    left: 10px;
    background-image: url("../img/search-icon-orange@2x.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .no-backgroundsize html.open-menu #search-block-form > div:before {
    background-image: url("../img/search-icon-orange.png");
  }
  html.open-menu #search-block-form > div:after {
    right: 10px;
    background-image: url("../img/arrow-right-gray@2x.png");
    width: 12px;
    height: 20px;
    display: inline-block;
    background-size: 12px 20px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .no-backgroundsize html.open-menu #search-block-form > div:after {
    background-image: url("../img/arrow-right-gray.png");
  }
  html.open-menu #search-block-form input[type="text"] {
    position: relative;
    border-radius: 0;
    width: 100%;
    border: none;
    padding-left: 40px;
  }
  html.open-menu #search-block-form input[type="text"]:-ms-input-placeholder {
    color: #FFFFFF;
  }
  html.open-menu #search-block-form input[type="text"]::placeholder {
    color: #FFFFFF;
  }
  html.open-menu #search-block-form .form-actions {
    display: none;
  }
}

/*
    Sidebar
*/
.sidebar-first-region h1.title, .sidebar-first-region h2.title, .sidebar-first-region h3.title {
  font-size: 30px;
  line-height: 1.2em;
}

/*
	@base main
*/
#__bs_notify__ {
  top: 95% !important;
  right: 0px !important;
}

body {
  padding-top: 80px;
}

@media screen and (max-width: 830px) {
  body {
    padding-top: 0px;
  }
}

.sidebar-first .page:after {
  content: '';
  display: block;
  clear: both;
}

.sidebar-first .page > .main-content {
  float: left;
  width: 75%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.sidebar-first .page > .main-content:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .sidebar-first .page > .main-content {
    width: 100%;
  }
}

.sidebar-first.no-hero .sidebar-first-region {
  margin-top: 20px;
}

.sidebar-first .sidebar-first-region {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  margin-top: 100px;
  position: static;
  padding: 0 0 0 60px;
  border-left: 1px solid #EEEEEE;
}

.sidebar-first .sidebar-first-region:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .sidebar-first .sidebar-first-region {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .sidebar-first .news-wrapper {
    margin-top: 20px;
  }
  .sidebar-first .sidebar-first-region {
    margin-top: 0;
    border: none;
    padding: 0 20px !important;
  }
  .sidebar-first .news-archive-container li {
    float: left;
    width: 33.3333333333%;
    padding: 0 10px;
    box-sizing: border-box;
    min-height: 1px;
    margin-bottom: 20px;
    min-height: 45px;
  }
  .sidebar-first .news-archive-container li:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media screen and (max-width: 760px) {
  .main-content {
    word-break: break-word;
  }
}

.centred-paragraph {
  max-width: 800px;
  margin: 0 auto 40px;
}

.no-padding {
  padding: 0 !important;
}

/*
    404 styles
*/
.page-navigation404 .header {
  background: #0083c7;
}

.page-navigation404 .page {
  height: calc(100vh - 254px);
  overflow: hidden;
}

.page-navigation404 .page .main-content {
  text-align: center;
  padding-top: 200px;
  font-size: calc(24px + 26 * ((100vw - 420px) / 860));
  line-height: 1em;
}

@media screen and (min-width: 1280px) {
  .page-navigation404 .page .main-content {
    font-size: 50px;
  }
}

@media screen and (max-width: 420px) {
  .page-navigation404 .page .main-content {
    font-size: 24px;
  }
}

/*
    Admin tabs/messages
*/
.admin-menu > footer {
  margin-bottom: 120px !important;
}

.drupal-messages:after {
  content: '';
  display: block;
  clear: both;
}

nav.tabs {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #FFED00;
  background-image: url("../img/contra-logo.jpg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 80px 80px;
  z-index: 10;
  text-align: center;
}

.block_manager_toolbar {
  background: #fff9a3 !important;
  bottom: 42px !important;
  left: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  text-align: center;
  top: auto !important;
}

.block_manager_toolbar a.bm_button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background: none;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #655f19;
  display: inline-block;
  float: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: 12px;
  margin: 0;
  padding: 20px;
  text-decoration: none;
}

.block_manager_toolbar a.bm_button:hover {
  background: #f7ef80;
}

.messages {
  margin-bottom: 20px !important;
}

.slicknav_menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 11;
}

ul.primary {
  border: none;
  margin: 0px;
  padding: 0px;
}

ul.primary:after {
  content: '';
  display: block;
  clear: both;
}

ul.primary li {
  margin: 0px;
  display: inline-block;
}

ul.primary li a {
  color: #000000;
  float: left;
  border: none;
  background: #FFED00;
  margin: 0px;
  padding: 20px;
  transition: background .3s ease-in-out;
}

ul.primary li a.active {
  border: none;
  font-weight: bold;
  background: #FFED00;
}

ul.primary li a:hover {
  background: #f5e400;
}

.block_manager_toolbar {
  position: absolute;
  top: 29px;
  z-index: 10;
  display: block;
}

.image-block {
  padding: 30px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  text-align: center;
}

.image-block h2 {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
}

.image-block[style]:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.image-block div.field-type-text-with-summary {
  padding: 0;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

.image-block div.field-type-text-with-summary p {
  color: #FFFFFF;
  text-align: center;
}

.block-brought-to-you-by p {
  margin: 0 auto 40px;
  max-width: 700px;
}

@media screen and (max-width: 760px) {
  .block-connect-with-us {
    padding: 20px 0 !important;
  }
  .block-connect-with-us ul li {
    margin-right: 20px;
  }
}

.block-connect-with-us .title {
  text-align: left;
  margin-bottom: 10px;
  line-height: 1.2;
}

/*
    Featured page block 
*/
.featured-page.themed-block-blue .node-page .title:after, .featured-page.themed-block-orange .node-page .title:after {
  background-image: url("../img/arrow-right-white@2x.png");
  width: 20px;
  height: 30px;
  display: inline-block;
  background-size: 20px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .featured-page.themed-block-blue .node-page .title:after, .no-backgroundsize .featured-page.themed-block-orange .node-page .title:after {
  background-image: url("../img/arrow-right-white.png");
}

.featured-page .node-page {
  position: relative;
  min-height: 490px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EEEEEE;
}

@media screen and (max-width: 940px) {
  .featured-page .node-page {
    min-height: 400px;
  }
}

@media screen and (max-width: 760px) {
  .featured-page .node-page {
    min-height: 170px;
  }
}

.featured-page .node-page:hover .title:after {
  right: 10px;
}

.featured-page .node-page .featured-image {
  position: absolute;
  top: 0;
  left: 20px;
  width: 450px;
  height: 450px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 450px;
  border-radius: 50%;
}

@media screen and (max-width: 940px) {
  .featured-page .node-page .featured-image {
    width: 350px;
    height: 350px;
    background-size: 350px;
  }
}

@media screen and (max-width: 760px) {
  .featured-page .node-page .featured-image {
    width: 150px;
    height: 150px;
    background-size: 150px;
  }
}

.featured-page .node-page .title {
  position: relative;
  padding-left: 490px;
  padding-top: 100px;
  color: #4D4D4D;
  text-align: left;
  line-height: 50px;
}

@media screen and (max-width: 940px) {
  .featured-page .node-page .title {
    padding-left: 390px;
    padding-top: 30px;
  }
}

@media screen and (max-width: 760px) {
  .featured-page .node-page .title {
    padding-left: 170px;
    padding-top: 10px;
  }
}

.featured-page .node-page .title:after {
  position: absolute;
  bottom: 0;
  right: 30px;
  display: inline-block;
  width: 20px;
  height: 50px;
  line-height: 50px;
  content: '';
  background-image: url("../img/arrow-right-gray@2x.png");
  width: 20px;
  height: 30px;
  display: inline-block;
  background-size: 20px 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: right;
  transition: right .3s ease-in-out;
}

.no-backgroundsize .featured-page .node-page .title:after {
  background-image: url("../img/arrow-right-gray.png");
}

@media screen and (max-width: 940px) {
  .featured-page .node-page .title:after {
    display: none;
  }
}

.featured-page .node-page .reveal {
  display: none;
}

/*
    Resources from other organisations
*/
.from-other-organisations {
  padding: 40px 0;
}

/*
    From the UK Safer internet center block 
*/
.block-helpline-hotline-section {
  overflow: hidden;
}

.block-helpline-hotline-section .helpline-suggestion, .block-helpline-hotline-section .hotline-suggestion {
  float: left;
  margin: 5%;
  width: 40%;
}

.block-helpline-hotline-section .helpline-suggestion-description, .block-helpline-hotline-section .hotline-suggestion-description {
  min-height: 80px;
}

@media screen and (max-width: 760px) {
  .block-helpline-hotline-section .helpline-suggestion-description, .block-helpline-hotline-section .hotline-suggestion-description {
    margin-bottom: 20px;
  }
}

.block-helpline-hotline-section .helpline-suggestion-description p, .block-helpline-hotline-section .hotline-suggestion-description p {
  text-align: left;
}

.block-helpline-hotline-section .helpline-suggestion-link, .block-helpline-hotline-section .hotline-suggestion-link {
  position: relative;
  border-bottom: solid 1px #FFFFFF;
  border-top: solid 1px #FFFFFF;
  display: block;
  padding: 8px 2px;
  padding-right: 10px;
  color: #FFFFFF;
}

.themed-block-white .block-helpline-hotline-section .helpline-suggestion-link, .block-helpline-hotline-section .themed-block-white .helpline-suggestion-link, .themed-block-white .block-helpline-hotline-section .hotline-suggestion-link, .block-helpline-hotline-section .themed-block-white .hotline-suggestion-link,
.themed-block-light-grey .block-helpline-hotline-section .helpline-suggestion-link,
.block-helpline-hotline-section .themed-block-light-grey .helpline-suggestion-link,
.themed-block-light-grey .block-helpline-hotline-section .hotline-suggestion-link,
.block-helpline-hotline-section .themed-block-light-grey .hotline-suggestion-link {
  color: #4D4D4D;
  border-color: #4D4D4D;
}

.themed-block-white .block-helpline-hotline-section .helpline-suggestion-link:after, .block-helpline-hotline-section .themed-block-white .helpline-suggestion-link:after, .themed-block-white .block-helpline-hotline-section .hotline-suggestion-link:after, .block-helpline-hotline-section .themed-block-white .hotline-suggestion-link:after,
.themed-block-light-grey .block-helpline-hotline-section .helpline-suggestion-link:after,
.block-helpline-hotline-section .themed-block-light-grey .helpline-suggestion-link:after,
.themed-block-light-grey .block-helpline-hotline-section .hotline-suggestion-link:after,
.block-helpline-hotline-section .themed-block-light-grey .hotline-suggestion-link:after {
  background-image: url("../img/arrow-right-gray@2x.png");
  width: "$gutter/2";
  height: 20px;
  display: inline-block;
  background-size: "$gutter/2" 20px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .themed-block-white .block-helpline-hotline-section .helpline-suggestion-link:after, .block-helpline-hotline-section .no-backgroundsize .themed-block-white .helpline-suggestion-link:after, .no-backgroundsize .themed-block-white .block-helpline-hotline-section .hotline-suggestion-link:after, .block-helpline-hotline-section .no-backgroundsize .themed-block-white .hotline-suggestion-link:after, .no-backgroundsize .themed-block-light-grey .block-helpline-hotline-section .helpline-suggestion-link:after, .block-helpline-hotline-section .no-backgroundsize .themed-block-light-grey .helpline-suggestion-link:after, .no-backgroundsize .themed-block-light-grey .block-helpline-hotline-section .hotline-suggestion-link:after, .block-helpline-hotline-section .no-backgroundsize .themed-block-light-grey .hotline-suggestion-link:after {
  background-image: url("../img/arrow-right-gray.png");
}

.block-helpline-hotline-section .helpline-suggestion-link:after, .block-helpline-hotline-section .hotline-suggestion-link:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 10px;
  height: 20px;
  content: '';
  display: block;
  background-image: url(../img/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 20px;
  transition: right .3s ease-in-out;
}

.no-svg .block-helpline-hotline-section .helpline-suggestion-link:after, .block-helpline-hotline-section .no-svg .helpline-suggestion-link:after, .no-svg .block-helpline-hotline-section .hotline-suggestion-link:after, .block-helpline-hotline-section .no-svg .hotline-suggestion-link:after {
  background-image: url(../img/arrow-right.png);
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .no-svg .block-helpline-hotline-section .helpline-suggestion-link:after, .block-helpline-hotline-section .no-svg .helpline-suggestion-link:after, .no-svg .block-helpline-hotline-section .hotline-suggestion-link:after, .block-helpline-hotline-section .no-svg .hotline-suggestion-link:after {
    background-image: url(../img/arrow-right@2x.png);
  }
}

.block-helpline-hotline-section .helpline-suggestion-link:hover:after, .block-helpline-hotline-section .hotline-suggestion-link:hover:after {
  right: -10px;
}

.block-helpline-hotline-section {
  color: #FFFFFF;
  margin: 0;
  /* Helpline */
  /* Hotline */
}

.themed-block-white .block-helpline-hotline-section,
.themed-block-light-grey .block-helpline-hotline-section {
  color: #4D4D4D;
  border-color: #4D4D4D;
}

@media screen and (max-width: 760px) {
  .block-helpline-hotline-section {
    margin: 0;
  }
}

.block-helpline-hotline-section .helpline-suggestion-title {
  color: #FFFFFF;
  text-align: left;
  line-height: 1em;
  margin-bottom: 20px;
}

.themed-block-white .block-helpline-hotline-section .helpline-suggestion-title,
.themed-block-light-grey .block-helpline-hotline-section .helpline-suggestion-title {
  color: #4D4D4D;
  border-color: #4D4D4D;
}

.block-helpline-hotline-section .hotline-suggestion {
  border-left: solid 1px #FFFFFF;
  margin: 5% 5% 5% 0;
  padding-left: 5%;
}

.themed-block-white .block-helpline-hotline-section .hotline-suggestion,
.themed-block-light-grey .block-helpline-hotline-section .hotline-suggestion {
  color: #4D4D4D;
  border-color: #4D4D4D;
}

@media screen and (max-width: 760px) {
  .themed-block-white .block-helpline-hotline-section .hotline-suggestion,
  .themed-block-light-grey .block-helpline-hotline-section .hotline-suggestion {
    border: none;
  }
}

.block-helpline-hotline-section .hotline-suggestion-title {
  color: #FFFFFF;
  text-align: left;
  line-height: 1em;
  margin-bottom: 20px;
}

.themed-block-white .block-helpline-hotline-section .hotline-suggestion-title,
.themed-block-light-grey .block-helpline-hotline-section .hotline-suggestion-title {
  color: #4D4D4D;
  border-color: #4D4D4D;
}

@media screen and (max-width: 760px) {
  .block-helpline-hotline-section .helpline-suggestion,
  .block-helpline-hotline-section .hotline-suggestion {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .block-helpline-hotline-section .helpline-suggestion,
  .block-helpline-hotline-section .hotline-suggestion {
    margin: 0;
    padding: 20px;
  }
}

.block-how-to-get-involved {
  background: #FFFFFF;
  color: #4D4D4D;
}

.block-newsletter .title {
  line-height: 1.2;
  text-align: left;
}

.block-newsletter .newsletter-email-address-field .form-required {
  display: block;
  float: left;
  width: 75%;
}

.block-newsletter .newsletter-email-address-field .form-required input {
  height: 42px;
}

@media screen and (max-width: 760px) {
  .block-newsletter .newsletter-email-address-field .form-required {
    width: 65%;
  }
}

.block-newsletter .newsletter-email-address-field .button-medium, .block-newsletter .newsletter-email-address-field input[type="submit"], .block-newsletter .newsletter-email-address-field .quiz-start-link, .block-newsletter .newsletter-email-address-field .node-quiz .download-quiz, .node-quiz .block-newsletter .newsletter-email-address-field .download-quiz {
  float: left;
  height: 42px;
  line-height: 20px;
  width: 20%;
}

@media screen and (max-width: 760px) {
  .block-newsletter .newsletter-email-address-field .button-medium, .block-newsletter .newsletter-email-address-field input[type="submit"], .block-newsletter .newsletter-email-address-field .quiz-start-link, .block-newsletter .newsletter-email-address-field .node-quiz .download-quiz, .node-quiz .block-newsletter .newsletter-email-address-field .download-quiz {
    width: 30%;
  }
}

.resources-from-the-day {
  background: #0083c7;
  color: #FFFFFF;
  padding: 20px 20px 40px;
}

.resources-from-the-day > .title {
  text-align: center;
}

/*
    Smart rules block 
*/
.block-smart-rules {
  color: #FFFFFF;
}

.block-smart-rules ul {
  margin-bottom: 40px;
  text-align: left;
}

.block-smart-rules li {
  position: relative;
  padding: 40px 0;
  border-top: 1px solid #EEEEEE;
}

.block-smart-rules li:last-child {
  border-bottom: 1px solid #EEEEEE;
}

@media screen and (max-width: 760px) {
  .block-smart-rules li {
    padding: 20px 0;
  }
}

.block-smart-rules li p {
  display: inline-block;
  padding-left: 80px;
  padding-right: 0;
  margin-bottom: 0;
}

.block-smart-rules li span {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 75px;
  font-size: 50px;
  padding-left: 10px;
  background: #ff6600;
  color: #FFFFFF;
  border-radius: 50%;
}

.themed-block-orange .block-smart-rules li span {
  background: #0083c7;
}

.block-smart-rules li span.s, .block-smart-rules li span.a {
  padding-left: 18px;
  line-height: 71px;
}

.block-smart-rules li span.m {
  padding-left: 14px;
  line-height: 71px;
}

.block-smart-rules li span.r {
  padding-left: 17px;
  line-height: 71px;
}

.block-smart-rules li span.t {
  padding-left: 19px;
}

.field-type-entityreference {
  padding: 20px 0;
}

.field-type-entityreference:after {
  content: '';
  display: block;
  clear: both;
}

.block-the-four-steps {
  padding-top: 60px;
  text-align: center;
}

.block-the-four-steps > h2 {
  font-size: 54px;
  font-weight: 300;
  color: #4D4D4D;
}

.block-the-four-steps > p {
  max-width: 700px;
  margin: 0 auto;
}

.block-the-four-steps ul {
  list-style: none;
  *zoom: 1;
  padding: 60px 0;
  margin: 0;
}

.block-the-four-steps ul:before, .block-the-four-steps ul:after {
  content: " ";
  display: table;
}

.block-the-four-steps ul:after {
  clear: both;
}

@media screen and (max-width: 1090px) {
  .block-the-four-steps ul {
    margin-bottom: 40px;
  }
}

.block-the-four-steps ul li {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.block-the-four-steps ul li:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1090px) {
  .block-the-four-steps ul li {
    width: 50%;
  }
}

@media screen and (max-width: 760px) {
  .block-the-four-steps ul li {
    width: 100%;
  }
}

@media screen and (max-width: 1090px) {
  .block-the-four-steps ul li {
    margin-bottom: 30px;
  }
}

.block-the-four-steps ul li .counter-primary {
  display: inline-block;
  width: 178px;
  height: 178px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 20px;
  position: relative;
}

.block-the-four-steps ul li .counter-primary.step-1 {
  background-image: url("../img/conversation-step-1@2x.png");
}

.block-the-four-steps ul li .counter-primary.step-2 {
  background-image: url("../img/safety-tools-step-2@2x.png");
}

.block-the-four-steps ul li .counter-primary.step-3 {
  background-image: url("../img/parental-control-step-3@2x.png");
}

.block-the-four-steps ul li .counter-primary.step-4 {
  background-image: url("../img/parents-guide-step-4@2x.png");
}

.block-the-four-steps ul li .counter-primary > span {
  display: inline-block;
  background-color: #ff6600;
  color: #FFFFFF;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -17px;
}

.themed-block-orange .block-the-four-steps ul li .counter-primary > span {
  background-color: #0083c7;
}

.block-the-four-steps ul li p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  padding: 0 30px;
  color: #4D4D4D;
}

.block-things-todo-now {
  background: #FAFAFA;
  color: #4D4D4D;
}

.what-happen-on-the-day {
  padding: 40px;
}

.what-happen-on-the-day:after {
  content: '';
  display: block;
  clear: both;
}

.what-happen-on-the-day > .title {
  text-align: center;
}

.what-happen-on-the-day .field-item {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  position: relative;
  overflow: visible;
}

.what-happen-on-the-day .field-item:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .what-happen-on-the-day .field-item {
    width: 100%;
  }
}

.what-happen-on-the-day .featured-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.what-happen-on-the-day .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.block-who-gets-involved {
  background: url("../img/who-gets-involved-bg@2x.png") no-repeat center;
  background-size: cover;
  color: #FFFFFF;
}

.block-get-involved {
  background: url("../img/be-the-change.jpg") no-repeat center;
  background-size: cover;
  background-position: center center;
  color: #FFFFFF;
}

.who-we-are {
  text-align: center;
}

@media screen and (max-width: 760px) {
  .who-we-are {
    margin-top: 20px;
  }
}

.block-why-get-involved {
  background: #FFFFFF;
  color: #4D4D4D;
}

.node-statistic-set {
  text-align: center;
  padding: 0;
}

.node-statistic-set .field-items {
  overflow: hidden;
  margin: 20px auto 0;
  max-width: 1000px;
}

.node-statistic-set .field-item {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.node-statistic-set .field-item:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .node-statistic-set .field-item {
    width: 100%;
  }
}

.statistic-details {
  text-align: center;
}

.statistic-details .featured-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #EEEEEE;
  border-radius: 50%;
  height: 200px;
  margin: 0 auto 50px;
  position: relative;
  overflow: hidden;
  width: 200px;
}

.statistic-details .statistic-text-one {
  color: #4D4D4D;
  font-size: 20px;
  margin-bottom: 30px;
}

@media screen and (max-width: 760px) {
  .statistic-details .statistic-text-one {
    padding: 0 20px;
  }
}

.statistic-details .statistic-text-two {
  color: #4D4D4D;
  font-size: 20px;
}

.statistic-details .statistic-value {
  color: #ff6600;
  font-size: calc(35px + 25 * ((100vw - 420px) / 860));
  line-height: 1em;
  margin-bottom: 15px;
}

@media screen and (min-width: 1280px) {
  .statistic-details .statistic-value {
    font-size: 60px;
  }
}

@media screen and (max-width: 420px) {
  .statistic-details .statistic-value {
    font-size: 35px;
  }
}

/*
    Related child pages
*/
.related-child-pages .node-teaser article > a {
  color: #4D4D4D;
}

.related-child-pages .node-teaser .featured-image .title {
  max-width: 335px !important;
}

.related-child-pages .node-teaser .featured-image:hover .title {
  color: #FFFFFF !important;
}

.themed-block-blue .related-child-pages .node-teaser .featured-image:hover .title {
  background: #ff6600;
}

/*
    Block with Related Resources (added via the Entity Reference Field)
*/
.related-resources {
  padding: 30px 20px 20px !important;
}

.related-resources .featured-image {
  margin: 0 0 10px !important;
}

.content-block-item .field-type-entityreference {
  text-align: center;
}

.content-block-item .field-type-entityreference .field-item {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.content-block-item .field-type-entityreference .field-item:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .content-block-item .field-type-entityreference .field-item {
    width: 100%;
  }
}

.content-block-item .field-type-entityreference .field-item .node {
  width: 100% !important;
}

.content-block-item .field-type-entityreference .field-item:nth-child(3n+1) {
  clear: left;
}

.content-block-item .item-count-1 .node {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.content-block-item .item-count-1 .node:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .content-block-item .item-count-1 .node {
    width: 100%;
  }
}

.main-content .item-count-2 {
  text-align: center;
}

.main-content .item-count-2 .field-item {
  float: none !important;
  display: inline-block !important;
}

#user-login {
  margin: 80px auto;
  width: 600px;
  font-weight: 500;
}

#user-login .form-required {
  margin-bottom: 20px;
}

#user-login .captcha {
  color: #4D4D4D;
  border: none;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
}

#user-login .captcha .fieldset-description {
  margin-bottom: 20px;
}

#user-login label {
  color: #0083c7;
}

#user-login small {
  color: #ff6600;
}

#user-login input {
  width: 100%;
  padding: 10px;
  border: 1px solid #EEEEEE;
  transition: border .3s ease-in-out;
  box-shadow: 0 2px 4px #EEEEEE;
  background-image: none !important;
}

@media screen and (max-width: 760px) {
  #user-login input {
    box-shadow: 0 2px 10px 2px #EEEEEE;
  }
}

#user-login input:focus {
  border: 1px solid #FF6600;
}

#user-login input:focus {
  outline: none;
}

.page-user .page {
  padding: 60px 20px;
}

.page-user .popup-survey-prompt {
  display: none;
}

/* 
    Mobile Helpline styles
*/
.mobile-helpline {
  display: none;
}

.icon-phone {
  position: absolute;
  top: 10px;
  right: 60px;
  background-image: url("../img/phone-icon-white@2x.png");
  width: 26px;
  height: 22px;
  display: inline-block;
  background-size: 26px 22px;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
}

.no-backgroundsize .icon-phone {
  background-image: url("../img/phone-icon-white.png");
}

.sticky .icon-phone {
  top: 10px;
  background-image: url("../img/phone-icon-blue@2x.png");
  width: 26px;
  height: 22px;
  display: inline-block;
  background-size: 26px 22px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .sticky .icon-phone {
  background-image: url("../img/phone-icon-blue.png");
}

html.open-hotline .icon-phone {
  right: 10px;
  background-image: url("../img/close-icon-white@2x.png");
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize html.open-hotline .icon-phone {
  background-image: url("../img/close-icon-white.png");
}

@media screen and (max-width: 830px) {
  html.open-hotline .mobile-helpline {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0083c7;
    color: #FFFFFF;
    height: 100%;
    display: block;
    font-size: 19px;
    line-height: 23px;
  }
  html.open-hotline .mobile-helpline .content {
    padding: 150px 0 0 10px;
  }
  html.open-hotline .mobile-helpline a {
    display: block;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: bold;
  }
  html.open-hotline .mobile-helpline a.mail {
    text-decoration: underline;
  }
  html.open-hotline .icon-menu {
    display: none;
  }
  html.open-hotline .header {
    animation: paused;
  }
  html.open-hotline body {
    overflow: hidden;
  }
}

.menu-main {
  background: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
  height: 55px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 30px;
}

.menu-main ul > li {
  display: inline-block;
  line-height: 55px;
  padding-left: 20px;
}

.menu-main ul > li ul {
  display: none;
}

.menu-main ul > li.active-trail {
  font-weight: bold;
}

.menu-main ul > li > a {
  color: #4D4D4D;
  font-size: 20px;
  display: block;
  transition: all .3s ease-in-out;
}

.menu-main ul > li:hover > a {
  color: #ff6600;
}

.menu-main ul > li.expanded {
  position: relative;
}

.menu-main ul > li.expanded > ul {
  display: none;
  position: absolute;
  width: 250px;
  height: auto;
  top: 55px;
  left: 20px;
  background: #0083c7;
  text-align: left;
  padding: 13px 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
}

.menu-main ul > li.expanded > ul:before, .menu-main ul > li.expanded > ul:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 15px solid transparent;
  /* arrow size */
}

.menu-main ul > li.expanded > ul:before {
  border-bottom-color: #0083c7;
  /* arrow color */
  /* positioning */
  position: absolute;
  top: -28px;
  left: 20px;
  z-index: 2;
}

.menu-main ul > li.expanded > ul li {
  line-height: 1;
  display: block;
  margin: 0;
  padding: 0;
}

.menu-main ul > li.expanded > ul li > ul {
  display: none !important;
}

.menu-main ul > li.expanded > ul li a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  padding: 7px 0;
  transition: all .3s ease-in-out;
}

.menu-main ul > li.expanded > ul li a:hover {
  padding-left: 10px;
}

.menu-main ul > li.expanded:hover > ul {
  display: block;
}

.sticky .menu-main {
  height: 34px;
}

.sticky .menu-main ul > li {
  display: inline-block;
  line-height: 34px;
  padding-left: 20px;
}

.sticky .menu-main ul > li a {
  color: #4D4D4D;
  font-size: 14px;
  display: block;
}

.sticky .menu-main ul > li:hover > a {
  color: #ff6600;
}

.sticky .menu-main ul > li.expanded {
  position: relative;
}

.sticky .menu-main ul > li.expanded > ul {
  display: none;
  position: absolute;
  width: 230px;
  height: auto;
  top: 34px;
  left: 20px;
  background: #0083c7;
  text-align: left;
  padding: 13px 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
}

.sticky .menu-main ul > li.expanded > ul:before, .sticky .menu-main ul > li.expanded > ul:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 8px solid transparent;
  /* arrow size */
}

.sticky .menu-main ul > li.expanded > ul:before {
  border-bottom-color: #0083c7;
  /* arrow color */
  /* positioning */
  position: absolute;
  top: -15px;
  left: 20px;
  z-index: 2;
}

.sticky .menu-main ul > li.expanded > ul li {
  line-height: 1;
  display: block;
  margin: 0;
  padding: 0;
}

.sticky .menu-main ul > li.expanded > ul li a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  padding: 7px 0;
  transition: all .3s ease-in-out;
}

.sticky .menu-main ul > li.expanded > ul li a:hover {
  padding-left: 10px;
}

.sticky .menu-main ul > li.expanded:hover > ul {
  display: block;
}

.mobile-menu,
.social-menu {
  display: none;
}

.menu-secondary {
  background: #0083c7;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  z-index: 5;
}

.menu-secondary li {
  display: inline-block;
  padding-left: 15px;
}

.menu-secondary li ul {
  display: none;
}

.menu-secondary li a {
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  font-weight: 400;
  transition: all .3s ease-in-out;
}

.menu-secondary li a:hover {
  opacity: .5;
}

.menu-secondary li.active-trail a {
  font-weight: bold;
}

.sticky .menu-secondary {
  background: #FFFFFF;
}

.sticky .menu-secondary li {
  position: relative;
}

.sticky .menu-secondary li a {
  color: #0083c7;
  transition: all .3s ease-in-out;
}

.sticky .menu-secondary li a:after {
  content: '';
  position: absolute;
  width: 110%;
  height: 1px;
  background: #EEEEEE;
  left: -7px;
  bottom: 2px;
}

.sticky .menu-secondary li a:hover {
  opacity: .5;
}

.sticky .menu-secondary li:first-child a:after {
  left: 10px;
}

/*
    Search form styles
*/
#search-block-form {
  position: absolute;
  top: 85px;
  right: 0;
  display: none;
  background: #0083c7;
  padding: 10px;
  z-index: -1;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
}

body.admin-menu #search-block-form {
  top: 85px;
}

html.open-menu body.admin-menu #search-block-form {
  top: 657px;
}

.sticky #search-block-form {
  top: 64px !important;
  right: 0;
}

body.admin-menu .sticky #search-block-form {
  top: 10px;
}

#search-block-form > div {
  float: left;
}

#search-block-form input[type="text"] {
  width: 350px;
  padding: 10px;
  transition: border .3s ease-in-out;
  border: 1px solid transparent;
}

#search-block-form input[type="text"]:focus {
  outline: none;
  border: 1px solid #FF6600;
}

.sticky #search-block-form input[type="text"] {
  padding: 5px;
  width: 275px;
}

#search-block-form .form-item {
  margin: 0 !important;
}

#search-block-form .form-actions {
  margin: 0;
}

#search-block-form .form-actions input {
  margin-left: 10px;
}

.sticky #search-block-form .form-actions input {
  padding: 5px;
}

html.open-search #search-block-form {
  display: block;
}

/*
    Set of teasers with related content to the page
    e.g. on the Safer Internet Days
*/
.related-pages-block {
  overflow: hidden;
}

.related-pages-block > .title {
  text-align: center;
}

.related-pages-block {
  overflow: hidden;
}

.related-pages-block:after {
  content: '';
  display: block;
  clear: both;
}

.related-pages-block .node-page {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.related-pages-block .node-page:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .related-pages-block .node-page {
    width: 100%;
  }
}

/*
    Search results styles
*/
.page-search .page {
  padding-top: 80px;
  margin-bottom: 40px;
  color: #4D4D4D;
}

.page-search .page h2 {
  font-size: 35px;
  margin-bottom: 40px;
}

.page-search .page h3 {
  font-size: 25px;
}

.page-search .page p {
  margin-bottom: 0;
}

.page-search .page article {
  padding-bottom: 20px;
}

.page-search .page article footer {
  display: none;
}

.page-search .search-form {
  display: none;
}

.page-search .pager {
  text-align: center;
}

a.brand {
  position: absolute;
  z-index: 100;
  background: #FFFFFF;
  display: block;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
  padding-top: 0px;
  transition: padding .3s ease-in-out;
}

a.brand:hover {
  padding-top: 10px;
}

.sticky a.brand {
  box-shadow: none;
}

.sticky a.brand:hover {
  padding-top: 0px;
}

.site-name {
  background-image: url(../img/sic-logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 85%;
  height: 109px;
  width: 200px;
  text-indent: -99999px;
  margin-bottom: 0px;
}

.no-svg .site-name {
  background-image: url(../img/sic-logo.png);
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .no-svg .site-name {
    background-image: url(../img/sic-logo@2x.png);
  }
}

.sticky .site-name {
  background-image: url("../img/sic-logo-scroll@2x.png");
  width: 345px;
  height: 60px;
  display: inline-block;
  background-size: 345px 60px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .sticky .site-name {
  background-image: url("../img/sic-logo-scroll.png");
}

@media screen and (max-width: 830px) {
  .menu-main,
  .menu-secondary {
    display: none;
  }
  .sticky a.brand {
    top: 10px;
    background: transparent;
  }
  .site-name {
    background-image: url(../img/sic-logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85%;
    height: 64px;
    width: 119px;
  }
  .no-svg .site-name {
    background-image: url(../img/sic-logo.png);
  }
}

@media only screen and (max-width: 830px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (max-width: 830px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 830px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 830px) and (min-device-pixel-ratio: 1.5) {
  .no-svg .site-name {
    background-image: url(../img/sic-logo@2x.png);
  }
}

@media screen and (max-width: 830px) {
  .sticky .site-name {
    background-image: url("../img/sic-logo-scroll-mobile@2x.png");
    width: 199px;
    height: 26px;
    display: inline-block;
    background-size: 199px 26px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .no-backgroundsize .sticky .site-name {
    background-image: url("../img/sic-logo-scroll-mobile.png");
  }
  .open-hotline .sticky .site-name {
    background-image: url("../img/helpline-screen-logo@2x.png");
    width: 199px;
    height: 26px;
    display: inline-block;
    background-size: 199px 26px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .no-backgroundsize .open-hotline .sticky .site-name {
    background-image: url("../img/helpline-screen-logo.png");
  }
}

.hero-slide-title {
  font-size: 50px;
  line-height: 1.2em;
}

@media screen and (max-width: 760px) {
  .hero-slide-title {
    font-size: 35px;
  }
}

.hero-text-dark .hero-slide-title,
.hero-text-dark .hero-text {
  color: #000000;
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
}

.hero-text-light .hero-slide-title,
.hero-text-light .hero-text {
  color: #FFFFFF;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.hero-text-box .hero-slide-title {
  padding: 20px;
  display: inline-block;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.8);
}

.hero-text-box .hero-text {
  background: rgba(0, 0, 0, 0.8);
  max-width: 65%;
  margin: 0 auto 30px;
  display: inline-block;
  padding: 10px;
  color: #FFFFFF;
}

.hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}

.hero a {
  color: #FFFFFF;
}

.hero .hero-content-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
}

.hero .hero-content {
  text-align: center;
  padding: 5% 0px;
  height: 500px;
}

.hero .hero-content * {
  margin-bottom: 20px;
}

.hero .hero-content:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.hero > .hero-content {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.hero .hero-slide {
  background-color: #0083c7;
  background-size: cover;
  background-position: center 0px;
  min-height: 500px;
  height: 100%;
  width: 100%;
}

.hero > .hero-slide {
  position: absolute;
}

.hero .unslider {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.hero .unslider .hero-slides {
  height: 100%;
}

.hero .unslider-nav {
  position: absolute;
  z-index: 2;
  bottom: 20px !important;
}

.no-js .hero-slide {
  display: none;
}

.no-js .hero-slide:first-child {
  display: block;
}

/*
    Popup Survey Prompt
*/
.popup-survey-prompt {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20%;
  width: 40%;
  padding: 40px;
  background: #FFFFFF;
  color: #4D4D4D;
  z-index: 100;
  text-align: center;
  box-shadow: 0 0px 3px #4D4D4D;
  transform: translateY(100%);
  animation: slideUp 0.5s ease-out;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}

.front .popup-survey-prompt {
  display: none !important;
}

.popup-survey-prompt p {
  color: #4D4D4D;
}

.popup-survey-prompt.hide-popup {
  animation: slideDown 0.5s ease-in;
  animation-fill-mode: forwards;
}

.popup-survey-prompt .button-medium a, .popup-survey-prompt input[type="submit"] a, .popup-survey-prompt .quiz-start-link a, .popup-survey-prompt .node-quiz .download-quiz a, .node-quiz .popup-survey-prompt .download-quiz a {
  text-transform: uppercase;
  color: #FFFFFF;
}

.popup-survey-prompt .popup-survey-prompt-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 20px;
  text-indent: -300px;
  overflow: hidden;
  background-image: url("../img/close-icon@2x.png");
  width: 14px;
  height: 14px;
  display: inline-block;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.no-backgroundsize .popup-survey-prompt .popup-survey-prompt-close {
  background-image: url("../img/close-icon.png");
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}

@media screen and (max-width: 1090px) {
  .popup-survey-prompt {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 760px) {
  .popup-survey-prompt {
    padding: 40px 10px 10px 10px;
  }
}

.webform-client-form-44,
.webform-client-form-4074 {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 0;
}

.webform-client-form-44 label,
.webform-client-form-4074 label {
  color: #0083c7;
}

.webform-client-form-44 label.required,
.webform-client-form-4074 label.required {
  position: relative;
}

.webform-client-form-44 label.required:after,
.webform-client-form-4074 label.required:after {
  position: absolute;
  top: 0;
  left: -10px;
  display: inline-block;
  content: '*';
  font-size: 16px;
  color: red;
}

.webform-client-form-44 textarea,
.webform-client-form-4074 textarea {
  resize: vertical;
}

.webform-client-form-44 input[type="text"],
.webform-client-form-44 textarea,
.webform-client-form-4074 input[type="text"],
.webform-client-form-4074 textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #EEEEEE;
  transition: border .3s ease-in-out;
}

@media screen and (max-width: 760px) {
  .webform-client-form-44 input[type="text"],
  .webform-client-form-44 textarea,
  .webform-client-form-4074 input[type="text"],
  .webform-client-form-4074 textarea {
    box-shadow: 0 2px 10px 2px #EEEEEE;
  }
}

.webform-client-form-44 input[type="text"]:focus,
.webform-client-form-44 textarea:focus,
.webform-client-form-4074 input[type="text"]:focus,
.webform-client-form-4074 textarea:focus {
  border: 1px solid #FF6600;
  outline: none;
}

.webform-client-form-44 .grippie,
.webform-client-form-44 .form-required,
.webform-client-form-4074 .grippie,
.webform-client-form-4074 .form-required {
  display: none;
}

.links {
  padding-bottom: 40px;
}

.page-node-44 .popup-survey-prompt {
  display: none;
}

.page-node-44 .node-title {
  text-align: center;
}

.page-node-4074 .node-title {
  text-align: center;
}

.audiences-container .audiences {
  max-width: 1000px;
}

.audiences-container .audiences-first-four:after {
  content: '';
  display: block;
  clear: both;
}

.audiences-container .audiences-first-four .audience-block {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  margin-bottom: 20px;
}

.audiences-container .audiences-first-four .audience-block:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1090px) {
  .audiences-container .audiences-first-four .audience-block {
    width: 50%;
  }
}

@media screen and (max-width: 760px) {
  .audiences-container .audiences-first-four .audience-block {
    width: 100%;
  }
}

.audiences-container .audience-block {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  cursor: pointer;
  margin-bottom: 40px;
  position: relative;
}

.audiences-container .audience-block:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .audiences-container .audience-block {
    width: 100%;
  }
}

.audiences-container .audience-block .has-sublinks {
  cursor: default;
}

.audiences-container .audience-block .audience-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  height: 200px;
  background-color: #ff6600;
  margin: 0 auto 10px;
  position: relative;
  overflow: hidden;
  width: 200px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  transition: box-shadow .2s ease-in-out, height .2s ease-in-out, width .2s ease-in-out;
}

@media screen and (max-width: 1090px) {
  .audiences-container .audience-block .audience-item {
    margin-bottom: 50px;
  }
}

.audiences-container .audience-block:hover .audience-item {
  box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.audiences-container .audience-block .audience-label,
.audiences-container .audience-block a.audience-label {
  display: block;
  transition: border .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 220px;
}

.audiences-container .audience-block .audience-list {
  padding-top: 50px;
}

.audiences-container .audience-block .audience-list li {
  margin-bottom: 5px;
}

.audiences-container .audience-block .audience-list a {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #4D4D4D;
  border-bottom: 2px solid rgba(255, 102, 0, 0.3);
  transition: all .3s ease-in-out;
  margin: 0;
}

.audiences-container .audience-block .audience-list a:hover {
  color: #ff6600;
  border-bottom-color: #ff6600;
}

.child-pages-wrapper {
  padding: 40px 0;
}

.child-pages ul {
  list-style: none;
  *zoom: 1;
  padding-left: 0;
  margin: 0;
}

.child-pages ul:before, .child-pages ul:after {
  content: " ";
  display: table;
}

.child-pages ul:after {
  clear: both;
}

.child-pages ul li {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.child-pages ul li:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .child-pages ul li {
    width: 100%;
  }
}

.child-pages ul li article > a {
  color: #4D4D4D;
}

.child-pages ul li .featured-image .title {
  max-width: 335px !important;
}

.child-pages ul li .featured-image:hover .title {
  color: #FFFFFF !important;
}

.themed-block-blue .child-pages ul li .featured-image:hover .title {
  background: #ff6600;
}

/*
    Getlocation nerby view styles
*/
.getlocations-map-container {
  padding: 0 !important;
  position: relative;
}

.getlocations-map-container .title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 40px;
  margin-left: -150px;
  z-index: 100;
  background: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
  color: #FFFFFF;
  text-shadow: 1px 1px #000000;
  pointer-events: none;
}

.getlocations-map-container .event-item {
  height: 100%;
  width: 300px;
}

@media screen and (max-width: 760px) {
  .getlocations-map-container .event-item {
    width: 195px;
  }
}

.getlocations-map-container .event-item .card-location {
  bottom: 0;
  left: 0;
  position: absolute;
}

.gm-style-iw {
  min-width: 280px;
  widows: 300px;
}

#nearby_events_map {
  height: 500px;
}

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  margin-top: 120px;
}

#reset_map_button {
  border: none;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
}

#reset_map_button .label {
  text-indent: -999990px;
}

#reset_map_button:hover {
  background: rgba(0, 0, 0, 0.8);
}

#nearby_events_map_search {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

#nearby_events_map_search:focus {
  border-color: #4d90fe;
}

/*
    Advice Articles block
*/
.featured-articles-list {
  padding: 40px 0;
  text-align: center;
  color: #FFFFFF;
  overflow: hidden;
}

.featured-articles-list .featured-image:hover .title {
  color: #FFFFFF !important;
}

.featured-articles-list ul {
  margin-bottom: 0;
}

.featured-articles-list,
.articles-and-resources-list {
  overflow: hidden;
  padding: 20px 0;
}

/*
    Latests articles and resources block 
*/
/*
    Latest Tweets view styles
*/
.latest-tweets-container {
  padding: 40px 20px 60px;
}
.latest-tweets-container:after {
  content: '';
  display: block;
  clear: both;
}

.latest-tweets-container.themed-block-blue .title:after, .latest-tweets-container.themed-block-orange .title:after, .latest-tweets-container.themed-block-light-grey .title:after {
  background-image: url("../img/twitter-icon-white@2x.png");
  width: 58px;
  height: 47px;
  display: inline-block;
  background-size: 58px 47px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .latest-tweets-container.themed-block-blue .title:after, .no-backgroundsize .latest-tweets-container.themed-block-orange .title:after, .no-backgroundsize .latest-tweets-container.themed-block-light-grey .title:after {
  background-image: url("../img/twitter-icon-white.png");
}

.latest-tweets-container .latest-tweets {
  margin-top: 80px;
}

html.ie8 .latest-tweets-container .latest-tweets {
  margin-top: 100px;
}

.latest-tweets-container .views-field-text {
  /* color: $gray; */
  width: 80%;
  display: block;
  padding-left: 85px;
}

@media screen and (max-width: 760px) {
  .latest-tweets-container .views-field-text {
    padding-left: 0;
    width: 100%;
    /* width: 35px; */
    /* height: 35px; */
  }
}

.latest-tweets-container .views-field-image {
  width: 15%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
}

@media screen and (max-width: 760px) {
  .latest-tweets-container .views-field-image {
    position: static;
    width: 100%;
  }
}

.latest-tweets-container .views-field-image > .field-content {
  border-radius: 40px;
  display: block;
  overflow: hidden;
  width: 80px;
}

@media screen and (max-width: 760px) {
  .latest-tweets-container .views-field-image > .field-content {
    margin: 0 auto;
  }
}

.latest-tweets-container .views-field-image img {
  display: block;
  height: auto;
  width: 80px;
}

.latest-tweets-container .views-field-created-time {
  color: gray;
  display: block;
  padding-left: 85px;
  margin-top: 20px;
}

@media screen and (max-width: 760px) {
  .latest-tweets-container .views-field-created-time {
    padding-left: 0;
  }
}

.latest-tweets-container > .title {
  position: relative;
  text-align: center;
  margin-bottom: 100px;
}

@media screen and (max-width: 760px) {
  .latest-tweets-container > .title {
    margin-bottom: 60px;
  }
}

.latest-tweets-container > .title:after {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -30px;
  content: '';
  background-image: url("../img/twitter-icon@2x.png");
  width: 58px;
  height: 47px;
  display: inline-block;
  background-size: 58px 47px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}

.no-backgroundsize .latest-tweets-container > .title:after {
  background-image: url("../img/twitter-icon.png");
}

@media screen and (max-width: 760px) {
  .latest-tweets-container > .title:after {
    top: 40px;
    margin-left: -20px;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }
}

.latest-tweets-container ul:after {
  content: '';
  display: block;
  clear: both;
}

.latest-tweets-container ul li {
  float: left;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  position: relative;
  /* padding-left: $gutter*4; */
  display: inline-block;
  margin: 0;
  /* color: transparent; */
  /* img { */
  /*     border-radius: 40%; */
  /*     @include break($mobile) { */
  /*         width: 35px; */
  /*         height: 35px; */
  /*     } */
  /* } */
  /* .tweet-image { */
  /*     width: auto; */
  /*     max-width: 150px; */
  /*     height: auto; */
  /*     border-radius: 0; */
  /*     margin-top: $gutter/2; */
  /* } */
}

.latest-tweets-container ul li:after {
  content: '';
  display: block;
  clear: both;
}

.latest-tweets-container ul li:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .latest-tweets-container ul li {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .latest-tweets-container ul li {
    /* padding-left: 55px; */
    margin-bottom: 40px;
  }
  .latest-tweets-container ul li:last-child {
    margin-bottom: 20px;
  }
}

.latest-tweets-container ul li a {
  border-color: #ace3ff !important;
  color: #ace3ff !important;
}

.latest-tweets-container ul li a:hover {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

.latest-tweets-container ul li .views-field-profile-image-url {
  display: none;
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* display: inline-block; */
  /* width: $gutter*3.25; */
  /* height: $gutter*3.25; */
  /* padding: $gutter/4 0 0 $gutter/2; */
  /* border-radius: 50%; */
  /* box-shadow: 0 0 $gutter/2 $gray-light; */
  /* @include break($mobile) { */
  /*     width: 45px; */
  /*     height: 45px; */
  /*     padding: $gutter/4 0 0 7px; */
  /* } */
}

.themed-block-blue .views-field-created-time {
  color: #FFFFFF;
}

.themed-block-blue .latest-tweets a {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.themed-block-blue .latest-tweets a:hover {
  color: #ff6600;
  border-bottom-color: #ff6600;
}

.themed-block-orange .views-field-created-time {
  color: #FFFFFF;
}

.themed-block-orange .latest-tweets a {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.themed-block-orange .latest-tweets a:hover {
  color: #0083c7;
  border-bottom-color: #0083c7;
}

@media screen and (max-width: 760px) {
  .latest-from-uksic {
    margin-top: 0;
  }
  .latest-from-uksic ul {
    margin-bottom: 0;
  }
}

.latest-from-uksic > .title {
  text-align: center;
}

/*
    SID Previous years block styles
*/
.archive-container {
  padding-bottom: 0;
  /* padding: $gutter 0; */
}
.archive-container:after {
  content: '';
  display: block;
  clear: both;
}

.archive-container > .title {
  text-align: center;
}

.archive-container .archive {
  padding: 40px 20px;
}

.archive-container .archive:after {
  content: '';
  display: block;
  clear: both;
}

.archive-container .archive > div {
  text-align: center;
  margin-bottom: 40px;
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.archive-container .archive > div:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .archive-container .archive > div {
    width: 100%;
  }
}

.archive-container .archive .featured-image {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto 50px;
  border-radius: 50%;
  background-position: center center;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.archive-container .archive .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.archive-container .archive .featured-image .title {
  position: relative;
  top: 220px;
  left: 0;
}

/*
    SID Upcoming year styles
*/
.upcoming-year-container {
  overflow: hidden;
  min-height: 450px;
  /* padding-bottom: $gutter; */
}

@media screen and (max-width: 940px) {
  .upcoming-year-container {
    min-height: 350px;
  }
}

@media screen and (max-width: 760px) {
  .upcoming-year-container {
    min-height: 250px;
  }
}

.upcoming-year-container .upcoming-year {
  position: relative;
}

.upcoming-year-container .node-safer-internet-day a:hover .title:after {
  right: 80px;
}

.upcoming-year-container.themed-block-blue .title, .upcoming-year-container.themed-block-orange .title {
  color: #FFFFFF;
}

.upcoming-year-container.themed-block-blue .title:after, .upcoming-year-container.themed-block-orange .title:after {
  background-image: url("../img/arrow-right-white@2x.png");
  width: 20px;
  height: 30px;
  display: inline-block;
  background-size: 20px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .upcoming-year-container.themed-block-blue .title:after, .no-backgroundsize .upcoming-year-container.themed-block-orange .title:after {
  background-image: url("../img/arrow-right-white.png");
}

.upcoming-year-container .title {
  position: relative;
  padding-left: 410px;
  padding-top: 100px;
  padding-right: 100px;
  text-align: left !important;
  color: #4D4D4D;
}

@media screen and (max-width: 940px) {
  .upcoming-year-container .title {
    padding-left: 290px;
    padding-top: 30px;
    padding-right: 0;
  }
}

@media screen and (max-width: 760px) {
  .upcoming-year-container .title {
    padding-left: 110px;
    padding-top: 10px;
  }
}

.upcoming-year-container .title:after {
  position: absolute;
  top: 125px;
  right: 100px;
  display: inline-block;
  width: 20px;
  height: 30px;
  content: '';
  background: url("../img/arrow-right-gray@2x.png") no-repeat right;
  background-size: 20px 30px;
  transition: right .3s ease-in-out;
}

@media screen and (max-width: 1250px) {
  .upcoming-year-container .title:after {
    top: 180px;
  }
}

@media screen and (max-width: 940px) {
  .upcoming-year-container .title:after {
    display: none;
  }
}

.upcoming-year-container .featured-image {
  position: absolute;
  top: 0;
  left: 20px;
  width: 350px;
  height: 350px;
  display: inline-block;
  background-repeat: no-repeat;
  background-color: #4D4D4D;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
}

.upcoming-year-container .featured-image:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 940px) {
  .upcoming-year-container .featured-image {
    width: 250px;
    height: 250px;
  }
}

@media screen and (max-width: 760px) {
  .upcoming-year-container .featured-image {
    width: 100px;
    height: 100px;
    top: 40px;
  }
}

.node-safer-internet-day .main-content a.button-medium, .node-safer-internet-day .main-content a.quiz-start-link, .node-safer-internet-day .main-content .node-quiz a.download-quiz, .node-quiz .node-safer-internet-day .main-content a.download-quiz, .node-safer-internet-day .main-content a.button-large {
  font-weight: normal;
  border: none;
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.supporters-carousel-container {
  padding-bottom: 10px !important;
}

.supporters-carousel-teaser {
  /* border: solid 1px #ddd; */
  display: block;
  min-height: 300px;
  overflow: hidden;
  margin-left: -1px;
  padding: 20px;
  position: relative;
}

.supporters-carousel-logo {
  display: inline-block;
  margin-bottom: 20px;
}

.supporters-carousel-logo img {
  height: auto;
  vertical-align: middle;
  width: 60%;
  display: inline-block;
}

.supporters-carousel-name {
  display: inline-block;
  font-size: 18px;
}

.supporters-carousel-description {
  font-size: 16px;
  padding-top: 20px;
  display: inline-block;
}

.supporters-carousel-sector {
  display: block;
  margin-top: 5px;
  margin-right: 15px;
}

.supporters-carousel a:hover {
  color: #ABABAB;
}

.view-footer {
  text-align: center;
  padding: 0 20px;
}

.getlocations_fields_lat_wrapper,
.getlocations_fields_lon_wrapper {
  display: none;
}

/*
    Testimonials view styles
*/
.testimonials-container {
  /* background: $secondary; */
  /* color: $white; */
  /* padding: $gutter*2 0 $gutter*3 0; */
}

.testimonials-container.themed-block-light-grey .testimonials > div:before, .testimonials-container.themed-block-white .testimonials > div:before {
  background-image: url("../img/quote-orange@2x.png");
  width: 40px;
  height: 32px;
  display: inline-block;
  background-size: 40px 32px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .testimonials-container.themed-block-light-grey .testimonials > div:before, .no-backgroundsize .testimonials-container.themed-block-white .testimonials > div:before {
  background-image: url("../img/quote-orange.png");
}

.testimonials-container.themed-block-blue .testimonials > div:before, .testimonials-container.themed-block-orange .testimonials > div:before {
  background-image: url("../img/quote@2x.png");
  width: 40px;
  height: 32px;
  display: inline-block;
  background-size: 40px 32px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .testimonials-container.themed-block-blue .testimonials > div:before, .no-backgroundsize .testimonials-container.themed-block-orange .testimonials > div:before {
  background-image: url("../img/quote.png");
}

.testimonials-container .testimonials:after {
  content: '';
  display: block;
  clear: both;
}

.testimonials-container .testimonials > div {
  position: relative;
  float: left;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.testimonials-container .testimonials > div:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 830px) {
  .testimonials-container .testimonials > div {
    width: 100%;
  }
}

@media screen and (max-width: 830px) {
  .testimonials-container .testimonials > div {
    margin-bottom: 40px;
  }
}

.testimonials-container .testimonials > div:before {
  position: absolute;
  top: -20px;
  left: 0;
  display: inline-block;
  content: '';
  background-image: url("../img/quote@2x.png");
  width: 40px;
  height: 32px;
  display: inline-block;
  background-size: 40px 32px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .testimonials-container .testimonials > div:before {
  background-image: url("../img/quote.png");
}

@media screen and (max-width: 760px) {
  .testimonials-container .testimonials > div:before {
    top: -30px;
    width: 30px !important;
    height: 30px !important;
    background-size: 30px !important;
  }
}

.testimonials-container .testimonials > div p {
  padding: 0;
}

.testimonials-container .testimonials .views-field-title {
  text-align: center;
  font-size: 23px;
  margin: 0 50px;
}

@media screen and (max-width: 760px) {
  .testimonials-container .testimonials .views-field-title {
    margin: 0;
    text-align: right;
  }
}

.testimonials-container .testimonials .views-field-body {
  margin: 0 50px;
}

@media screen and (max-width: 760px) {
  .testimonials-container .testimonials .views-field-body {
    margin: 0;
    text-align: left;
  }
}

.testimonials-container > .title {
  text-align: center;
}

/*
    Events view styles
*/
.view-events-container .title {
  text-align: center;
}

.view-events {
  overflow: hidden;
}

.view-events ul:not(.pager) {
  padding: 10px 0;
}

.view-events ul:not(.pager):after {
  content: '';
  display: block;
  clear: both;
}

.view-events ul:not(.pager) li {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.view-events ul:not(.pager) li:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1090px) {
  .view-events ul:not(.pager) li {
    width: 50%;
  }
}

@media screen and (max-width: 760px) {
  .view-events ul:not(.pager) li {
    width: 100%;
  }
}

.view-events ul:not(.pager) .event-item {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
  min-height: 230px;
  padding: 20px;
}

.view-events ul:not(.pager) .event-item:hover {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}

.view-events ul:not(.pager) .event-item:hover .card-date-time {
  border-bottom: 1px solid #4D4D4D;
}

.view-events ul.pager {
  padding: 20px 0;
  text-align: center;
  display: block;
}

.view-events ul.pager:after {
  content: '';
  display: block;
  clear: both;
}

.view-events ul.pager li {
  display: inline-block;
  padding: 0 10px;
}

.view-events .item-list-pager {
  clear: both;
}

.view-events > div:not(.item-list-pager) {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.view-events > div:not(.item-list-pager):after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1090px) {
  .view-events > div:not(.item-list-pager) {
    width: 50%;
  }
}

@media screen and (max-width: 760px) {
  .view-events > div:not(.item-list-pager) {
    width: 100%;
  }
}

.view-events > div:not(.item-list-pager).item-list-pager {
  *zoom: 1;
  clear: both;
}

.view-events > div:not(.item-list-pager).item-list-pager:before, .view-events > div:not(.item-list-pager).item-list-pager:after {
  content: " ";
  display: table;
}

.view-events > div:not(.item-list-pager).item-list-pager:after {
  clear: both;
}

.sidebar-first-region {
  position: absolute;
  top: 40px;
  right: 0;
  width: 345px;
}

@media screen and (max-width: 760px) {
  .sidebar-first-region {
    position: static;
  }
}

.sidebar-first-region .node {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

.prev-next {
  margin-top: 80px;
}

.prev-next li {
  display: block;
  overflow: hidden;
  height: 100px;
  padding-top: 30px;
  position: relative;
  width: 350px;
}

.prev-next .prev-next-image {
  border-radius: 50px;
  display: block;
  height: 100px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100px;
}

.prev-next .prev-next-prev {
  float: left;
  padding-left: 120px;
}

.prev-next .prev-next-next {
  float: right;
  padding-right: 120px;
}

.prev-next .prev-next-next .prev-next-image {
  left: auto;
  right: 0;
}

@media screen and (max-width: 1090px) {
  .prev-next {
    margin-bottom: 50px;
  }
  .prev-next .prev-next-prev,
  .prev-next .prev-next-next {
    float: none !important;
    margin: 0 auto 30px !important;
  }
}

.breadcrumbs {
  padding: 20px;
}

.no-hero .breadcrumbs {
  padding-top: 60px;
}

@media screen and (max-width: 760px) {
  .no-hero .breadcrumbs {
    padding-top: 100px;
  }
}

.breadcrumbs li {
  display: inline-block;
}

.breadcrumbs li a {
  font-weight: bold;
}

.node-supporters-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 20px;
}

.node-supporters-form:after {
  content: '';
  display: block;
  clear: both;
}

.node-supporters-form input[type="text"],
.node-supporters-form textarea {
  color: #4D4D4D;
  width: 100%;
  padding: 10px;
  border: 1px solid #EEEEEE;
  transition: border .3s ease-in-out;
  background-image: none !important;
}

@media screen and (max-width: 760px) {
  .node-supporters-form input[type="text"],
  .node-supporters-form textarea {
    box-shadow: 0 2px 10px 2px #EEEEEE;
  }
}

.node-supporters-form input[type="text"]:focus,
.node-supporters-form textarea:focus {
  outline: none;
  border: 1px solid #FF6600;
}

.themed-block-blue .node-supporters-form input[type="text"],
.themed-block-orange .node-supporters-form input[type="text"], .themed-block-blue
.node-supporters-form textarea,
.themed-block-orange
.node-supporters-form textarea {
  box-shadow: none;
}

.node-supporters-form textarea {
  margin-bottom: 20px;
  resize: vertical;
}

.node-supporters-form .image-preview .focal-point-preview-link,
.node-supporters-form .grippie,
.node-supporters-form #field-website-link-add-more-wrapper > div > div > label,
.node-supporters-form .focal-point-help,
.node-supporters-form .focal-point-indicator,
.node-supporters-form .focal-point {
  display: none !important;
}

.node-supporters-form .focal-point-wrapper,
.node-supporters-form .focal-point-wrapper img,
.node-supporters-form .focal-point-indicator {
  cursor: default !important;
}

.node-supporters-form .fieldset-legend {
  background: none;
  padding-left: 0;
}

.node-supporters-form label,
.node-supporters-form .fieldset-title,
.node-supporters-form .fieldset-legend {
  color: #0083c7;
}

.themed-block-blue .node-supporters-form label,
.themed-block-orange .node-supporters-form label, .themed-block-blue
.node-supporters-form .fieldset-title,
.themed-block-orange
.node-supporters-form .fieldset-title, .themed-block-blue
.node-supporters-form .fieldset-legend,
.themed-block-orange
.node-supporters-form .fieldset-legend {
  color: #FFFFFF;
}

.themed-block-light-grey .node-supporters-form label, .themed-block-light-grey
.node-supporters-form .fieldset-title, .themed-block-light-grey
.node-supporters-form .fieldset-legend {
  color: #4D4D4D;
}

.node-supporters-form small,
.node-supporters-form .fieldset-description {
  color: #ff6600;
}

.themed-block-blue .node-supporters-form small,
.themed-block-orange .node-supporters-form small, .themed-block-blue
.node-supporters-form .fieldset-description,
.themed-block-orange
.node-supporters-form .fieldset-description {
  color: #FFFFFF;
}

.themed-block-light-grey .node-supporters-form small, .themed-block-light-grey
.node-supporters-form .fieldset-description {
  color: #4D4D4D;
}

.node-supporters-form .form-required {
  margin-bottom: 20px;
}

.node-supporters-form .form-radios:after {
  content: '';
  display: block;
  clear: both;
}

.node-supporters-form .form-radios div {
  width: 25%;
  float: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 760px) {
  .node-supporters-form .form-radios div {
    width: 100%;
  }
}

.node-supporters-form .form-radios label {
  display: inline-block;
}

.node-supporters-form .field-name-field-sign-up-to-our-newsletter- {
  margin-bottom: 20px;
}

.node-supporters-form .field-name-field-sign-up-to-our-newsletter- label {
  display: inline-block;
}

.node-supporters-form fieldset {
  border: 1px solid #EEEEEE;
}

.node-supporters-form fieldset.collapsed {
  margin-bottom: 20px;
}

.themed-block-light-grey .node-supporters-form fieldset {
  border-color: #4D4D4D;
}

.node-supporters-form fieldset .fieldset-wrapper div {
  margin-bottom: 20px;
}

.node-supporters-form fieldset .fieldset-wrapper > p {
  display: inline-block;
  margin-top: 20px;
  margin-right: 20px;
}

.node-supporters-form fieldset .fieldset-wrapper > p:last-child {
  margin-right: 0;
}

.node-supporters-form .group-tell-us-about-you .fieldset-title,
.node-supporters-form .group-submit-your-information .fieldset-title,
.node-supporters-form .group-your-organisation .fieldset-title,
.node-supporters-form .group-estimate-your-reach .fieldset-title,
.node-supporters-form .group-staying-in-touch .fieldset-title {
  font-size: calc(18px + 4 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {
  .node-supporters-form .group-tell-us-about-you .fieldset-title,
.node-supporters-form .group-submit-your-information .fieldset-title,
.node-supporters-form .group-your-organisation .fieldset-title,
.node-supporters-form .group-estimate-your-reach .fieldset-title,
.node-supporters-form .group-staying-in-touch .fieldset-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 420px) {
  .node-supporters-form .group-tell-us-about-you .fieldset-title,
.node-supporters-form .group-submit-your-information .fieldset-title,
.node-supporters-form .group-your-organisation .fieldset-title,
.node-supporters-form .group-estimate-your-reach .fieldset-title,
.node-supporters-form .group-staying-in-touch .fieldset-title {
    font-size: 18px;
  }
}

.node-supporters-form #edit-field-address-und-0 .fieldset-title {
  font-size: 16px;
}

.node-supporters-form .fieldset-legend-prefix {
  display: none;
}

.node-supporters-form .getlocations_fields_latlon_wrapper {
  width: auto;
}

.node-supporters-form input[type="button"] {
  background: #FF6600;
  color: #FFFFFF;
  padding: 10px;
  border: none;
  transition: all .3s ease-in-out;
}

.node-supporters-form input[type="button"]:hover {
  background: #ff751a;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.node-supporters-form .captcha {
  color: #4D4D4D;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
}

.themed-block-light-grey .node-supporters-form .captcha {
  border-color: #4D4D4D;
}

.node-supporters-form #edit-field-marketing-question {
  padding: 20px 0;
}

.node-supporters-form #edit-field-marketing-question small {
  display: block;
}

.node-supporters-form .field-name-field-sign-up-to-our-newsletter- label {
  display: inline;
}

.node-supporters-form label {
  display: inline-block;
}

.image-widget-data div {
  display: none !important;
}

.image-widget-data div.file {
  display: block !important;
}

.supporters-statistics-grouped {
  overflow: hidden;
}

.supporters-statistics-grouped > .view-header {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  float: left;
  overflow: hidden;
}

@media screen and (max-width: 760px) {
  .supporters-statistics-grouped > .view-header {
    float: none;
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.supporters-statistics-grouped .supporters-statistics-total {
  background: #eee;
  float: right;
  padding: 49px 0 235px;
  position: relative;
  text-align: center;
  width: 100%;
}

.supporters-statistics-grouped .supporters-statistics-total h2 {
  font-size: calc(25px + 5 * ((100vw - 420px) / 860));
  text-align: center;
  line-height: 1.5;
  max-width: 250px;
  margin: 0 auto 20px;
}

@media screen and (min-width: 1280px) {
  .supporters-statistics-grouped .supporters-statistics-total h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 420px) {
  .supporters-statistics-grouped .supporters-statistics-total h2 {
    font-size: 25px;
  }
}

.supporters-statistics-grouped .supporters-statistics-total .supporters-statistics-total-overall {
  background: #0083c7;
  bottom: 0;
  color: #FFFFFF;
  font-size: calc(50px + 20 * ((100vw - 420px) / 860));
  left: 0;
  height: 200px;
  line-height: 200px;
  position: absolute;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .supporters-statistics-grouped .supporters-statistics-total .supporters-statistics-total-overall {
    font-size: 70px;
  }
}

@media screen and (max-width: 420px) {
  .supporters-statistics-grouped .supporters-statistics-total .supporters-statistics-total-overall {
    font-size: 50px;
  }
}

@media screen and (max-width: 760px) {
  .supporters-statistics-grouped .supporters-statistics-total {
    float: none;
    width: auto;
  }
}

.supporters-statistics-grouped .supporters-statistics-total-by-sector {
  width: 46%;
  line-height: 50px;
  margin-left: 2%;
  float: left;
  /* @media screen and (max-width: 800) { */
  /*     float: none; */
  /*     margin: 0 auto; */
  /*     width: 235px; */
  /* } */
}

@media screen and (max-width: 760px) {
  .supporters-statistics-grouped .supporters-statistics-total-by-sector {
    margin-left: 0 !important;
  }
}

.supporters-statistics-grouped .supporters-statistics-total-by-sector ul {
  overflow: hidden;
  width: 100%;
}

.supporters-statistics-grouped .supporters-statistics-total-by-sector ul li {
  font-size: calc(16px + 9 * ((100vw - 420px) / 860));
  overflow: hidden;
  margin-bottom: 15px;
}

@media screen and (min-width: 1280px) {
  .supporters-statistics-grouped .supporters-statistics-total-by-sector ul li {
    font-size: 25px;
  }
}

@media screen and (max-width: 420px) {
  .supporters-statistics-grouped .supporters-statistics-total-by-sector ul li {
    font-size: 16px;
  }
}

.supporters-statistics-grouped .supporters-statistics-total-by-sector ul li .statistic-value {
  background: #0083c7;
  color: #FFFFFF;
  display: block;
  float: right;
  padding: 0 20px;
  width: 20%;
}

.supporters-statistics-grouped .supporters-statistics-total-by-sector ul li .sector-name {
  background: #eee;
  display: block;
  float: left;
  font-size: 20px;
  padding: 0 20px;
  width: 80%;
}

@media screen and (max-width: 760px) {
  .supporters-statistics-grouped .supporters-statistics-total-by-sector {
    float: none;
    text-align: center;
    width: auto;
  }
  .supporters-statistics-grouped .supporters-statistics-total-by-sector ul li {
    margin-top: 10px;
    line-height: 1.5;
  }
  .supporters-statistics-grouped .supporters-statistics-total-by-sector ul li .statistic-value {
    float: none;
    padding-left: 0;
    width: auto;
  }
  .supporters-statistics-grouped .supporters-statistics-total-by-sector ul li .sector-name {
    float: none;
    width: auto;
  }
}

.themed-block-orange {
  color: #FFFFFF;
}

.themed-block-blue {
  color: #FFFFFF;
}

.themed-block-orange .title,
.themed-block-orange strong,
.themed-block-orange .supporters-statistics-total-overall,
.themed-block-orange .statistic-value,
.themed-block-blue .title,
.themed-block-blue strong,
.themed-block-blue .supporters-statistics-total-overall,
.themed-block-blue .statistic-value {
  color: #FFFFFF !important;
}

.themed-block-light-grey {
  color: #333333 !important;
}

.themed-block-light-grey .title,
.themed-block-light-grey strong,
.themed-block-light-grey .supporters-statistics-total-overall,
.themed-block-light-grey .statistic-value {
  color: #000000 !important;
}

/* .supporters-statistics-grouped { */
/*     overflow: hidden; */
/*     > .view-header { */
/*         width: 50%; */
/*         float: left; */
/*         overflow: hidden; */
/*         @media screen and (max-width: $mobile) { */
/*             float: none; */
/*             width: auto; */
/*         } */
/*     } */
/*     .supporters-statistics-total { */
/*         float: right; */
/*         width: 90%; */
/*         padding-top: 100px; */
/*         position: relative; */
/*         h2 { */
/*             font-size: responsive(20px, 25px); */
/*             text-align: center; */
/*             line-height: 1.5; */
/*         } */
/*         .supporters-statistics-total-overall { */
/*             color: $primary; */
/*             height: 80px; */
/*             font-size: responsive(50px, 70px); */
/*             left: 0; */
/*             line-height: 80px; */
/*             position: absolute; */
/*             text-align: center; */
/*             top: 0; */
/*             width: 100%; */
/*             ul { */
/*                 @extend %reset-list; */
/*             } */
/*         } */
/*         @media screen and (max-width: $mobile) { */
/*             float: none; */
/*             width: auto; */
/*         } */
/*     } */
/*     .supporters-statistics-total-by-sector { */
/*         width: 40%; */
/*         line-height: 50px; */
/*         margin-left: 10%; */
/*         float: left; */
/*         ul { */
/*             @extend %reset-list; */
/*             overflow: hidden; */
/*             li { */
/*                 font-size: responsive(16px, 25px); */
/*                 .statistic-value { */
/*                     display: block; */
/*                     color: $primary; */
/*                     float: left; */
/*                     padding-right: 10px; */
/*                     width: 30%; */
/*                 } */
/*                 .sector-name { */
/*                     display: block; */
/*                     float: left; */
/*                     width: 70%; */
/*                 } */
/*             } */
/*         } */
/*         @media screen and (max-width: $mobile) { */
/*             float: none; */
/*             margin: 0 auto; */
/*             width: 235px; */
/*         } */
/*         @media screen and (max-width: $mobile) { */
/*             float: none; */
/*             text-align: center; */
/*             width: auto; */
/*             ul { */
/*                 li { */
/*                     margin-top: 10px; */
/*                     line-height: 1.5; */
/*                     .statistic-value { */
/*                         float: none; */
/*                         padding-left: 0; */
/*                         width: auto; */
/*                     } */
/*                     .sector-name { */
/*                         float: none; */
/*                         width: auto; */
/*                     } */
/*                 } */
/*             } */
/*         } */
/*     } */
/* } */
.supporters-glossary-container .item-list ul {
  overflow: hidden;
  text-align: center;
  line-height: 2;
  margin: 0 20px;
}

.supporters-glossary-container .item-list ul li {
  display: inline;
  margin: 0;
}

.supporters-glossary-container .item-list ul li a {
  padding: 5px 8px;
}

.supporters-glossary-container .item-list ul li.is-active a {
  background: #0083c7;
  color: #FFFFFF;
}

.supporters-glossary-container .sticky-header .item-list {
  background: #fff;
  border-bottom: solid 1px #bbb;
  left: 0;
  position: fixed;
  top: 62px;
  width: 100%;
  z-index: 999;
}

.admin-menu .supporters-glossary-container .sticky-header .item-list {
  top: 92px !important;
}

.supporters-glossary-container .supporters-glossary-random,
.supporters-glossary-container .supporters-glossary-view {
  min-height: 500px;
  margin: 50px auto 0;
  overflow: hidden;
  width: 1040px;
}

@media screen and (max-width: 1090px) {
  .supporters-glossary-container .supporters-glossary-random,
  .supporters-glossary-container .supporters-glossary-view {
    width: 100%;
  }
}

.supporters-glossary-container .supporters-glossary-random ul,
.supporters-glossary-container .supporters-glossary-view ul {
  overflow: hidden;
}

.supporters-glossary-container .supporters-glossary-random li,
.supporters-glossary-container .supporters-glossary-view li {
  display: block;
  float: left;
  min-height: 300px;
  width: 500px;
}

@media screen and (max-width: 1090px) {
  .supporters-glossary-container .supporters-glossary-random li,
  .supporters-glossary-container .supporters-glossary-view li {
    float: none;
    width: 100%;
  }
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary-teaser,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary-teaser {
  display: block;
  min-height: 300px;
  overflow: hidden;
  padding: 20px;
  position: relative;
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary-logo,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary-logo {
  display: inline-block;
  margin-bottom: 20px;
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary-logo img,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary-logo img {
  height: auto;
  width: 60%;
  vertical-align: middle;
  display: inline-block;
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary-name,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary-name {
  vertical-align: middle;
  display: inline-block;
  font-size: 18px;
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary-description,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary-description {
  font-size: 16px;
  padding-top: 20px;
  display: inline-block;
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary-sector,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary-sector {
  display: block;
  margin-top: 5px;
  margin-right: 15px;
}

.supporters-glossary-container .supporters-glossary-random .supporters-glossary a:hover,
.supporters-glossary-container .supporters-glossary-view .supporters-glossary a:hover {
  color: #ABABAB;
}

/* Loader */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #ff6600;
  float: left;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
  animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
  animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
  animation-delay: 0.2s;
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}

.field-type-faqfield {
  margin: 0 auto 80px;
  max-width: 800px;
}

.field-type-faqfield .ui-accordion-content {
  width: 100%;
}

.field-type-faqfield .ui-accordion {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.field-type-faqfield .ui-accordion .ui-accordion-content-active {
  padding-bottom: 50px;
}

.field-type-faqfield .ui-accordion-header {
  zoom: 0;
  border: 0;
}

.field-type-faqfield .ui-accordion-header a {
  background: #0083c7;
  color: #FFFFFF;
  transition: background .3s ease-in-out;
}

.field-type-faqfield .ui-accordion-header a:hover {
  background: #006194;
  border: none;
}

.field-type-faqfield .ui-state-active a {
  background: #006194;
}

.field-type-faqfield .ui-icon-triangle-1-e {
  position: relative;
  width: 17px;
  height: 17px;
}

.field-type-faqfield .ui-icon-triangle-1-e:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-image: url("../img/icon-plus@2x.png");
  width: 17px;
  height: 17px;
  display: inline-block;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-image .3s ease-in-out;
}

.no-backgroundsize .field-type-faqfield .ui-icon-triangle-1-e:after {
  background-image: url("../img/icon-plus.png");
}

.field-type-faqfield .ui-state-hover {
  border: none !important;
  border-radius: 0;
}

.field-type-faqfield .ui-icon-triangle-1-s {
  position: relative;
  width: 17px;
  height: 17px;
}

.field-type-faqfield .ui-icon-triangle-1-s:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-image: url("../img/icon-minus@2x.png");
  width: 17px;
  height: 17px;
  display: inline-block;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-image .3s ease-in-out;
}

.no-backgroundsize .field-type-faqfield .ui-icon-triangle-1-s:after {
  background-image: url("../img/icon-minus.png");
}

.field-type-faqfield .faqfield-answer {
  padding-top: 35px;
}

.field-type-faqfield .faqfield-answer p,
.field-type-faqfield .faqfield-answer li,
.field-type-faqfield .faqfield-answer h2,
.field-type-faqfield .faqfield-answer h3,
.field-type-faqfield .faqfield-answer h4,
.field-type-faqfield .faqfield-answer h5 {
  color: #333 !important;
  font-size: 15px !important;
  text-align: left !important;
}

.field-type-faqfield .faqfield-answer h2 {
  font-size: 25px !important;
}

.field-type-faqfield .faqfield-answer h3 {
  font-size: 18px !important;
  border: none;
}

/*
    CKEditor
*/
body.cke_editable {
  padding: 20px !important;
}

/*
    Blog Tags
 */
.blog-tags-container .title {
  text-align: left !important;
}

.tags li,
.blog-tags-list li {
  position: relative;
  display: inline-block;
  background: #ff6600;
  border-radius: 3px 0 0 3px;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  margin: 0 10px 10px 0;
}

@media screen and (max-width: 1299px) {
  .tags li,
  .blog-tags-list li {
    height: auto;
  }
}

.tags a,
.blog-tags-list a, .news-wrapper .news-teaser ul li a {
  color: #FFFFFF;
}

.tags a:hover,
.blog-tags-list a:hover, .news-wrapper .news-teaser ul li a:hover {
  color: #4D4D4D !important;
}

.tags a:hover:before,
.blog-tags-list a:hover:before, .news-wrapper .news-teaser ul li a:hover:before {
  background: #4D4D4D !important;
}

.tags a:before,
.blog-tags-list a:before, .news-wrapper .news-teaser ul li a:before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 6px;
  height: 6px;
  background: #FFFFFF;
  border-radius: 10px;
  content: '';
  transition: background .3s ease-in-out;
}

.tags a:after,
.blog-tags-list a:after, .news-wrapper .news-teaser ul li a:after {
  position: absolute;
  top: 0;
  right: 0;
  background: #FFFFFF;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #ff6600;
  border-top: 13px solid transparent;
  content: '';
}

@media screen and (max-width: 1299px) {
  .tags a:after,
  .blog-tags-list a:after, .news-wrapper .news-teaser ul li a:after {
    display: none;
  }
}

/*
    Cookie control
*/
#sliding-popup .popup-content #popup-buttons button {
  background: #ff6600;
  color: #FFFFFF;
  margin-top: .6em;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  transition: all .3s ease-in-out;
}

#sliding-popup .popup-content #popup-buttons button:hover {
  background: #ff751a;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}

#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text p {
  margin: 0;
}

/*
    Blog author
*/
.blog-author {
  padding: 10px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 20px;
  background: #ededed;
}
.blog-author:after {
  content: '';
  display: block;
  clear: both;
}

.blog-author img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}

.blog-author .author-name {
  font-weight: bold;
  display: block;
}

.blog-author p {
  display: block;
  margin-bottom: 0;
  padding-left: 65px;
}

.blog-author p:last-child {
  font-size: 14px;
}

.article-meta {
  padding: 10px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 20px;
  background: #ededed;
}

.article-meta:after {
  content: '';
  display: block;
  clear: both;
}

.article-meta p {
  display: block;
  margin-bottom: 0;
  padding-left: 10px;
}

/*
    Quiz styles
*/
.not-logged-in.node-type-quiz nav.tabs, .not-logged-in.page-node-take nav.tabs, .not-logged-in.page-node-quiz-results nav.tabs {
  display: none;
}

.page-node-take .main-content,
.page-node-quiz-results .main-content {
  margin-top: 60px;
}

@media screen and (max-width: 760px) {
  .page-node-take .main-content,
  .page-node-quiz-results .main-content {
    margin-top: 80px;
  }
}

.page-node-take .breadcrumbs,
.page-node-quiz-results .breadcrumbs {
  display: none;
}

.answering-form table,
.answering-form tbody,
.answering-form tr {
  border: none;
}

.answering-form tr {
  background: #ededed;
  transition: background .3s ease-in-out;
}

.answering-form tr.selected td {
  background: #ff6600;
}

.answering-form tr.selected td p {
  color: #FFFFFF;
}

.answering-form tr p {
  transition: color .3s ease-in-out;
}

.answering-form tr:hover {
  background: #9a9999;
  cursor: pointer;
}

.answering-form tr:hover p {
  color: #FFFFFF;
}

.answering-form tr td {
  padding: 15px 15px 15px 20px;
  transition: background .3s ease-in-out;
}

.answering-form td p {
  margin: 0;
}

.answering-form .quiz-question-multichoice h2 {
  background: #ededed;
  padding: 20px 20px 0 20px;
  margin-bottom: 0;
}

.answering-form .quiz-question-multichoice .field p {
  padding: 20px;
  margin-bottom: 0;
  background: #ededed;
}

.answering-form input[value="Back"] {
  margin-right: 20px;
}

#quiz-progress {
  margin-bottom: 20px;
}

#quiz-take-question-feedback-form fieldset {
  border: none;
  padding: 0;
}

#quiz-take-question-feedback-form #edit-answer-feedback label {
  display: none;
}

.alert {
  position: relative;
  padding: 20px 20px 20px 60px;
  font-size: 20px;
  margin-bottom: 20px;
}

.alert:before {
  position: absolute;
  top: 40px;
  left: 20px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  font-family: "FontAwesome";
}

.alert p {
  color: #000000;
  margin: 0;
  line-height: 30px;
}

.alert i {
  margin-right: 10px;
  font-size: 30px;
}

.alert-success {
  border: 1px solid #7AB800;
  background: #f8ffeb;
}

.alert-success:before {
  content: '\f00c';
  color: #7AB800;
}

.alert-error {
  border: 1px solid #D0021B;
  background: #ffecee;
}

.alert-error:before {
  content: '\f00d';
  color: #D0021B;
}

.node-quiz .download-quiz {
  position: relative;
  float: right;
  padding-left: 40px;
}

@media screen and (max-width: 760px) {
  .node-quiz .download-quiz {
    float: none;
  }
}

.node-quiz .download-quiz:before {
  position: absolute;
  top: 11px;
  left: 10px;
  content: '\f019';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 23px;
}

.well {
  background: #ededed;
  margin-bottom: 20px;
  padding: 20px;
}

.well h1,
.well h2 {
  margin-bottom: 20px;
}

.well p:first-child {
  margin-bottom: 20px;
}

.well p {
  padding: 0;
  margin-bottom: 0;
}

#quiz_score_possible {
  position: relative;
  background: #0083c7;
  color: #FFFFFF;
  padding: 20px 20px 0 20px;
  text-align: center;
  font-size: 20px;
}

#quiz_score_percent {
  background: #0083c7;
  color: #FFFFFF;
  text-align: center;
  padding: 0 20px 20px 20px;
  margin-bottom: 20px;
}

/*
    Google translate bar
*/
#google_translate_element {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 390px;
  z-index: 5;
  display: none;
  line-height: 40px;
  font-size: 10px;
  background: #FFFFFF;
  height: 38px;
  padding: 0px 10px;
}
#google_translate_element:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  #google_translate_element {
    top: 51px;
    width: 100%;
    z-index: 999;
  }
}

#google_translate_element .goog-logo-link {
  font-size: 10px;
}

#google_translate_element .goog-logo-link img {
  margin: 0;
}

@media screen and (max-width: 760px) {
  html.translate .mobile-menu {
    transition: padding-top .5s ease-in-out;
    padding-top: 78px;
  }
}

/*
    Teaser
*/
.node-article.node-teaser a:hover .title,
.node-resource.node-teaser a:hover .title,
.node-quiz.node-teaser a:hover .title,
.node-page.node-teaser a:hover .title {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  color: #FFFFFF !important;
  background: #0083c7;
}

.node-article.node-teaser a:hover .reveal,
.node-resource.node-teaser a:hover .reveal,
.node-quiz.node-teaser a:hover .reveal,
.node-page.node-teaser a:hover .reveal {
  opacity: 1;
}

@media screen and (max-width: 1090px) {
  .node-article.node-teaser a:hover .reveal,
  .node-resource.node-teaser a:hover .reveal,
  .node-quiz.node-teaser a:hover .reveal,
  .node-page.node-teaser a:hover .reveal {
    opacity: 0;
  }
}

.node-article.node-teaser .featured-image,
.node-resource.node-teaser .featured-image,
.node-quiz.node-teaser .featured-image,
.node-page.node-teaser .featured-image {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 30px;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.node-article.node-teaser .featured-image.has-image,
.node-resource.node-teaser .featured-image.has-image,
.node-quiz.node-teaser .featured-image.has-image,
.node-page.node-teaser .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.node-article.node-teaser .content,
.node-resource.node-teaser .content,
.node-quiz.node-teaser .content,
.node-page.node-teaser .content {
  position: absolute;
  bottom: -10px;
  left: 10px;
  z-index: 1;
  text-align: left;
}

.node-article.node-teaser .content .title,
.node-resource.node-teaser .content .title,
.node-quiz.node-teaser .content .title,
.node-page.node-teaser .content .title {
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  color: #4D4D4D !important;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  text-align: left;
  max-width: 350px;
}

.node-article.node-teaser .reveal,
.node-resource.node-teaser .reveal,
.node-quiz.node-teaser .reveal,
.node-page.node-teaser .reveal {
  background: #ededed;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  opacity: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
}

.node-article.node-teaser .reveal:after,
.node-resource.node-teaser .reveal:after,
.node-quiz.node-teaser .reveal:after,
.node-page.node-teaser .reveal:after {
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  background-image: url("../img/arrow-right-gray-small@2x.png");
  width: 12px;
  height: 17px;
  display: inline-block;
  background-size: 12px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .node-article.node-teaser .reveal:after, .no-backgroundsize
.node-resource.node-teaser .reveal:after, .no-backgroundsize
.node-quiz.node-teaser .reveal:after, .no-backgroundsize
.node-page.node-teaser .reveal:after {
  background-image: url("../img/arrow-right-gray-small.png");
}

.node-article.node-teaser .reveal .field-type-text-with-summary,
.node-article.node-teaser .reveal p,
.node-resource.node-teaser .reveal .field-type-text-with-summary,
.node-resource.node-teaser .reveal p,
.node-quiz.node-teaser .reveal .field-type-text-with-summary,
.node-quiz.node-teaser .reveal p,
.node-page.node-teaser .reveal .field-type-text-with-summary,
.node-page.node-teaser .reveal p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  color: #4D4D4D;
  margin-bottom: 5px;
}

.eventbrite.node-teaser a:hover .title,
.eventbrite.node-teaser a:hover .title h2 {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  color: #FFFFFF !important;
  background: #0083c7;
}

.eventbrite.node-teaser a:hover .title h2 {
  box-shadow: none;
}

.eventbrite.node-teaser a:hover .reveal {
  opacity: 1;
}

@media screen and (max-width: 1090px) {
  .eventbrite.node-teaser a:hover .reveal {
    opacity: 0;
  }
}

.eventbrite.node-teaser .featured-image {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 30px;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.eventbrite.node-teaser .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.eventbrite.node-teaser .content {
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 1;
  text-align: left;
  width: 100%;
  padding: 0 10px;
}

.eventbrite.node-teaser .content .title,
.eventbrite.node-teaser .content .title h2 {
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  color: #4D4D4D !important;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  text-align: left;
  max-width: 100%;
}

.eventbrite.node-teaser .content .title.full {
  width: 100%;
}

.eventbrite.node-teaser .content .title.full h2 {
  padding: 5px 0;
  box-shadow: none;
}

.eventbrite.node-teaser .content .title.full .meta .date {
  display: inline-block;
}

.eventbrite.node-teaser .content .title.full .meta .date-day, .eventbrite.node-teaser .content .title.full .meta .date-time {
  margin-right: 12.5px;
}

.eventbrite.node-teaser .content .title.full .meta span {
  font-weight: 400;
  display: inline-block;
}

.eventbrite.node-teaser .content .title.full .button-medium, .eventbrite.node-teaser .content .title.full input[type="submit"], .eventbrite.node-teaser .content .title.full .quiz-start-link, .eventbrite.node-teaser .content .title.full .node-quiz .download-quiz, .node-quiz .eventbrite.node-teaser .content .title.full .download-quiz {
  margin: 10px 0;
  font-weight: 400;
  padding: 5px 10px;
}

.eventbrite.node-teaser .reveal {
  background: transparent;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  opacity: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
}

.eventbrite.node-teaser .reveal:after {
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  background-image: url("../img/arrow-right-gray-small@2x.png");
  width: 12px;
  height: 17px;
  display: inline-block;
  background-size: 12px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .eventbrite.node-teaser .reveal:after {
  background-image: url("../img/arrow-right-gray-small.png");
}

.eventbrite.node-teaser .reveal .field-type-text-with-summary,
.eventbrite.node-teaser .reveal p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  color: #4D4D4D;
  margin-bottom: 5px;
}

.sidebar-first-region .node-safer-internet-day.node-teaser a:hover .title,
.sidebar-first-region .node-supporters-landing-page.node-teaser a:hover .title {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  color: #FFFFFF !important;
  background: #0083c7;
}

.sidebar-first-region .node-safer-internet-day.node-teaser a:hover .reveal,
.sidebar-first-region .node-supporters-landing-page.node-teaser a:hover .reveal {
  opacity: 1;
}

@media screen and (max-width: 1090px) {
  .sidebar-first-region .node-safer-internet-day.node-teaser a:hover .reveal,
  .sidebar-first-region .node-supporters-landing-page.node-teaser a:hover .reveal {
    opacity: 0;
  }
}

.sidebar-first-region .node-safer-internet-day.node-teaser .featured-image,
.sidebar-first-region .node-supporters-landing-page.node-teaser .featured-image {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 30px;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.sidebar-first-region .node-safer-internet-day.node-teaser .featured-image.has-image,
.sidebar-first-region .node-supporters-landing-page.node-teaser .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.sidebar-first-region .node-safer-internet-day.node-teaser .content,
.sidebar-first-region .node-supporters-landing-page.node-teaser .content {
  position: absolute;
  bottom: -10px;
  left: 10px;
  z-index: 1;
  text-align: left;
}

.sidebar-first-region .node-safer-internet-day.node-teaser .content .title,
.sidebar-first-region .node-supporters-landing-page.node-teaser .content .title {
  background-color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 10px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  color: #4D4D4D !important;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  text-align: left;
  max-width: 350px;
}

.sidebar-first-region .node-safer-internet-day.node-teaser .reveal,
.sidebar-first-region .node-supporters-landing-page.node-teaser .reveal {
  background: #ededed;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  opacity: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  text-align: left;
}

.sidebar-first-region .node-safer-internet-day.node-teaser .reveal:after,
.sidebar-first-region .node-supporters-landing-page.node-teaser .reveal:after {
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  background-image: url("../img/arrow-right-gray-small@2x.png");
  width: 12px;
  height: 17px;
  display: inline-block;
  background-size: 12px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .sidebar-first-region .node-safer-internet-day.node-teaser .reveal:after, .no-backgroundsize
.sidebar-first-region .node-supporters-landing-page.node-teaser .reveal:after {
  background-image: url("../img/arrow-right-gray-small.png");
}

.sidebar-first-region .node-safer-internet-day.node-teaser .reveal .field-type-text-with-summary,
.sidebar-first-region .node-safer-internet-day.node-teaser .reveal p,
.sidebar-first-region .node-supporters-landing-page.node-teaser .reveal .field-type-text-with-summary,
.sidebar-first-region .node-supporters-landing-page.node-teaser .reveal p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  color: #4D4D4D;
  margin-bottom: 5px;
}

/*
    Article Styles
*/
.node-type-article .main-content:after {
  content: '';
  display: block;
  clear: both;
}

.node-type-article .page {
  position: relative;
  padding: 40px 0;
}

.node-type-article .page:after {
  content: '';
  display: block;
  clear: both;
}

.node-type-article .page > .main-content {
  float: left;
  width: 66.6666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  padding: 0 20px;
}

.node-type-article .page > .main-content:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .node-type-article .page > .main-content {
    width: 100%;
  }
}

.node-type-article .page .sidebar-first-region {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  margin-top: 0;
  padding: 0 0 0 60px;
}

.node-type-article .page .sidebar-first-region:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .node-type-article .page .sidebar-first-region {
    width: 100%;
  }
}

.node-type-article .node-content-container {
  padding: 0;
}

.main-content:after {
  content: '';
  display: block;
  clear: both;
}

.node-article .field-items .field-item {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 10px;
  border-bottom: 1px solid transparent;
  transition: border .3s ease-in-out;
}

.node-article .field-items .field-item:hover {
  border-bottom: 1px solid #4D4D4D;
}

.node-article .field-items .field-item a {
  color: #000000;
}

.node-article .field-items .field-item a:hover {
  color: #000000;
}

.node-article.node-teaser {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.node-article.node-teaser:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .node-article.node-teaser {
    width: 100%;
  }
}

.node-article.node-teaser a {
  color: #4D4D4D;
}

.not-front .main-content > .node-page h1 {
  font-size: calc(24px + 30 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px) {
  .not-front .main-content > .node-page h1 {
    font-size: 54px;
  }
}

@media screen and (max-width: 420px) {
  .not-front .main-content > .node-page h1 {
    font-size: 24px;
  }
}

.node-page .node-title {
  line-height: 1em;
}

.page-node-3464 .node-title {
  text-align: center;
  margin-bottom: 20px;
}

.page-node-71 .field-type-link-field {
  display: none;
}

/*
    Resource Styles
*/
.node-type-resource > .page {
  position: relative;
  padding-top: 60px;
}

.node-type-resource .node-resource .node-title {
  margin: 0 0 20px 0;
}

.node-resource.teaser {
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.node-resource.teaser:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .node-resource.teaser {
    width: 100%;
  }
}

.sidebar-first-region .node-resource.teaser {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 25px;
}

.sidebar-first-region .node-resource.teaser .featured-image {
  margin-bottom: 0;
}

.node-resource.teaser .featured-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 50px;
  background-image: url("../img/default-bg@2x.png");
  background-repeat: repeat;
  background-size: 40px;
}

.node-resource.teaser .featured-image.has-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.node-resource.teaser .content {
  width: 100%;
}

.node-resource.teaser .title {
  z-index: 1;
}

.node-resource.teaser .field {
  padding: 0;
}

.node-resource.teaser .reveal {
  background: #ededed;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  padding-left: 80px !important;
  opacity: 0;
  transition: all .3s ease-in-out;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.node-resource.teaser .reveal:after {
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: '';
  background-image: url("../img/arrow-right-gray-small@2x.png");
  width: 12px;
  height: 17px;
  display: inline-block;
  background-size: 12px 17px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no-backgroundsize .node-resource.teaser .reveal:after {
  background-image: url("../img/arrow-right-gray-small.png");
}

.node-resource.teaser .reveal p {
  font-size: 17px;
  line-height: 1.6;
  color: #4D4D4D;
}

.node-resource.teaser .reveal .resource-icon {
  color: #bbb;
  position: absolute;
  top: 37px;
  left: 30px;
}

.node-resource.teaser .reveal .meta-data {
  color: #bbb;
  display: block;
  margin-top: 10px;
}

.node-resource.teaser:hover .title {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  color: #FFFFFF !important;
  background: #0083c7;
}

.node-resource.teaser:hover .reveal {
  opacity: 1;
}

/*
    Safer internet day
*/
.node-safer-internet-day .main-content {
  margin-top: 0;
  padding: 40px;
  background: #FFFFFF;
  color: #4D4D4D;
}

@media screen and (max-width: 760px) {
  .node-safer-internet-day {
    padding: 40px 0;
  }
  .node-safer-internet-day .main-content {
    padding: 20px;
  }
  .node-safer-internet-day .main-content p {
    padding: 0;
  }
}

/*
    Supporters Landing Page
*/
.social-media-fields-container .social-media-row {
  margin-bottom: 50px;
  overflow: hidden;
}

.social-media-fields-container .social-media-field {
  display: block;
}

.social-media-fields-container .social-media-field h2 {
  background: #eee;
  display: block;
  padding: 10px 15px;
  padding-left: 80px;
  position: relative;
  margin: 0;
}

.social-media-fields-container .social-media-field h2 .fa {
  color: #0083c7;
  font-size: 35px;
  left: 18px;
  position: absolute;
  top: 13px;
}

.social-media-fields-container .social-media-field .social-media-field-content {
  padding: 20px 10px;
}

/*
    Blogs
*/
.news-wrapper-container {
  background: #FFFFFF;
  padding: 40px 0;
}

.news-wrapper {
  margin-bottom: 80px;
}

@media screen and (max-width: 760px) {
  .news-wrapper {
    padding: 0;
  }
}

.news-wrapper .news-teaser ul {
  padding: 0;
}

.news-wrapper .news-teaser ul li {
  position: relative;
  display: inline-block;
  background: #ff6600;
  border-radius: 3px 0 0 3px;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  margin: 0 10px 10px 0;
}

.news-wrapper .views-field {
  margin-bottom: 30px;
}

.news-wrapper a {
  color: #000000;
}

.news-wrapper a:hover {
  color: #000000;
}

.news-wrapper a:hover .title {
  border-bottom: 1px solid #ff6600;
  color: #ff6600;
}

.news-wrapper a:hover .news-image img {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}

.news-wrapper .views-field {
  min-height: 250px;
}

.news-wrapper .news-teaser {
  display: block;
  margin-bottom: 20px;
}

.news-wrapper .news-teaser:after {
  content: '';
  display: block;
  clear: both;
}

.news-wrapper .news-teaser.no-image {
  padding-left: 0 !important;
}

.news-wrapper .news-teaser.has-image .news-meta {
  float: left;
  width: 66.6666666667%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.news-wrapper .news-teaser.has-image .news-meta:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .news-wrapper .news-teaser.has-image .news-meta {
    width: 100%;
  }
}

@media screen and (max-width: 1090px) {
  .news-wrapper .news-teaser {
    padding-left: 0 !important;
  }
}

.news-wrapper .news-teaser .news-image {
  float: left;
  float: left;
  width: 33.3333333333%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
  padding: 0;
}

.news-wrapper .news-teaser .news-image:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .news-wrapper .news-teaser .news-image {
    width: 100%;
  }
}

.news-wrapper .news-teaser .news-image img {
  display: block;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.04);
  transition: box-shadow .3s ease-in-out;
  height: auto;
  width: 100%;
}

.news-wrapper .news-teaser .news-meta {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  min-height: 1px;
}

.news-wrapper .news-teaser .news-meta:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 760px) {
  .news-wrapper .news-teaser .news-meta {
    width: 100%;
  }
}

.news-wrapper .news-teaser .news-meta h2,
.news-wrapper .news-teaser .news-meta h3 {
  display: inline;
}

.news-wrapper .news-teaser .news-meta p {
  margin-bottom: 10px;
}

.news-wrapper .news-teaser .news-meta p.date {
  margin-bottom: 0;
}

.news-wrapper .news-teaser .news-meta .field-type-text-with-summary p:first-of-type {
  margin: 30px 0 20px 0;
}

.page-node-11 .news-wrapper .news-teaser .news-meta .field-type-text-with-summary p:first-of-type {
  margin: 10px 0 10px 0;
}

.news-wrapper .news-teaser .title {
  font-size: calc(22px + 8 * ((100vw - 420px) / 860));
  display: inline;
  margin-bottom: 5px;
  border-bottom: 1px solid #000000;
  transition: border .3s ease-in-out, color .3s ease-in-out;
  text-align: left;
}

@media screen and (min-width: 1280px) {
  .news-wrapper .news-teaser .title {
    font-size: 30px;
  }
}

@media screen and (max-width: 420px) {
  .news-wrapper .news-teaser .title {
    font-size: 22px;
  }
}

.news-wrapper .news-teaser .content {
  text-align: left;
}

@media screen and (max-width: 1090px) {
  .news-wrapper .news-teaser .news-image {
    display: block;
    width: 100%;
    position: relative;
  }
  .news-wrapper .news-teaser .news-meta {
    display: block;
    padding-left: 0;
  }
}

.news-wrapper .item-list-pager {
  text-align: center;
}

.page-search .pager li, .news-wrapper .item-list-pager li {
  display: inline-block;
}

.page-search .pager li.current, .news-wrapper .item-list-pager li.current {
  color: #000000;
  border-bottom: 1px solid #000000;
}

.page-search .pager li.current.first, .news-wrapper .item-list-pager li.current.first {
  margin-right: 0;
}

.page-search .pager li.first, .news-wrapper .item-list-pager li.first, .page-search .pager li.next, .news-wrapper .item-list-pager li.next {
  margin-right: 10px;
}

.page-search .pager li.previous, .news-wrapper .item-list-pager li.previous {
  margin-right: 20px;
}

.page-search .pager li.next, .news-wrapper .item-list-pager li.next {
  margin-left: 20px;
}

.page-search .pager li.ellipsis, .news-wrapper .item-list-pager li.ellipsis {
  display: none;
}

.page-search .pager li a, .news-wrapper .item-list-pager li a {
  text-transform: capitalize;
  border-bottom: 1px solid transparent;
  transition: border .3s ease-in-out;
}

.page-search .pager li a:hover, .news-wrapper .item-list-pager li a:hover {
  color: #000000;
  border-bottom: 1px solid #000000;
}

.news-archive-container h2.title {
  font-size: 30px;
  margin-bottom: 10px;
  text-align: left;
}

.news-archive-container ul li {
  margin: 0 0 5px;
}

.page-blog-by-date .breadcrumbs,
.page-research-by-date .breadcrumbs {
  display: none;
}

.page-blog-by-date .news-wrapper,
.page-research-by-date .news-wrapper {
  margin-top: 100px;
}

/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider ul, .unslider ol, .unslider li {
  list-style: none;
  /* Reset any weird spacing */
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
}

.unslider-arrow.next {
  left: auto;
  right: 20px;
}

.unslider-nav {
  bottom: 50px;
  position: absolute;
  width: 100%;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  background: #fff;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  /* border: 2px solid #fff; */
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #ff6600;
  cursor: default;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated, .menu-main ul > li.expanded:hover > ul, .audiences-container .audience-block:hover .audience-item {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite, .menu-main ul > li.expanded:hover > ul.infinite, .audiences-container .audience-block:hover .infinite.audience-item {
  animation-iteration-count: infinite;
}

.animated.hinge, .menu-main ul > li.expanded:hover > ul.hinge, .audiences-container .audience-block:hover .hinge.audience-item {
  animation-duration: 2s;
}

.animated.flipOutX, .menu-main ul > li.expanded:hover > ul.flipOutX, .audiences-container .audience-block:hover .flipOutX.audience-item,
.animated.flipOutY,
.menu-main ul > li.expanded:hover > ul.flipOutY,
.audiences-container .audience-block:hover .flipOutY.audience-item,
.animated.bounceIn,
.menu-main ul > li.expanded:hover > ul.bounceIn,
.audiences-container .audience-block:hover .bounceIn.audience-item,
.animated.bounceOut,
.menu-main ul > li.expanded:hover > ul.bounceOut,
.audiences-container .audience-block:hover .bounceOut.audience-item {
  animation-duration: .75s;
}

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

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

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

.flash {
  animation-name: flash;
}

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

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse, .audiences-container .audience-block:hover .audience-item {
  animation-name: pulse;
}

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

.rubberBand {
  animation-name: rubberBand;
}

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

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

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

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

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

.tada {
  animation-name: tada;
}

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

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

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

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

.bounceIn {
  animation-name: bounceIn;
}

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

.bounceInDown {
  animation-name: bounceInDown;
}

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

.bounceInLeft {
  animation-name: bounceInLeft;
}

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

.bounceInRight {
  animation-name: bounceInRight;
}

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

.bounceInUp {
  animation-name: bounceInUp;
}

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

.bounceOut {
  animation-name: bounceOut;
}

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

.bounceOutDown {
  animation-name: bounceOutDown;
}

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

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

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

.bounceOutRight {
  animation-name: bounceOutRight;
}

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

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn, .menu-main ul > li.expanded:hover > ul {
  animation-name: fadeIn;
}

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

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

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

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

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

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

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

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

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

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

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

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

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

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

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

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

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

.animated.flip, .menu-main ul > li.expanded:hover > ul.flip, .audiences-container .audience-block:hover .flip.audience-item {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rotateIn {
  animation-name: rotateIn;
}

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

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

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

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

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

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

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

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

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

.rotateOut {
  animation-name: rotateOut;
}

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

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

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

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

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

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

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

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

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

.hinge {
  animation-name: hinge;
}

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

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

.rollIn {
  animation-name: rollIn;
}

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

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

.rollOut {
  animation-name: rollOut;
}

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

.zoomIn {
  animation-name: zoomIn;
}

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

.zoomInDown {
  animation-name: zoomInDown;
}

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

.zoomInLeft {
  animation-name: zoomInLeft;
}

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

.zoomInRight {
  animation-name: zoomInRight;
}

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

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

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

.zoomOutDown {
  animation-name: zoomOutDown;
}

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

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

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

.zoomOutRight {
  animation-name: zoomOutRight;
}

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

.zoomOutUp {
  animation-name: zoomOutUp;
}

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

.slideInDown {
  animation-name: slideInDown;
}

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

.slideInLeft {
  animation-name: slideInLeft;
}

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

.slideInRight {
  animation-name: slideInRight;
}

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

.slideInUp {
  animation-name: slideInUp;
}

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

.slideOutDown {
  animation-name: slideOutDown;
}

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

.slideOutLeft {
  animation-name: slideOutLeft;
}

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

.slideOutRight {
  animation-name: slideOutRight;
}

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

.slideOutUp {
  animation-name: slideOutUp;
}

.page-node-3377 .drupal-messages,
.page-node-3377 .messages {
  display: none !important;
}