/* ---------- Import variables ---------- */
/* Layout */
/**
 * Jeet grid settings.
 */
/**
 * Breakpoints - Breakpoint slicer
 * https://github.com/lolmaus/breakpoint-slicer
 */
/* Colors */
/* Greys */
/* Elements */
/* Borders */
/* Links */
/* Font stuff */
/* ---------- Import grid system ---------- */
/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/* ---------- Import base ---------- */
/*  Better box model */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i,800");
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: "Open Sans", Arial, sans-serif; }

body {
  margin: 0; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 16; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Base responsive images */
img {
  height: auto;
  max-width: 100%;
  border: 0; }

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

figure {
  margin: 0; }

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

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

/* -------------------- 1 functions

  @include containment
  @include absolute-center;
  @include placeholder{}
  @include background-img('1.jpg','center');
  @include before-transition, after-transition;
  @include hover-transition($object,$time);  //no object then itself
  @include icomoon($char)
  @include min-height;
  @include basic-font,title-font;
  @include views-edit($background);  //style for the edit button for views
  @include hide-select-arrow;
  @include views-layout($desktop,$tablet);
  @include views-layout($desktop,$tablet,$gutter);
  @include mobile-scroll;
  @include views-edit;

*/
/* -------------------- 2 effect

  @include one-by-one-show($time);
  @include preloader-img
  @include transform-wrapper($size,$time);
  @include ajax-preloader($color1,$color2);
  @include ajax-loading($color);

  @include background-color-overlay($color,1,0.9);

*/
/* -------------------- 3 responsive

  @include responsive-font(22,2);
  @include responsive-video;

*/
/* -------------------- 4 button and shapes

  @include bottom-shadow($width,$height,$opacity);
  @include button-shadow
  @include triangle(8px,13px,white,"down",30%);
  @include burger_menu_open ,burger_menu
  @include squre;

*/
/* -------------------- 5 animations

   animations flipInX,jello,wobble,tada,bounce,rubberBand,slideUp,fadeIn_offset,shake,zoom-in,bounceIn

*/
/* -------------------- 6 others

  @include hide-select-arrow;

*/
/*  ###require below code added in the body tag###
    <ul class="preloader" style="padding: 0; margin: 0; display:  flex">
      <li class="sk-circle" style="padding: 0; margin: 0; display:  inline-block; ">
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
        <div class="sk-child"></div>
      </li>
    </ul> */
@keyframes preloader-finish {
  0% {
    top: -100%; }
  100% {
    opacity: 0;
    top: -100%; } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes fadeIn_offset {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0px); } }
@keyframes fadeIn_offset_Y {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes zoom-in {
  from {
    transform: scale(0.1); }
  60% {
    transform: scale(1.05); }
  80% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes slideDown {
  from {
    transform: translateY(-300px);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes slideUp {
  0% {
    transform: translateY(300px);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes scale {
  50% {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5); }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes thr-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes sk-circleBounceDelay {
  0%,
      80%,
      100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
/**
 * Extendables
 *
 * Collect all of your extendable classes, ids and silent extendables.
 */
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: '';
    display: table; }
  .clearfix:after {
    clear: both; }

/*
* Breakpoints slicer debug
 */
body.dev::after,
body.preprod::after {
  position: fixed;
  font-size: 12px;
  bottom: 0;
  left: 0;
  z-index: 10000000;
  padding: 5px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6); }
  @media (min-width: 0) {
    body.dev::after,
    body.preprod::after {
      content: "mobile"; } }
  @media (min-width: 480px) {
    body.dev::after,
    body.preprod::after {
      content: "tablet-p"; } }
  @media (min-width: 768px) {
    body.dev::after,
    body.preprod::after {
      content: "tablet-l"; } }
  @media (min-width: 1024px) {
    body.dev::after,
    body.preprod::after {
      content: "desktop"; } }
  @media (min-width: 1200px) {
    body.dev::after,
    body.preprod::after {
      content: "desktop-xl"; } }

/**
 * Typography
 */
/* @font-face kit by Fonts2u (https://fonts2u.com) */
@font-face {
  font-family: "Highway Gothic Condensed";
  src: url("../fonts/highway_gothic_condensed/HWYGCOND.eot?") format("eot"), url("../fonts/highway_gothic_condensed/HWYGCOND.woff") format("woff"), url("../fonts/highway_gothic_condensed/HWYGCOND.ttf") format("truetype"), url("../fonts/highway_gothic_condensed/HWYGCOND.svg#highwaygothiccondesed") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon/icomoon.eot?j9vk0h");
  src: url("../fonts/icomoon/icomoon.eot?j9vk0h#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?j9vk0h") format("truetype"), url("../fonts/icomoon/icomoon.woff?j9vk0h") format("woff"), url("../fonts/icomoon/icomoon.svg?j9vk0h#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

html,
button,
input,
select,
textarea {
  font-family: "Open Sans", Arial, sans-serif; }

body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.3;
  color: #000000;
  margin: .67em 0; }
  @media (min-width: 481px) and (max-width: 1024px) {
    h1 {
      font-size: 35px;
      font-size: 2.1875rem; } }
  @media (max-width: 480px) {
    h1 {
      font-size: 30px;
      font-size: 1.875rem; } }

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #000000;
  margin: .83em 0; }
  @media (min-width: 481px) and (max-width: 1024px) {
    h2 {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media (max-width: 480px) {
    h2 {
      font-size: 20px;
      font-size: 1.25rem; } }

h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #000000;
  margin: 1em 0; }
  @media (min-width: 481px) and (max-width: 1024px) {
    h3 {
      font-size: 17px;
      font-size: 1.0625rem; } }
  @media (max-width: 480px) {
    h3 {
      font-size: 16px;
      font-size: 1rem; } }

h4 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #000000;
  margin: 1.33em 0; }
  @media (min-width: 481px) and (max-width: 1024px) {
    h4 {
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media (max-width: 480px) {
    h4 {
      font-size: 12px;
      font-size: 0.75rem; } }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1.5em 0; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-family: 'courier new',monospace;
  font-size: 16px;
  font-size: 1rem; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 14px;
  font-size: 0.875rem; }

large {
  font-size: 18px;
  font-size: 1.125rem; }

sub, sup {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

dl, ol, ul {
  margin: 1.5em 0; }
  dl dl, dl menu, dl ul, ol dl, ol menu, ol ul, ul dl, ul menu, ul ul {
    margin: 0; }

dd {
  margin: 0 0 0 30px; }

ul {
  padding: 0 0 0 30px;
  list-style: disc; }
  ul.rteindent1 {
    padding: 0; }

ol {
  padding: 0 0 0 30px;
  list-style: decimal; }
  ol.rteindent1 {
    padding: 0; }

ol ol {
  margin: 0;
  list-style: lower-alpha; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

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

figure {
  margin: 0; }

.container, #block-bean-campaign-event-parent-content-wr, #block-bean-campaign-testimonials > .content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  *zoom: 1; }
  .container:before, #block-bean-campaign-event-parent-content-wr:before, #block-bean-campaign-testimonials > .content:before, .container:after, #block-bean-campaign-event-parent-content-wr:after, #block-bean-campaign-testimonials > .content:after {
    content: '';
    display: table; }
  .container:after, #block-bean-campaign-event-parent-content-wr:after, #block-bean-campaign-testimonials > .content:after {
    clear: both; }

#block-views-homepage-banner-block-3 {
  position: relative;
  min-height: 550px;
  padding: 100px 0; }
  #block-views-homepage-banner-block-3 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #b7222f;
    opacity: .9; }
    @media (min-width: 768px) {
      #block-views-homepage-banner-block-3 .overlay {
        width: 50%; } }
  #block-views-homepage-banner-block-3 .view-homepage-banner {
    display: flex; }
    #block-views-homepage-banner-block-3 .view-homepage-banner > .view-content {
      flex: 1; }
      @media (min-width: 768px) {
        #block-views-homepage-banner-block-3 .view-homepage-banner > .view-content {
          flex: .4; } }
      @media (min-width: 1024px) {
        #block-views-homepage-banner-block-3 .view-homepage-banner > .view-content {
          flex: .5; } }
  #block-views-homepage-banner-block-3 .field-name-field-title {
    color: #fff; }
    #block-views-homepage-banner-block-3 .field-name-field-title .odd {
      font-size: 1.667rem; }
      #block-views-homepage-banner-block-3 .field-name-field-title .odd:nth-child(1) {
        font-size: 4.444rem;
        font-weight: bold; }
    #block-views-homepage-banner-block-3 .field-name-field-title .even {
      font-size: 4.444rem;
      font-weight: bold; }
  #block-views-homepage-banner-block-3 .field-name-field-home-banner-links {
    margin-top: 2.431rem; }
    #block-views-homepage-banner-block-3 .field-name-field-home-banner-links a {
      font-size: 1.111rem;
      color: #2e486a;
      background-color: #fff;
      padding: 1rem 1.8rem;
      border-radius: 20px;
      font-weight: 600; }

#main-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.node-type-campaign .user-picture {
  display: none; }
.node-type-campaign .header-content-wrapper {
  margin: 0 -20px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .node-type-campaign .header-content-wrapper {
      flex-direction: row;
      gap: 3rem; } }
  .node-type-campaign .header-content-wrapper .header-content {
    padding: 40px 20px;
    font-size: 1.111rem;
    line-height: 22px;
    color: #5c7f92; }
    .node-type-campaign .header-content-wrapper .header-content h3 {
      font-size: 24px;
      line-height: 34px;
      font-weight: normal;
      color: #5c7f92; }
    .node-type-campaign .header-content-wrapper .header-content p {
      font-size: 16px; }
  .node-type-campaign .header-content-wrapper .header-quote {
    padding: 40px 20px;
    background-color: #f1f2f2;
    font-size: 1.667rem;
    color: #5c7f92;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center; }
  .node-type-campaign .header-content-wrapper .header-quote-content {
    font-style: italic; }
  .node-type-campaign .header-content-wrapper .qoutatino-mark {
    width: 48px;
    margin: auto; }
.node-type-campaign .statistics-wrapper {
  padding: 80px 0;
  background: #2e486a;
  background: linear-gradient(90deg, #2e486a 0%, #2e486a 31%, #5c7f92 100%); }
.node-type-campaign .statistics-list {
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  @media (min-width: 768px) {
    .node-type-campaign .statistics-list {
      flex-direction: row; } }
.node-type-campaign .statistics-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
.node-type-campaign .statistics-item-icon {
  width: 53px;
  margin: auto; }
.node-type-campaign .statistics-item-title {
  font-size: 2.778rem;
  color: #fff;
  margin: 30px 0 0; }
.node-type-campaign .statistics-item-subtitle {
  font-size: 2.083rem;
  color: #fff;
  margin: 0; }
.node-type-campaign .street-smart-event-details-section {
  background: #f1f2f2; }
.node-type-campaign .street-smart-event-details-wrapper {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .node-type-campaign .street-smart-event-details-wrapper {
      flex-direction: row; } }
.node-type-campaign .street-smart-event-details-description {
  flex: 1; }
@media (min-width: 768px) {
  .node-type-campaign .street-smart-event-details-description-wrapper {
    padding: 30px 70px 30px 50px; } }
.node-type-campaign .street-smart-event-details-description-wrapper h3 {
  font-size: 2.083rem;
  color: #2e486a; }
.node-type-campaign .street-smart-event-details-description-wrapper p strong {
  font-size: 1.25rem;
  color: #5c7f92; }
.node-type-campaign .street-smart-event-details-description-wrapper ul {
  font-size: 1.111rem;
  line-height: 22px;
  color: #5c7f92;
  list-style: none; }
  .node-type-campaign .street-smart-event-details-description-wrapper ul li::before {
    content: "\2022";
    color: #ed1c24;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em; }
.node-type-campaign .street-smart-event-details-media {
  position: relative;
  margin: 0 -20px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .node-type-campaign .street-smart-event-details-media {
      flex-direction: initial; } }
  @media (min-width: 1024px) {
    .node-type-campaign .street-smart-event-details-media {
      flex: 1;
      flex-direction: row-reverse;
      min-height: 450px; } }
.node-type-campaign .street-smart-event-details-media-content-wrapper {
  background-color: #ed1c24;
  padding: 80px 40px;
  position: relative;
  z-index: 1; }
  @media (min-width: 768px) {
    .node-type-campaign .street-smart-event-details-media-content-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  .node-type-campaign .street-smart-event-details-media-content-wrapper .play-icon {
    width: 72px; }
.node-type-campaign .street-smart-event-details-bg-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: none; }
  @media (min-width: 1024px) {
    .node-type-campaign .street-smart-event-details-bg-img {
      display: block; } }
.node-type-campaign .street-smart-event-details-media-content {
  font-size: 2.083rem;
  color: #fff;
  font-weight: bold; }
  .node-type-campaign .street-smart-event-details-media-content a {
    font-size: 1.111rem;
    color: #2e486a;
    font-weight: 600;
    background-color: #fff;
    padding: 1rem 1.8rem;
    border-radius: 20px; }
  .node-type-campaign .street-smart-event-details-media-content .link-wrapper {
    margin-top: 15px; }

.node-campaign .submitted-by {
  display: none; }

#block-bean-campaign-event-parent-content-wr {
  padding: 0; }

@media (min-width: 1024px) {
  .bean-campaign-eventparent-wrapper {
    min-height: 720px; } }
.bean-campaign-eventparent-wrapper > .content {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1024px) {
    .bean-campaign-eventparent-wrapper > .content {
      flex-direction: row; } }
.bean-campaign-eventparent-wrapper .field-name-field-event-program,
.bean-campaign-eventparent-wrapper .field-name-field-parent-information {
  flex: 1;
  position: relative;
  margin-bottom: 0; }
.bean-campaign-eventparent-wrapper .field-name-field-background-image {
  margin: 0; }
  @media (min-width: 1024px) {
    .bean-campaign-eventparent-wrapper .field-name-field-background-image {
      height: 950px; } }
  @media (min-width: 1024px) {
    .bean-campaign-eventparent-wrapper .field-name-field-background-image {
      height: 720px; } }
  .bean-campaign-eventparent-wrapper .field-name-field-background-image img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 950px;
    object-fit: cover; }
    @media (min-width: 1024px) {
      .bean-campaign-eventparent-wrapper .field-name-field-background-image img {
        height: 720px;
        display: block; } }
.bean-campaign-eventparent-wrapper .field-name-field-parent-information .field-name-field-background-image img {
  object-position: right; }
.bean-campaign-eventparent-wrapper .bean-campaign-event-program {
  position: relative; }
  @media (min-width: 1024px) {
    .bean-campaign-eventparent-wrapper .bean-campaign-event-program {
      min-height: 720px; } }
.bean-campaign-eventparent-wrapper .event-program-section {
  z-index: 1;
  background-color: #5c7f92;
  bottom: 0;
  right: 0;
  padding: 60px 40px; }
  @media (min-width: 1024px) {
    .bean-campaign-eventparent-wrapper .event-program-section {
      width: 360px;
      position: absolute;
      padding: 60px 70px; } }
  .bean-campaign-eventparent-wrapper .event-program-section .field-name-field-title {
    font-size: 2.083rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px; }
  .bean-campaign-eventparent-wrapper .event-program-section .field-name-field-content {
    font-size: 1.25rem;
    color: #fff; }
  .bean-campaign-eventparent-wrapper .event-program-section .field-name-field-download-cta {
    padding-top: 15px; }
    .bean-campaign-eventparent-wrapper .event-program-section .field-name-field-download-cta a {
      font-size: 1.111rem;
      color: #2e486a;
      font-weight: 600;
      background-color: #fff;
      padding: 1rem 1.8rem;
      border-radius: 20px; }

.bean-campaign-parent-information .parent-info-top-content {
  top: 0;
  z-index: 1;
  background-color: #b8222f;
  padding: 60px 40px; }
  @media (min-width: 1024px) {
    .bean-campaign-parent-information .parent-info-top-content {
      padding: 30px 60px;
      position: absolute; } }
  .bean-campaign-parent-information .parent-info-top-content .field-name-field-top-title {
    font-size: 30px;
    margin: 0 0 12px;
    color: #fff;
    font-weight: bold; }
  .bean-campaign-parent-information .parent-info-top-content .field-name-field-top-content {
    font-size: 18px;
    color: #fff; }
  .bean-campaign-parent-information .parent-info-top-content .field-name-field-learn-more-cta {
    padding-top: 20px; }
    .bean-campaign-parent-information .parent-info-top-content .field-name-field-learn-more-cta a {
      font-size: 16px;
      color: #2e486a;
      font-weight: 600;
      background-color: #fff;
      padding: 1rem 1.8rem;
      border-radius: 20px; }
.bean-campaign-parent-information .parent-info-bottom-content {
  background-color: #2e486a;
  z-index: 1;
  bottom: 0;
  left: 0;
  padding: 60px 40px; }
  @media (min-width: 1024px) {
    .bean-campaign-parent-information .parent-info-bottom-content {
      width: 360px;
      position: absolute;
      padding: 60px 70px; } }
  .bean-campaign-parent-information .parent-info-bottom-content .field-name-field-bottom-title {
    font-size: 2.083rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px; }
  .bean-campaign-parent-information .parent-info-bottom-content .field-name-field-bottom-content {
    font-size: 1.25rem;
    color: #fff; }
  .bean-campaign-parent-information .parent-info-bottom-content .field-name-field-download-cta {
    padding-top: 15px; }
    .bean-campaign-parent-information .parent-info-bottom-content .field-name-field-download-cta a {
      font-size: 1.111rem;
      color: #2e486a;
      font-weight: 600;
      background-color: #fff;
      padding: 1rem 1.8rem;
      border-radius: 20px; }

#block-bean-campaign-testimonials {
  background-color: #f1f2f2;
  padding: 60px 0 80px; }
  #block-bean-campaign-testimonials h2 {
    font-size: 36px;
    text-align: center;
    color: #2e486a; }
  #block-bean-campaign-testimonials .field-name-field-testimonial-contents > .field-item {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-top: 30px; }
    @media (min-width: 1024px) {
      #block-bean-campaign-testimonials .field-name-field-testimonial-contents > .field-item {
        flex-direction: row; } }
  #block-bean-campaign-testimonials .bean-testimonial-item {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    position: relative; }
    #block-bean-campaign-testimonials .bean-testimonial-item::before {
      content: "\"";
      display: block;
      position: absolute;
      font-size: 97px;
      color: #b8222f;
      font-style: italic;
      font-weight: bold;
      top: -85px;
      transform: rotate(183deg); }
  #block-bean-campaign-testimonials .field-name-field-testimonial-name {
    font-size: 16px;
    color: #2e486a;
    font-weight: bold; }
  #block-bean-campaign-testimonials .field-name-field-testimonial-content {
    font-size: 14px;
    color: #5c7f92;
    line-height: 24px;
    margin-bottom: 0; }

#block-bean-sponsors,
#block-bean-campaign-sponsors {
  padding: 60px 0 80px; }
  #block-bean-sponsors h2,
  #block-bean-campaign-sponsors h2 {
    font-size: 36px;
    text-align: center;
    color: #2e486a; }
  #block-bean-sponsors .field-name-field-sponsor-items > .field-item,
  #block-bean-campaign-sponsors .field-name-field-sponsor-items > .field-item {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    margin-top: 30px;
    align-items: center;
    justify-content: center; }
    @media (min-width: 1024px) {
      #block-bean-sponsors .field-name-field-sponsor-items > .field-item,
      #block-bean-campaign-sponsors .field-name-field-sponsor-items > .field-item {
        flex-direction: row; } }
    #block-bean-sponsors .field-name-field-sponsor-items > .field-item .bean-sponsor-item:nth-child(2) .field-name-field-sponsor-logo img,
    #block-bean-campaign-sponsors .field-name-field-sponsor-items > .field-item .bean-sponsor-item:nth-child(2) .field-name-field-sponsor-logo img {
      width: 113px; }
  #block-bean-sponsors .field-name-field-sponsor-logo img,
  #block-bean-campaign-sponsors .field-name-field-sponsor-logo img {
    width: 223px;
    margin: auto; }
  #block-bean-sponsors .field-name-field-sponsor-name,
  #block-bean-campaign-sponsors .field-name-field-sponsor-name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0; }

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