@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap");
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

/* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

/* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support. */
[hidden] {
    display: none;
}

/* ==========================================================================
     Base
     ========================================================================== */
/* 1. Prevent system color scheme's background color being used in Firefox, IE,    *        and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *        Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *        `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *        user zoom. */
html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/* Address `font-family` inconsistency between `textarea` and other form
 * elements. */
html, button, input, select, textarea {
    font-family: sans-serif;
}

/* Address margins handled incorrectly in IE 6/7. */
body {
    margin: 0;
}

/* ==========================================================================
     Links
     ========================================================================== */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
    outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
    outline: 0;
}

/* ==========================================================================
     Typography
     ========================================================================== */
/* Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {
    border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/* Address styling not present in Safari 5 and Chrome. */
dfn {
    font-style: italic;
}

/* Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization. */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/* Address styling not present in IE 6/7/8/9. */
mark {
    background: #ff0;
    color: #000;
}

/* Address margins set differently in IE 6/7. */
pre {
    margin: 1em 0;
}

/* Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Address CSS quotes not supported in IE 6/7. */
q {
    quotes: none;
}

/* Address `quotes` property not supported in Safari 4. */
q:before, q:after {
    content: "";
    content: none;
}

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

/* ==========================================================================
     Lists
     ========================================================================== */
/* Address margins set differently in IE 6/7. */
dl, menu, ol, ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/* Address paddings set differently in IE 6/7. */
menu, ol, ul {
    padding: 0 0 0 40px;
}

/* Correct list images handled incorrectly in IE 7. */
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
     Embedded content
     ========================================================================== */
/* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7. */
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
     Figures
     ========================================================================== */
/* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {
    margin: 0;
}

/* ==========================================================================
     Forms
     ========================================================================== */
/* Correct margin displayed oddly in IE 6/7. */
form {
    margin: 0;
}

/* 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7. */
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/* 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,    *    and Chrome.
 * 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/* Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet. */
button, input {
    line-height: normal;
}

/* 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera. */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6. */
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

/* Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] {
    cursor: default;
}

/* 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6. */
input[type=checkbox], input[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof). */
input[type=search] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/* Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X. */
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers. */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
     Tables
     ========================================================================== */
/* Remove most spacing between table cells. */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,    * Kroc Camen, and the H5BP dev community and team. */
/* ==========================================================================
     Base styles: opinionated defaults
     ========================================================================== */
@viewport {
    zoom: 1;
    width: device-width;
}
div#at4-share {
    padding: 0 !important;
}

html, button, input, select, textarea {
    color: #222;
}

body {
    font-size: 62.5%;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design. */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles. */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas. */
textarea {
    resize: vertical;
}

/* ==========================================================================
     Chrome Frame prompt
     ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
     Author's custom styles
     ========================================================================== */
.container-fluid, .container {
    margin: 0 auto;
    padding: 0 5vw;
    max-width: 90rem;
}

.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

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

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

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

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

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

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.seo {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

@media only screen and (min-width: 48em) {
    .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    }
    .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    }
    .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    }
    .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    }
    .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    }
    .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    }
    .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    }
    .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    }
    .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    }
    .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    }
    .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    }
    .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    }
    .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    }
    .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    }
    .col-sm-offset-0 {
    margin-left: 0;
    }
    .col-sm-offset-1 {
    margin-left: 8.33333333%;
    }
    .col-sm-offset-2 {
    margin-left: 16.66666667%;
    }
    .col-sm-offset-3 {
    margin-left: 25%;
    }
    .col-sm-offset-4 {
    margin-left: 33.33333333%;
    }
    .col-sm-offset-5 {
    margin-left: 41.66666667%;
    }
    .col-sm-offset-6 {
    margin-left: 50%;
    }
    .col-sm-offset-7 {
    margin-left: 58.33333333%;
    }
    .col-sm-offset-8 {
    margin-left: 66.66666667%;
    }
    .col-sm-offset-9 {
    margin-left: 75%;
    }
    .col-sm-offset-10 {
    margin-left: 83.33333333%;
    }
    .col-sm-offset-11 {
    margin-left: 91.66666667%;
    }
    .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
    }
    .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    }
    .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
    }
    .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
    .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    }
    .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    }
    .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    }
    .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    }
}
@media only screen and (min-width: 64em) {
    .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    }
    .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    }
    .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    }
    .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    }
    .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    }
    .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    }
    .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    }
    .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    }
    .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    }
    .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    }
    .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    }
    .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    }
    .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    }
    .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    }
    .col-md-offset-0 {
    margin-left: 0;
    }
    .col-md-offset-1 {
    margin-left: 8.33333333%;
    }
    .col-md-offset-2 {
    margin-left: 16.66666667%;
    }
    .col-md-offset-3 {
    margin-left: 25%;
    }
    .col-md-offset-4 {
    margin-left: 33.33333333%;
    }
    .col-md-offset-5 {
    margin-left: 41.66666667%;
    }
    .col-md-offset-6 {
    margin-left: 50%;
    }
    .col-md-offset-7 {
    margin-left: 58.33333333%;
    }
    .col-md-offset-8 {
    margin-left: 66.66666667%;
    }
    .col-md-offset-9 {
    margin-left: 75%;
    }
    .col-md-offset-10 {
    margin-left: 83.33333333%;
    }
    .col-md-offset-11 {
    margin-left: 91.66666667%;
    }
    .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
    }
    .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    }
    .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
    }
    .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
    .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    }
    .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    }
    .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    }
    .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    }
}
@media only screen and (min-width: 75em) {
    .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    }
    .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    }
    .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
    }
    .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
    }
    .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    }
    .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
    }
    .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
    }
    .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    }
    .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
    }
    .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
    }
    .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    }
    .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
    }
    .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
    }
    .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    }
    .col-lg-offset-0 {
    margin-left: 0;
    }
    .col-lg-offset-1 {
    margin-left: 8.33333333%;
    }
    .col-lg-offset-2 {
    margin-left: 16.66666667%;
    }
    .col-lg-offset-3 {
    margin-left: 25%;
    }
    .col-lg-offset-4 {
    margin-left: 33.33333333%;
    }
    .col-lg-offset-5 {
    margin-left: 41.66666667%;
    }
    .col-lg-offset-6 {
    margin-left: 50%;
    }
    .col-lg-offset-7 {
    margin-left: 58.33333333%;
    }
    .col-lg-offset-8 {
    margin-left: 66.66666667%;
    }
    .col-lg-offset-9 {
    margin-left: 75%;
    }
    .col-lg-offset-10 {
    margin-left: 83.33333333%;
    }
    .col-lg-offset-11 {
    margin-left: 91.66666667%;
    }
    .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
    }
    .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    }
    .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
    }
    .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
    .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    }
    .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    }
    .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
    .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    }
    .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    }
}
/* Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.3.4 (29/12/2015) */
/* Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *     'breakpoint': 768px
 * ); */
@font-face {
    font-family: "lightcase";
    src: url("../fonts/lightcase.eot?55356177");
    src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*=lightcase-icon-]:before {
    font-family: "lightcase", sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
    content: "\e800";
}

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
    content: "\e801";
}

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
    content: "\e802";
}

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
    content: "\e803";
}

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
    content: "\e804";
}

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
    content: "\e805";
}

/* Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9) */
/* Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/* Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/* Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
    0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}
@-moz-keyframes lightcase-spin {
    0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}
@-o-keyframes lightcase-spin {
    0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}
@-ms-keyframes lightcase-spin {
    0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}
@keyframes lightcase-spin {
    0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 640px) {
    /* line 16, ../scss/components/modules/_case.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    }
}
@media screen and (min-width: 641px) {
    /* line 4, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
    }
}
@media screen and (min-width: 641px) {
    /* line 24, ../scss/components/modules/_content.scss */
    #lightcase-case[data-lc-type=image] #lightcase-content, #lightcase-case[data-lc-type=video] #lightcase-content {
    background-color: #333;
    }
}
/* line 32, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 640px) {
    /* line 32, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    }
}
/* line 42, ../scss/components/modules/_content.scss */
#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    /* line 42, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
    padding: 15px;
    }
    /* line 51, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner, #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important;
    }
    /* line 58, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important;
    }
}
@media screen and (max-width: 640px) {
    /* line 69, ../scss/components/modules/_content.scss */
    .lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
    /* line 73, ../scss/components/modules/_content.scss */
    [data-lc-type=image] #lightcase-content .lightcase-contentInner, [data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75;
    }
}
/* line 85, ../scss/components/modules/_content.scss */
.lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 640px) {
    /* line 90, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    }
}
@media screen and (min-width: 641px) {
    /* line 97, ../scss/components/modules/_content.scss */
    #lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
}
@media screen and (max-width: 640px) {
    /* line 114, ../scss/components/modules/_content.scss */
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #aaa;
    }
}
@media screen and (min-width: 641px) {
    /* line 114, ../scss/components/modules/_content.scss */
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333;
    }
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa;
}

@media screen and (max-width: 640px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
    padding: 30px 0;
    }
}
@media screen and (min-width: 641px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
    padding: 0;
    }
}
/* line 6, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    /* line 4, ../scss/components/modules/_global.scss */
    .lightcase-open body {
    padding: 55px 0 70px 0;
    }
    /* line 15, ../scss/components/modules/_global.scss */
    .lightcase-open body > *:not([id*=lightcase-]) {
    position: fixed !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    }
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
    position: absolute;
    padding-top: 15px;
}

/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
    text-overflow: ellipsis;
}

/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
    font-size: 2em;
    color: #ddd;
}

@media screen and (max-width: 640px) {
    /* line 19, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333;
    }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa;
}

/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa;
}

@media screen and (max-width: 640px) {
    /* line 45, ../scss/components/modules/_info.scss */
    .lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px;
    }
    /* line 51, ../scss/components/modules/_info.scss */
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static;
    }
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    -moz-animation: lightcase-spin 0.5s infinite linear;
    -o-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
}

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s;
}

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
    display: inline-block;
    text-indent: -9999px;
}

/* line 4, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*=lightcase-icon-] {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer;
}

/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*=lightcase-icon-], #lightcase-nav a[class*=lightcase-icon-]:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s;
}

/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*=lightcase-icon-] > span {
    display: inline-block;
    text-indent: -9999px;
}

/* line 49, ../scss/components/mixins/_presets.scss */
#lightcase-nav a[class*=lightcase-icon-]:hover {
    color: white;
    text-shadow: 0 0 15px white;
}

/* line 12, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice #lightcase-nav a[class*=lightcase-icon-]:hover {
    color: #aaa;
    text-shadow: none;
}

/* line 19, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-prev {
    left: 15px;
}

/* line 24, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-next {
    right: 15px;
}

/* line 29, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-pause, #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em;
}

@media screen and (min-width: 641px) {
    /* line 29, ../scss/components/modules/_navigation.scss */
    #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-pause, #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-play {
    opacity: 0;
    }
}
/* line 40, ../scss/components/modules/_navigation.scss */
#lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close {
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none;
}

@media screen and (max-width: 640px) {
    /* line 40, ../scss/components/modules/_navigation.scss */
    #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close {
    position: absolute;
    }
}
@media screen and (min-width: 641px) {
    /* line 40, ../scss/components/modules/_navigation.scss */
    #lightcase-nav a[class*=lightcase-icon-].lightcase-icon-close {
    position: fixed;
    }
}
@media screen and (max-width: 640px) {
    /* line 4, ../scss/components/modules/_navigation.scss */
    #lightcase-nav a[class*=lightcase-icon-] {
    bottom: 15px;
    font-size: 24px;
    }
}
@media screen and (min-width: 641px) {
    /* line 4, ../scss/components/modules/_navigation.scss */
    #lightcase-nav a[class*=lightcase-icon-] {
    bottom: 50%;
    margin-bottom: -0.5em;
    }
    /* line 66, ../scss/components/modules/_navigation.scss */
    #lightcase-nav a[class*=lightcase-icon-]:hover, #lightcase-case:hover ~ #lightcase-nav a[class*=lightcase-icon-] {
    opacity: 1;
    }
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    background: #000;
}

@media screen and (max-width: 640px) {
    /* line 1, ../scss/components/modules/_overlay.scss */
    #lightcase-overlay {
    opacity: 1 !important;
    }
}
/* ==========================================================================
     Helper classes
     ========================================================================== */
img {
    width: 100%;
    height: auto;
}

img.round {
    border-radius: 50%;
}

/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
 Utility Classes
 ========================================================================== */
.m-0 {
    margin: 0;
}

.mtb-1 {
    margin: 1rem 0;
}

.mtb-2 {
    margin: 2rem 0;
}

.mtb-3 {
    margin: 3rem 0;
}

.mtb-4 {
    margin: 4rem 0;
}

.mtb-5 {
    margin: 5rem 0;
}

.mtb-6 {
    margin: 6rem 0;
}

.mtb-8 {
    margin: 8rem 0;
}

.mtb-10 {
    margin: 10rem 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-6 {
    margin-top: 6rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.mb-6 {
    margin-bottom: 6rem;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.p-6 {
    padding: 6rem;
}

.p-8 {
    padding: 8rem;
}

.p-10 {
    padding: 10rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pt-2 {
    padding-top: 2rem;
}

.pt-3 {
    padding-top: 3rem;
}

.pt-4 {
    padding-top: 4rem;
}

.pt-5 {
    padding-top: 5rem;
}

.pt-6 {
    padding-top: 6rem;
}

.pt-8 {
    padding-top: 8rem;
}

.pt-10 {
    padding-top: 10rem;
}

.pt-15 {
    padding-top: 15rem;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pr-3 {
    padding-right: 3rem;
}

.pr-4 {
    padding-right: 4rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pb-3 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 4rem;
}

.pb-5 {
    padding-bottom: 5rem;
}

.pb-6 {
    padding-bottom: 6rem;
}

.pb-8 {
    padding-bottom: 8rem;
}

.pb-10 {
    padding-bottom: 10rem;
}

.pb-15 {
    padding-bottom: 15rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pl-4 {
    padding-left: 4rem;
}

/* =====================    SASS Variables */
.header-base, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin: 1.2rem 0;
    padding: 0;
    font-family: "proxima-nova", sans-serif;
    color: #00bbff;
    font-weight: 300;
    line-height: 1.1em;
}

.font-base, #new_submission ul.checkboxes li label, p, article li {
    margin: 1.2rem 0;
    padding: 0;
    color: #000;
    font-family: "Merriweather", serif;
    font-weight: 300;
    line-height: 1.6em;
}

h1,
h2,
h3,
h4,
h5,
p,
article li,
blockquote {
    font-size: clamp(var(--fluid-type-min, 1rem), 1rem + var(--fluid-type-target, 3vw), var(--fluid-type-max, 1.3rem));
}

/* - - - - -    Headings - - - - -    */
h1, .h1 {
    --fluid-type-min: 2rem;
    --fluid-type-max: 3rem;
    --fluid-type-target: 2.4vw;
}

h2, .h2 {
    --fluid-type-min: 1.8rem;
    --fluid-type-max: 2.6rem;
    --fluid-type-target: 2.2vw;
}

h3, .h3 {
    --fluid-type-min: 1.6rem;
    --fluid-type-max: 2.2rem;
    --fluid-type-target: 1.8vw;
}

h4, .h4 {
    --fluid-type-min: 1.4rem;
    --fluid-type-max: 1.8rem;
    --fluid-type-target: 1.4vw;
}

h5, .h5 {
    --fluid-type-min: 1rem;
    --fluid-type-max: 1.3rem;
    --fluid-type-target: 1.1vw;
}

/* - - - - -    Paragraphs - - - - - */
p, article li {
    --fluid-type-min: 1rem;
    --fluid-type-max: 1.1rem;
    --fluid-type-target: 1.3vw;
}

p.big {
    font-size: 1.2rem;
}

p.small {
    font-size: 0.8rem;
}

p.proxima {
    font-family: "proxima-nova", sans-serif;
}

blockquote {
    padding: 2rem;
    margin: 0;
    background: #eee;
}

.upper {
    text-transform: uppercase;
}

/* - - - - - Text Links - - - - -    */
a {
    text-decoration: none;
    font-weight: normal;
    color: #00bbff;
}

a:hover {
    color: #0096cc;
}

/* - - - - - Buttons - - - - -    */
.button, button {
    display: inline-block;
    margin: 0;
    padding: 0.75rem 1rem;
    line-height: normal;
    height: auto;
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: #00bbff;
    letter-spacing: 0.1rem;
    border: none;
    border-radius: 0px;
}
@media only screen and (min-width: 1024px) {
    .button, button {
    padding: 1rem 1.75rem;
    }
}
.button:hover, button:hover {
    color: #fff;
    background: #0096cc;
}

.button.small {
    padding: 0.65rem 0.5rem;
    font-size: 0.8rem;
}
@media only screen and (min-width: 1024px) {
    .button.small {
    padding: 0.8rem 1.5rem;
    }
}

.button.outline {
    background: none;
    border: solid #fff 2px;
}
.button.outline:hover {
    background: #fff;
    color: #0096cc;
}

.button.yellow {
    font-weight: 700;
    color: #000;
    background: #f7cc47;
}
.button.yellow:hover {
    color: #f7cc47;
    background: #000;
}

.button.orange {
    font-weight: 700;
    color: #fff;
    background: #ff7b2d;
}
.button.orange:hover {
    background: #cc4a00;
}

.button.black {
    font-weight: 700;
    color: #fff;
    background: #000;
}
.button.black:hover {
    background: #cc4a00;
}

/* - - - - - Helper Classes - - - - -    */
b {
    font-style: normal;
    font-weight: 700;
}

.nopad {
    margin: 0;
    padding: 0;
}

.textCenter, text-center {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.text-blue {
    color: #00bbff;
}

.text-yellow {
    color: #f7cc47;
}

.text-wine {
    color: #6b3441;
}

.text-green {
    color: #687645;
}

.text-gray {
    color: #afafaf;
}

.text-orange {
    color: #b9704e;
}

.text-orange-bright {
    color: #ff9d3a;
}

.text-white {
    color: #fff;
}

body {
    padding-top: 58px;
    position: relative;
}
body.interior {
    padding-top: 80px;
}
body.interior.s1-give.s2-donate {
    padding-top: 0;
}
body.interior.s1-give.s2-donate .headerWrap {
    display: none;
}
body.sub-nav-active {
    overflow: hidden;
}
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headerWrap {
    width: 100%;
    min-height: 58px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.10);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
}

a.logo {
    flex: 0 0 auto;
    display: block;
    width:25%;
    max-width: 140px;
    margin: 1rem 0;
}
@media only screen and (min-width: 425px) {
    a.logo {
        width:33.33%;
    }
}
@media only screen and (min-width: 1024px) {
    body {
        padding-top: 81px;
    }
    body.interior {
        padding-top: 103px;
    }
    .headerWrap {
        min-height: 81px;
    }
    a.logo {
        max-width: 260px;
    }
}

/* ===================== Navigation =====================    */
nav.main-nav {
    text-align: right;
}
@media only screen and (min-width: 700px) {
    nav.main-nav {
        display: flex;
        align-items: center;
    }
}
nav.main-nav a {
    font-size: 1rem;
    letter-spacing: 0.05rem;
    margin: 0 0.5rem;
    color: #000;
}
nav.main-nav a:hover {
    color: #00bbff;
}
@media only screen and (min-width: 700px) {
    nav.main-nav a {
        margin: 0 5px;
    }
}
@media only screen and (min-width: 750px) {
    nav.main-nav a {
        margin: 0 10px;
    }
}
nav.main-nav a.donate {
    background-color: #f7cc47;
    color: #333;
    font-weight: 700;
    font-size: 12px;
    padding: 0.5rem;
    margin: 0;
}
nav.main-nav a.donate:hover {
    background-color: #033;
    color: #f7cc47 !important;
}
nav.main-nav a.donate.donate2 {
    display: none;
}
@media only screen and (min-width: 600px) {
    nav.main-nav a.donate {
        font-size: 16px;
        padding: 0.5rem 1rem;
    }
}
@media only screen and (min-width: 700px) {
    nav.main-nav a.donate {
        font-size: 14px;
        padding: 0.5rem;
        margin: 0 5px;
    }
    nav.main-nav a.donate.donate2 {
        display: inline-block;
        white-space: nowrap;
        font-size: 14px;
        letter-spacing: -0.05px;
        padding: 17px 10px 16.5px;
        border-radius: 6px;
        background-color: #0bf;
        margin-right: 0;
        position: relative;
        top: -0.5px;
    }
    nav.main-nav a.donate.donate2:hover {
        background-color: #033;
        color: #0bf !important;
    }
}
@media only screen and (min-width: 750px) {
    nav.main-nav a.donate {
        margin: 0 10px;
    }
}
@media only screen and (min-width: 1000px) {
    nav.main-nav a.donate.donate2 {
        font-size: 16px;
        letter-spacing: -0.05px;
        padding: 16px 15px 15.5px;
    }
}

nav.main-nav a.menuOpen {
    display: inline-block;
    margin: 0 5px;
}
@media only screen and (min-width: 750px) {
    nav.main-nav a.menuOpen {
        margin: 0 10px;
    }
}

nav.sub-nav {
    display: none;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 100px;
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}
nav.sub-nav .menuTitle {
    margin: 1rem 0 0;
    padding: 0;
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    color: #00bbff;
    line-height: 1.1em;
}
nav.sub-nav a {
    margin: 0;
    font-size: 1rem;
    color: #000;
    padding: 0.25rem 0;
}
nav.sub-nav a:hover {
    color: #00bbff;
}
nav.sub-nav a.menuClose {
    font-size: 2rem;
}

nav.sub-nav.active {
    display: block;
}

/* ===================== Search =====================    */
.search-container {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    right: 0;
    z-index: 1000;
}

nav.main-nav .searchLink {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
}
@media only screen and (min-width: 425px) {
    nav.main-nav .searchLink {
        margin: 5px;
    }
}
@media only screen and (min-width: 750px) {
    nav.main-nav .searchLink {
        margin: 0 10px;
    }
}
@media only screen and (min-width: 850px) {
    nav.main-nav a, nav.main-nav .searchLink, nav.main-nav a.menuOpen {
        margin: 0 1rem;
    }
}
.searchLink img {
    width: 20px;
}

.search-box {
    background-color: #eee;
    box-shadow: 0 5px 10px rgba(0,0,0,0.10);
    max-width: 700px;
    margin: 0 auto;
}
.search-box form#search {
    padding: 0.5rem 0.75rem;
    display: flex;
}
.search-box form#search input {
    height: 2rem;
    background-color: #eee;
    font-size: 1.2rem;
    width: calc(100% - 2rem);
    padding: 0;
    border: none;
    outline: none;
}
.search-box form#search button.search-button {
    height: 2rem;
    width: 2rem;
    padding: 0.3rem;
    margin: 0;
    display: block;
    background-color: inherit;
    line-height: inherit;
}
.search-box form#search button.search-button:hover {
    background-color: #00bbff;
}
.search-box form#search button.search-button img {
    height: 1.4rem;
    width: 1.4rem;
}

/* ===================== EE Frontend Edit Overrides =====================    */
.eeFrontEdit img {
    width: auto;
    height: auto;
}

/* ===================== Core Structure =====================    */
.hide-mobile {
    display: none;
}
@media only screen and (min-width: 640px) {
    .hide-mobile {
        display: inherit;
    }
    .headerWrap .hide-mobile {
        display: none;
    }
}
@media only screen and (min-width: 700px) {
    .headerWrap .hide-mobile {
        display: inherit;
    }
}

.bgd-blue-light {
    background-color: #ccf1ff;
}

.center {
    text-align: center;
}

.pageHeader {
    position: relative;
}
.pageHeader hr:first-of-type {
    margin-top: 0 !important;
}
.pageHeader h1 {
    font-size: 2.2rem;
    color: #00bbff;
    font-weight: 300;
    letter-spacing: normal;
}

hr {
    height: 7px;
    margin: 2em 0;
    width: 100%;
    background: url(../images/uploads/interface/bgd_hr.gif) repeat-x;
    background-position: center top;
    border: none;
}

hr.line {
    background: none;
    border-bottom: 1px solid #333;
}

ul.sort {
    list-style: none;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin: 1em 0;
}
ul.sort li {
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    color: #666;
    font-size: 1em;
    float: left;
    margin-left: 4px;
}
ul.sort li a {
    display: block;
    color: #888;
    background: #eee;
    padding: 0.5em 0.8em;
    margin: 0 0 4px;
}
ul.sort li a:hover {
    color: #fff;
    background: #0096cc;
}
ul.sort li a.active {
    color: #fff;
    background: #00bbff;
}
ul.sort .key {
    margin: 0;
    padding: 0.5em 0.5em 0 0;
}

@media only screen and (min-width: 640px) {
    ul.sort {
    position: absolute;
    top: 30px;
    right: 0px;
    padding: 0;
    margin: 0;
    }
    ul.sort li, ul.sort li:last-child {
    margin-left: 0;
    margin-right: 1em;
    }
}
/* ===================== Home Message Banner =====================  */
.messageBanner {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 16px 0;
    background: #8fd0f2;
}
.messageBanner .container {
    display: flex;
    align-items: center;
    padding: 0 16px;
}
.messageBanner picture {
    display: block;
    max-width: 75px;
    overflow: hidden;
    border-radius: 75px;
}
.messageBanner picture + p {
    padding-left: 16px;
}
.messageBanner p {
    font-size: 13px;
    line-height: 17px;
    color: #000;
    margin: 0;
}
.messageBannerLink {
    color: #000;
}
.messageBannerLink strong {
    text-decoration: underline;
}
.messageBannerLink:hover strong {
    text-decoration: none;
}
@media only screen and (min-width: 700px) {
    .messageBanner p {
        font-size: 18px;
        line-height: 22px;
    }
}

.hero {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30% center;
}
@media only screen and (min-width: 640px) {
    .hero {
    background-position: center center;
    }
}
@media only screen and (min-width: 1024px) {
    .hero .row {
    min-height: 800px;
    }
}
.hero .hero-content-container {
    display: flex;
    justify-content: flex-end;
}
.hero .hero-content {
    margin: 2rem 0;
    padding: 2rem 2rem;
    background: rgba(0, 187, 255, 0.9);
    text-align: center;
    height: auto;
}
@media only screen and (min-width: 640px) {
    .hero .hero-content {
    padding: 4rem 4rem;
    }
}
.hero .hero-content p, .hero .hero-content h1, .hero .hero-content h2, .hero .hero-content h3, .hero .hero-content h4, .hero .hero-content h5 {
    color: #fff;
}
.hero .hero-content .hero-headline {
    color: #fff;
    font-size: 2.6em;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 1.6rem;
}
@media only screen and (min-width: 640px) {
    .hero .hero-content .hero-headline {
    font-size: 4em;
    }
}
.hero .hero-content .hero-headline span {
    font-size: 1.4rem;
    font-weight: 400;
}
@media only screen and (min-width: 640px) {
    .hero .hero-content .hero-headline span {
    font-size: 2rem;
    }
}
.hero .hero-content .hero-copy {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    line-height: 1.1em;
    margin-bottom: 2rem;
}
@media only screen and (min-width: 640px) {
    .hero .hero-content .hero-copy {
    font-size: 2.5em;
    line-height: 1.2em;
    }
}
.hero .hero-content .down-arrow {
    margin-top: 1rem;
    display: inline-block;
    width: 3rem;
    webkit-animation: action 0.5s infinite alternate;
    animation: action 0.5s infinite alternate;
}
@-webkit-keyframes action {
    0% {
    transform: translateY(0);
    }
    100% {
    transform: translateY(-10px);
    }
}
@keyframes action {
    0% {
    transform: translateY(0);
    }
    100% {
    transform: translateY(-10px);
    }
}

/* Hero Slider Nav Dots */
.tns-outer {
    position: relative;
}

.tns-nav {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 10;
}
.tns-nav button {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 1rem;
    margin: 0 0.25rem;
    padding: 0;
}
.tns-nav button.tns-nav-active {
    background-color: #fff;
}

.how-we-serve {
    display: block;
    width: 100%;
    background-image: url(../../images/uploads/homepage/burlap-texture.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 400px;
    padding: 2rem 0;
}
@media only screen and (min-width: 768px) {
    .how-we-serve {
    padding: 4rem 0;
    }
}
.how-we-serve .how-we-serve-text {
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    letter-spacing: 0.15rem;
    font-size: 1.2rem;
    color: #666;
    margin: 3rem 0 1rem;
}
.how-we-serve .how-we-serve-content {
    margin-bottom: 2.5rem;
}
.how-we-serve .how-we-serve-content img {
    transition: transform 0.2s; /* Animation */
}
.how-we-serve .how-we-serve-content img:hover {
    transform: scale(1.07);
}
.how-we-serve .how-we-serve-content h2,
.how-we-serve .how-we-serve-content h4 {
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
}
.how-we-serve .how-we-serve-content:hover h2,
.how-we-serve .how-we-serve-content:hover h4 {
    color: #000;
}

.circle-texture {
    width: 100%;
    margin: 1rem 0 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center 15%;
}
@media only screen and (min-width: 768px) {
    .circle-texture {
    margin: 3rem 0 0;
    background-image: url(../images/uploads/homepage/circle-burlap-texture.jpg);
    }
}
.circle-texture h4 {
    margin: 0.5rem 0;
}

.discover {
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    padding: 2rem 0;
    margin: 0;
    min-height: 38rem;
}
@media only screen and (min-width: 768px) {
    .discover {
    padding: 4rem 0;
    min-height: 45rem;
    }
}
@media only screen and (min-width: 1024px) {
    .discover {
    min-height: 70vw;
    }
}
.discover h4 {
    margin: 0.5rem 0;
}

.founder-video {
    margin: -2rem 0 2rem;
}
@media only screen and (min-width: 768px) {
    .founder-video {
    margin: -4rem 0 6rem;
    }
}

.donate-callout {
    padding: 2rem 0;
    background-color: #ccf1ff;
}

.whats-new-slider {
    padding: 4rem 0;
}
.whats-new-slider .slider-content {
    text-align: left;
    margin-top: 1rem;
}
@media only screen and (min-width: 1024px) {
    .whats-new-slider .slider-content {
    padding: 0 0 0 2rem;
    }
}
.whats-new-slider .whats-new {
    display: inline-block;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    letter-spacing: 0.15rem;
    font-size: 1.2rem;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    background: url(../images/uploads/interface/bgd_hr.gif) repeat-x;
    background-position: center bottom;
}
.whats-new-slider h3 {
    font-weight: 500;
}

/* ===================== Grid Listing Pages =====================    */
.articleImage a {
    position: relative;
    border: solid #fff 1px;
    height: auto;
    display: block;
    overflow: hidden;
}
.articleImage a:hover {
    border: solid #00bbff 1px;
}
.articleImage .tag {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    top: 0;
    left: 0;
    background: url(../images/uploads/interface/article-icons.png) no-repeat;
    background-size: 240px 80px;
}
.articleImage .tag.alert {
    background-position: 0 0;
}
.articleImage .tag.globe {
    background-position: -40px 0;
}
.articleImage .tag.video {
    background-position: -80px 0;
}
.articleImage .tag.photo {
    background-position: -120px 0;
}
.articleImage .tag.story {
    background-position: -160px 0;
}
.articleImage .tag.audio {
    background-position: -200px 0;
}

.pagination_links {
    list-style: none;
    clear: both;
    padding: 0;
}
.pagination_links li {
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    color: #666;
    font-size: 0.9rem;
    float: left;
    margin-right: 1em;
}
.pagination_links li a {
    display: block;
    color: #888;
    background: #eee;
    padding: 0.5em 0.8em;
}
.pagination_links li a:hover {
    color: #fff;
    background: #0096cc;
}
.pagination_links li a.active {
    color: #fff;
    background: #00bbff;
}
.pagination_links .key {
    margin: 0;
    padding: 0.5em 0.5em 0 0;
}

/* ===================== Main Article Content =====================    */
article {
    margin: 0 0 3rem;
}
article ul {
    padding: 0 1.5rem;
}
article img {
    width: 100% !important;
    height: auto !important;
}

.articleDate {
    background: #ccc;
    text-align: center;
    padding: 1em 0 0;
    margin: 0 0 1em;
}
@media screen and (max-width: 768px) {
    .articleDate {
    width: 100%;
    display: block;
    background: none;
    text-align: left;
    padding: 0 0 0.1em;
    margin: 0;
    }
}
.articleDate .day, .articleDate .month, .articleDate .year {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 1em;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .articleDate .day, .articleDate .month, .articleDate .year {
    font-weight: 400;
    color: #999;
    padding: 0 0.3em 0 0;
    margin: 0;
    line-height: 1em;
    float: left;
    font-size: 1.4em;
    line-height: 1em;
    padding-bottom: 0em;
    letter-spacing: 0px;
    border-top: none;
    }
}
.articleDate .month {
    color: #fff;
    font-size: 2.5em;
    line-height: 0.8em;
    padding: 0.4em 0 0;
}
.articleDate .day {
    color: #fff;
    font-size: 4.6em;
    line-height: 1em;
}
.articleDate .year {
    color: #fff;
    font-size: 1.8em;
    line-height: 0.8em;
    letter-spacing: 2px;
    padding: 0 0 1em;
}

audio, video {
    width: 100%;
    margin: 1.2rem 0;
}

.report-section {
    display: block;
    padding: 1em 0;
}

.report-image {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .report-image {
    overflow: visible;
    width: 35%;
    float: left;
    }
}
@media only screen and (min-width: 640px) {
    .report-image .articleImage {
    margin: 0;
    }
}

.report-detail {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .report-detail {
    overflow: auto;
    width: 60%;
    float: right;
    }
}
.report-detail p:last-of-type {
    margin: 0;
}

.packet-dvd-image {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .packet-dvd-image {
    overflow: visible;
    width: 35%;
    float: left;
    }
}
@media only screen and (min-width: 1400px) {
    .packet-dvd-image {
    width: 43%;
    }
}
@media only screen and (min-width: 640px) {
    .packet-dvd-image .articleImage {
    margin: 0;
    }
}

.packet-dvd-detail {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .packet-dvd-detail {
    overflow: auto;
    width: 60%;
    float: right;
    }
}
@media only screen and (min-width: 1400px) {
    .packet-dvd-detail {
    width: 52%;
    }
}
.packet-dvd-detail p:last-of-type {
    margin: 0;
}

.packet-image {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .packet-image {
    overflow: visible;
    width: 30%;
    float: right;
    }
}
@media only screen and (min-width: 640px) {
    .packet-image .articleImage {
    margin: 0;
    }
}

.packet-detail {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .packet-detail {
    overflow: auto;
    width: 65%;
    float: left;
    }
}
.packet-detail p:last-of-type {
    margin: 0;
}

.packet-download-link {
    display: inline-block;
    color: #333;
    font-size: 0.8rem;
    height: 22px;
    margin-bottom: 0.5rem;
    padding-top: 4px;
    padding-right: 26px;
    background-image: url(../images/uploads/interface/download-arrow.gif);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: right top;
}

.cruise-image {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .cruise-image {
    overflow: visible;
    width: 25%;
    float: left;
    }
}
@media only screen and (min-width: 640px) {
    .cruise-image .articleImage {
    margin: 0;
    }
}

.cruise-detail {
    overflow: auto;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 640px) {
    .cruise-detail {
    overflow: auto;
    width: 70%;
    float: right;
    }
}
.cruise-detail p:last-of-type {
    margin: 0;
}

.social-boxes {
    display: block;
    margin: 0 0 1em;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .social-boxes img {
    width: 49%;
    float: left;
    margin: 0 1% 0 0;
    height: auto;
    }
}

.whats-new-banner {
    background-color: #00bbff;
    padding: 1rem;
    margin: 0 0 2rem;
}
.whats-new-banner p {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.1rem;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.08rem;
    margin: 0;
    padding: 0;
    color: #fff;
}

.article-preview {
    margin: 0 0 3rem;
}
.article-preview .article-preview-image {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .article-preview .article-preview-image {
    width: 60%;
    }
}
.article-preview p.article-preview-title {
    margin: 0.5rem 0 0.25rem;
}
.article-preview p.article-preview-title a {
    font-size: 1.2rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    text-decoration: underline;
}
.article-preview p.article-preview-text {
    font-size: 0.9rem;
}
.article-preview .articleGridDate .arrow {
    width: 16px;
}

/* ======== Tag Links     */
.tagsContainer {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    width: 100%;
    margin: 1.5rem 0;
    padding: 0;
}
.tagsContainer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 12px;
}
.tagsContainer ul li {
    display: inline-block;
    padding: 0;
    margin: 0 0.5rem 0.5rem 0;
    font-weight: 400;
    color: #999;
    line-height: 1em;
}
.tagsContainer ul li a {
    font-size: 0.9em;
    line-height: 1em;
    color: #00bbff;
}
@media only screen and (min-width: 640px) {
    .tagsContainer ul li a {
    font-size: 1em;
    line-height: 1.2em;
    }
}
.tagsContainer ul li a:hover {
    color: #0096cc;
}

/* ======== Main Article Styles     */
figcaption {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.3em;
    color: #777;
    text-align: center;
    background: #eee;
    padding: 10px;
}

.articleImage {
    width: 100%;
    margin: 0 0 1em;
}

.articleImage.offset {
    width: 80%;
    height: auto;
    margin: auto -39.66% 2em 3%;
    float: right;
    position: relative;
    z-index: 1;
}

/* --------- Content Grid ---------- */
.mediaGrid {
    padding: 0 0 5em;
}

.mediaGrid ul {
    height: 22px !important;
    min-height: 22px !important;
}

.gridItem {
    display: block;
    float: left;
    width: 32%;
    margin: 0 2% 2em 0;
}

.gridItem h4 {
    padding: 0;
    margin: 0 0 0.2em;
}

.gridItem p {
    font-size: 0.8em;
}

.gridItem:nth-of-type(3n+3) {
    margin: 0;
}

.gridItem.last {
    margin: 0;
}

.gridItem img {
    margin-bottom: 0.4em;
}

.gridItem h3 {
    padding: 0;
    margin: 0 0 0.2em;
}

.gridDate {
    padding: 0;
    margin: 0 0 0.1em;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .gridItem {
    width: 48%;
    margin: 0 4% 0 0;
    }
    .gridItem:nth-of-type(3n+3) {
    margin: 0 4% 2em 0;
    }
    .gridItem:nth-of-type(2n+2) {
    margin: 0 0 2em 0;
    }
}
@media screen and (max-width: 480px) {
    .gridItem {
    float: left;
    margin: 0 0 2em 0;
    width: 100%;
    }
}
/* --------- Content List ---------- */
.listItem {
    display: block;
    width: 48%;
    margin: 0 4% 2em 0;
    float: left;
}

.listItem:nth-of-type(2n+2) {
    margin: 0 0 2em 0;
}

.listItem.last {
    margin: 0;
}

.listItem img {
    width: 30%;
    float: left;
    margin: 0 2% 0 0;
    height: auto;
}

.listItemContent {
    width: 68%;
    float: left;
    overflow: visible;
}

.listItem h3, .listItem h4 {
    padding: 0;
    margin: 0 0 0.2em;
}

.listItem p {
    font-size: 0.8em;
    overflow: visible;
}

.listDate {
    padding: 0;
    margin: 0 0 0.1em;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .listItem {
    width: 100%;
    margin: 0 0 2em 0;
    }
    .listItem:nth-of-type(2n+2) {
    margin: 0 0 2em 0;
    }
}
@media screen and (max-width: 480px) {
    .listItem img {
    width: 100%;
    margin: 0 0 0.4em;
    }
    .listItemContent {
    width: 100%;
    margin: 0 0 1em;
    }
}
#videoPlayer {
    width: 100%;
    height: auto;
    margin: 0 0 2rem;
    position: relative;
}
#videoPlayer #mediathumb {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
#videoPlayer #mediaplayer {
    z-index: 1;
}
#videoPlayer iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

#audioPlayer .jw-aspect {
    padding-top: 40px !important;
}

.btn_android, .btn_ios {
    height: 50px;
    float: left;
}

.btn_android a {
    font-family: KlavikaMedium, Arial, Helvetica, sans-serif;
    background: url(../images/uploads/interface/mobile-app-android.png);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #FFF;
    background-color: #cc3333;
    font-size: 16px;
    padding-right: 8px;
    padding-left: 46px;
    padding-top: 12px;
    padding-bottom: 10px;
    float: left;
    margin-right: 5px;
    height: auto;
}

.btn_ios a {
    font-family: KlavikaMedium, Arial, Helvetica, sans-serif;
    background: url(../images/uploads/interface/mobile-app-ios.png);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #FFF;
    background-color: #cc3333;
    font-size: 16px;
    padding-right: 8px;
    padding-left: 46px;
    padding-top: 12px;
    padding-bottom: 10px;
    float: left;
    margin-right: 5px;
    height: auto;
}

.addthisMain {
    display: block;
    width: 80px;
}

.addthisMobile {
    display: none;
}

@media screen and (max-width: 468px) {
    .addthisMain {
    display: none;
    }
    .addthisMobile {
    display: block;
    }
}
/* ======== Photogrid Styles     */
.photogrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 2rem;
}

/* ==========================================================================
     Letter Tempalte
     ========================================================================== */
.reflectionsHeader {
    position: relative;
    display: block;
    background-color: #dfdfdf;
    margin-bottom: 2rem;
}

.reflectionsTitle {
    position: relative;
    height: 100px;
    width: 100%;
    float: none;
}
@media only screen and (min-width: 40.063em) {
    .reflectionsTitle {
    height: 250px;
    width: 60%;
    float: left;
    }
}
.reflectionsTitle .reflectionsTitleImage {
    position: relative;
    width: 80%;
    margin-left: 10%;
    height: 100px;
    text-align: center;
}
@media only screen and (min-width: 40.063em) {
    .reflectionsTitle .reflectionsTitleImage {
    height: 250px;
    }
}

.reflectionsPhoto {
    height: 250px;
    width: 100%;
    float: none;
    background-position: center center;
    background-size: cover;
}
@media only screen and (min-width: 40.063em) {
    .reflectionsPhoto {
    height: 250px;
    width: 40%;
    float: right;
    }
}

p.date {
    color: #999999;
    margin-bottom: 2rem;
}

.vertical-center {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.letter h4 {
    color: #7a8262;
}

.signature {
    margin: 1.5rem 0 1rem;
    width: 300px;
}

/* ==========================================================================
 Site Map Links
 ========================================================================== */
ul.sitemap {
    list-style: none;
    margin: 0 0 6rem;
    padding: 0;
}
ul.sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.sitemap li {
    margin: 0.5rem 0;
    padding: 0;
}
ul.sitemap li.header {
    font-size: 1.2rem;
    padding-top: 0.5rem;
    color: #666;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}
ul.sitemap li.link a {
    font-size: 1.2rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}
ul.sitemap li.link-all {
    font-size: 1rem;
    margin-left: 1.5rem;
    font-weight: 300;
}
ul.sitemap li.link-all a {
    color: #000;
    text-decoration: underline;
}
ul.sitemap li ul {
    margin-left: 2rem;
}
ul.sitemap li a.box {
    display: inline-block;
    color: #fff;
    background-color: #00bbff;
    padding: 1rem 1.5rem;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
}
ul.sitemap li a.box:hover {
    background-color: #0096cc;
}

/* ==========================================================================
Podcast Page – January 2021
 ========================================================================== */
.podcast-hero {
    display: block;
    width: 100%;
    padding: 2rem 0 4rem;
    background-image: url(../images/uploads/interface/podcast-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media only screen and (min-width: 48em) {
    .podcast-hero {
    background-position: center center;
    }
}
@media only screen and (min-width: 64em) {
    .podcast-hero {
    padding: 0rem 0 4rem;
    }
}
@media only screen and (min-width: 64em) {
    .podcast-hero .row {
    min-height: 400px;
    }
}

.podcast-video {
    margin: -2rem 0 0;
}
@media only screen and (min-width: 64em) {
    .podcast-video {
    margin: -8rem 0 0;
    }
}

.podcast-subscribe {
    margin: 2rem 0;
}
@media only screen and (min-width: 64em) {
    .podcast-subscribe {
    margin: 4rem 0;
    }
}

.podcast-promo {
    width: 100%;
    background: rgb(135, 209, 249);
    background: linear-gradient(0deg, rgb(135, 209, 249) 0%, rgb(0, 175, 239) 50%, rgb(0, 175, 239) 100%);
}
.podcast-promo .podcast-promo-container {
    padding: 3rem 0;
}
.podcast-promo p, .podcast-promo h1, .podcast-promo h2 {
    text-align: left;
}

.subscribe-logos {
    list-style: none;
    padding: 0;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (min-width: 768px) {
    .subscribe-logos {
    flex-flow: nowrap;
    }
}
.subscribe-logos li {
    margin: 0 1.5rem;
    flex-basis: calc(50% - 3rem);
}
@media only screen and (min-width: 750px) {
    .subscribe-logos li {
    flex-basis: calc(25% - 3rem);
    }
}

/* ==========================================================================
     New Sept 2020 Donate Page
     ========================================================================== */
.partner-container {
    display: block;
    padding-top: 1rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: none;
}
@media screen and (min-width: 48em) {
    .with-video .donate-form-container {
        padding-bottom: 0;
    }
    .partner-container {
        padding-top: 2rem;
        background-image: url(../images/uploads/interface/partner-hero.jpg);
    }
    .partner-container-bottom {
        padding-top: 4rem;
    }
}
.donate-image-container {
    position: relative;
    margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
    .donate-image-container {
    margin-bottom: 0rem;
    }
}
.donate-image-container .icon {
    display: block;
    position: absolute;
    width: 25%;
    top: -10%;
    right: 5%;
}
@media screen and (min-width: 48em) {
    .donate-image-container .icon {
    width: 35%;
    top: -10%;
    right: -10%;
    }
}
@media screen and (min-width: 64em) {
    .donate-image-container .icon {
    width: 35%;
    top: -10%;
    right: -10%;
    }
}

.donate-pad {
    padding: 0 3rem;
}

.donate-icon {
    display: flex;
    justify-content: center;
    margin: 0 0 1rem;
}
.donate-icon img {
    width: 4rem;
    height: 6rem;
}
.donate-icon p.text-header {
    text-align: center !important;
}

@media only screen and (max-width: 640px) {
    .captcha {
    transform: scale(0.75) translateX(-35px);
    -webkit-transform: scale(0.75) translateX(-35px);
    }
}
.donate-player {
    text-align: left;
}
.donate-player #videoPlayer {
    margin-bottom: 0.75rem;
}
@media only screen and (min-width: 64em) {
    .donate-player #videoPlayer {
    margin: revert;
    }
}
.donate-player h3 {
    margin: 0;
}
@media only screen and (min-width: 64em) {
    .donate-player h3 {
    margin: 1rem 0;
    }
}
.donate-player p {
    margin: 0;
}
@media only screen and (min-width: 64em) {
    .donate-player p {
    margin: revert;
    }
}

/* ==========================================================================
 Search Results
 ========================================================================== */
.search-result {
    padding: 2rem 0;
    border-bottom: 1px solid #ddd;
}

.icon-tag {
    width: 40px;
    height: 40px;
    display: block;
    top: 0;
    left: 0;
    background: url(../images/uploads/interface/article-icons.png) no-repeat;
    background-size: 240px 80px;
}

.icon-tag.alert {
    background-position-x: 0px;
}

.icon-tag.globe {
    background-position-x: -40px;
}

.icon-tag.video {
    background-position-x: -80px;
}

.icon-tag.photo {
    background-position-x: -120px;
}

.icon-tag.story {
    background-position-x: -160px;
}

.icon-tag.audio {
    background-position-x: -200px;
}

/* ==========================================================================
 Impact Report 2020
 ========================================================================== */
.shalom {
    padding: 1rem 0 4rem;
}
@media only screen and (min-width: 64em) {
    .shalom {
    padding: 1rem 0 8rem;
    }
}

.impacting-lives {
    display: block;
    width: 100%;
    background-image: url(../../images/uploads/impact-report-2020/ir-2020-burlap.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 4rem 0;
}
@media only screen and (min-width: 64em) {
    .impacting-lives {
    padding: 8rem 0;
    }
}
.impacting-lives p {
    text-align: center;
}
@media screen and (min-width: 48em) {
    .impacting-lives p {
    text-align: left !important;
    }
}
.impacting-lives .button-container {
    text-align: center;
    margin-bottom: 2rem;
}
@media screen and (min-width: 48em) {
    .impacting-lives .button-container {
    text-align: left !important;
    }
}

.ways-to-partner-container {
    overflow-x: hidden;
    margin: -12rem 0 0;
}
@media screen and (min-width: 48em) {
    .ways-to-partner-container {
    margin: -8rem 0 0;
    }
}

.ways-to-partner {
    position: relative;
    margin: 16rem 0 28rem;
    z-index: 10;
}
@media screen and (min-width: 48em) {
    .ways-to-partner {
    margin: 16rem 0 30rem;
    }
}
.ways-to-partner .h1 {
    color: #fff;
}
.ways-to-partner p a {
    color: #fff;
    font-weight: bold;
}
.ways-to-partner .yellow-disc-container {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.ways-to-partner .yellow-disc-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.ways-to-partner .yellow-disc {
    display: block;
    background-color: #F9C513;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
}
.ways-to-partner .mother {
    position: absolute;
    width: 375px;
    bottom: -400px;
}

.printed {
    margin: 0 0 2rem;
}
@media screen and (min-width: 48em) {
    .printed {
    margin: 0 0 4rem;
    }
}

/* ==========================================================================
     Print styles.
     Inlined to avoid required HTTP connection: h5bp.com/r
     ========================================================================== */
@media print {
    * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
    }
    a,
    a:visited {
    text-decoration: underline;
    }
    a[href]:after {
    content: " (" attr(href) ")";
    }
    abbr[title]:after {
    content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
    content: "";
    }
    pre,
    blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
    }
    thead {
    display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
    page-break-inside: avoid;
    }
    img {
    max-width: 100% !important;
    }
    @page {
    margin: 0.5cm;
    }
    p,
    h2,
    h3 {
    orphans: 3;
    widows: 3;
    }
    h2,
    h3 {
    page-break-after: avoid;
    }
}
/* ==========================================================================
Events – May 2023
 ========================================================================== */
.divider {
    max-width: 500px;
}

h2.box-title {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    line-height: 2rem;
    padding: 0.75rem 1rem;
}
@media only screen and (min-width: 64em) {
    h2.box-title {
    padding: 0.75rem 3rem;
    }
}

p.event-date {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.4rem;
}

p.venue {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.3rem;
    margin-bottom: 0.25rem;
}

p.location {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.3rem;
    font-size: 1.3rem;
    margin-top: 0;
}

.button.event-outline {
    border-style: solid;
    border-width: 2px;
}

.event-worship-container h3, .event-worship-container h4 {
    margin: 0.5rem 0 !important;
}

.event-hero2 {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
    min-height: 300px;
}
.event-hero2 .event-header-logo {
    width: 300px;
}

.our-speakers, .what-to-expect-title {
    max-width: 300px;
    margin-bottom: 2rem;
}
@media only screen and (min-width: 64em) {
    .our-speakers, .what-to-expect-title {
    margin-bottom: 4rem;
    }
}

h3.saturday {
    margin-top: 3rem;
}
@media only screen and (min-width: 64em) {
    h3.saturday {
    margin-top: 0;
    }
}

.event-speakers {
    padding: 4rem 0;
}
.event-speakers .speaker {
    text-align: center;
    padding-bottom: 4rem;
}
@media only screen and (min-width: 64em) {
    .event-speakers .speaker {
    padding-bottom: 0rem;
    }
}
.event-speakers .speaker img {
    max-width: 150px;
    margin-bottom: 1rem;
    border-radius: 100%;
}
@media only screen and (min-width: 64em) {
    .event-speakers .speaker img {
    margin-bottom: 1rem;
    }
}
.event-speakers .speaker h3 {
    font-size: 2rem;
    line-height: 1.1em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}
@media only screen and (min-width: 64em) {
    .event-speakers .speaker h3 {
    margin-bottom: 1rem;
    }
}
.event-speakers .speaker h3 span {
    font-size: 1.8rem;
    font-weight: 800;
}
@media only screen and (min-width: 64em) {
    .event-speakers .speaker h3 span {
    font-size: 2rem;
    }
}
.event-speakers .speaker h4 {
    font-size: 1.3rem;
    color: #000;
}
@media only screen and (min-width: 64em) {
    .event-speakers .speaker h4 {
    font-size: 1.2rem;
    }
}
.event-speakers .speaker.last {
    padding-bottom: 0rem;
}
@media only screen and (min-width: 64em) {
    .event-speakers .speaker.last {
    padding-bottom: inherit;
    }
}

.what-to-expect-container {
    padding: 4rem 0;
    position: relative;
    overflow: visible;
}
.what-to-expect-container ul li {
    padding: 0 0 0.5rem;
    margin: 0;
    font-family: "Merriweather", serif;
    font-weight: 300;
    color: #000;
    font-size: 1rem;
    line-height: 1.3em;
    word-spacing: 0;
}
.what-to-expect-container .what-to-expect-image {
    padding-bottom: 2rem;
}
@media only screen and (min-width: 64em) {
    .what-to-expect-container .what-to-expect-image {
    padding-bottom: inherit;
    }
}
.what-to-expect-container h3 {
    line-height: 1.3em;
    text-transform: uppercase;
}
.what-to-expect-container span {
    font-size: 2.3rem;
    font-weight: 800;
}

.texture-right {
    background-image: url("../images/uploads/epicenter-briefing/texture-right.jpg");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: right 20%;
}
@media only screen and (min-width: 48em) {
    .texture-right {
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: right 40%;
    }
}
@media only screen and (min-width: 64em) {
    .texture-right {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right 170px;
    }
}

.texture-left {
    background-image: url("../images/uploads/epicenter-briefing/texture-left.jpg");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: left 20%;
}
@media only screen and (min-width: 48em) {
    .texture-left {
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: left 40%;
    }
}
@media only screen and (min-width: 64em) {
    .texture-left {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: left 170px;
    }
}

.will-you-join-us p {
    margin: 1.25rem 0;
}
.will-you-join-us h5 {
    margin: 1.25rem 0;
}
.will-you-join-us .join-headline {
    font-size: 4rem;
    line-height: 1.1em;
    margin: 0 0 1.25rem;
}
.will-you-join-us .join-copy {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2em;
}

/* ==========================================================================
     Donate & Contact Forms
     ========================================================================== */
/* New Contact Us Form */
#new_submission .dform_container {
    width: 100%;
}
#new_submission .dform_element {
    margin: 0 0 0.5rem;
    width: calc(100% - 1rem);
}
#new_submission .dfinput_left {
    width: calc(50% - 1rem);
}
#new_submission .dfinput_left label {
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 0;
    color: #0096cc;
}
#new_submission .dform_columns_2 {
    width: 100%;
}
#new_submission .dform_columns_2 column {
    width: calc(50% - 1rem);
}
#new_submission .phone_area {
    width: calc(33% - 1rem);
}
#new_submission .phone_number {
    width: 66%;
}
#new_submission .dfinput_left:first-of-type {
    margin-right: 1rem;
}
#new_submission .dform_label,
#new_submission .dform_container label {
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 0;
    margin: 0.25rem 0 0;
    color: #0096cc;
}
#new_submission .field_sendpacket > label {
    display: none;
}
#new_submission ul.checkboxes li label {
    text-transform: inherit;
    font-size: 1.1rem;
}
#new_submission input[type=text],
#new_submission input[type=email],
#new_submission input[type=tel],
#new_submission textarea,
#new_submission select {
    font-family: "proxima-nova", sans-serif;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 1.2rem;
    color: #666;
    padding: 0.75rem;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
}
#new_submission input[type=submit] {
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #fff;
    background: #00bbff;
    padding: 0.5rem 1rem;
    margin: 1rem 0 0;
    border: 1px solid #00bbff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.donate-message {
    padding-bottom: 10px;
}

.donate-logos {
    width: 100%;
    max-width: 400px;
}

.loader {
    display: inline-block;
    margin-left: 1rem;
    width: 1rem;
    height: 1rem;
}

#donate_form, #contactform {
    width: 100%;
    padding: 0;
    color: #999;
    margin: 0;
    font-size: 1.2em;
}
#donate_form label, #contactform label {
    display: block;
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0 0 0.3em 0;
    color: #0096cc;
}
#donate_form select, #contactform select {
    font-family: "proxima-nova", sans-serif;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #ddd;
    font-size: 1.2em;
    line-height: 1em;
    color: #666;
    margin: 0;
    overflow: auto;
    padding: 12px 12px 11px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#donate_form .one_full, #contactform .one_full {
    display: inline-block;
    width: 100%;
    margin: 0 0 1em;
}
#donate_form .one_third, #contactform .one_third {
    display: inline-block;
    width: 100%;
    margin: 0 0 1em;
}
#donate_form .two_thirds, #contactform .two_thirds {
    display: inline-block;
    width: 100%;
    margin: 0 0 1em;
}
#donate_form .special, #contactform .special {
    display: none;
}
#donate_form label.error, #donate_form span.error, #contactform label.error, #contactform span.error {
    font-weight: 400;
    font-size: 0.8em;
    color: #F00;
    padding: 2px 0 0;
}
#donate_form input.ammount, #contactform input.ammount {
    font-size: 2.5em;
}
#donate_form textarea, #contactform textarea {
    width: 260px;
    height: 140px;
}
#donate_form .radio, #contactform .radio {
    font-size: 12px;
    border: 1px solid #e9e9e9;
    margin: 0 0 1em;
    overflow: auto;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    width: 15px;
}
#donate_form input[type=checkbox], #contactform input[type=checkbox] {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-right: 8px;
    width: 10px;
    height: 10px;
    outline: none;
    border-radius: 4px;
}
#donate_form input[type=checkbox]:checked, #contactform input[type=checkbox]:checked {
    background-color: #00bbff;
}
#donate_form .large-font, #contactform .large-font {
    display: block;
    color: #666;
    font-size: 1.2em;
    line-height: 1.5rem;
    padding: 0;
    margin: 0 0 0.8em;
    word-spacing: 0.1em;
}
#donate_form input:hover, #donate_form input:focus, #contactform input:hover, #contactform input:focus {
    background: #f3f3f3;
}

.error_message {
    font-weight: 400;
    font-size: 1.5em;
    color: #F00;
    padding: 0 0 1em;
}

#donate_form input,
#contactform input,
#contactform input,
#contactform textarea,
#mc-embedded-subscribe-form input[type=email],
#mc-embedded-subscribe-form input[type=text],
#mc-embedded-subscribe-form select {
    font-family: "proxima-nova", sans-serif;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 1.2em;
    color: #666;
    padding: 10px 12px;
    background-color: #fff;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#mc-embedded-subscribe-form select {
    background-image: url(/images/uploads/interface/arrow-down.png);
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
}

#donate_form input[type=text],
#donate_form input[type=email],
#mc-embedded-subscribe-form[type=text],
#mc-embedded-subscribe-form[type=email],
#mc-embedded-subscribe-form[type=select] {
    -webkit-appearance: none;
}

#donate_form input.formbtn,
#contactform input.formbtn,
#mc-embedded-subscribe-form input.formbtn {
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 36px;
    width: auto;
    color: #fff;
    background: #00bbff;
    height: 36px;
    padding: 0 1.2em;
    border: 1px solid #00bbff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#donate_form input.formbtn:hover,
#contactform input.formbtn:hover,
#mc-embedded-subscribe-form input.formbtn:hover {
    color: #fff;
    background: #0096cc;
}

.donate-thankyou {
    width: 100%;
}
@media only screen and (min-width: 640px) {
    .donate-thankyou {
    width: 50%;
    }
}

#mc-embedded-subscribe-form label {
    display: block;
    font-family: "proxima-nova", sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0 0 0.3em 0;
    color: #0096cc;
    text-align: left;
}

@media only screen and (min-width: 640px) {
    #donate_form .one_third, #contactform .one_third {
    width: 31%;
    margin: 0 2% 1em 0;
    }
    #donate_form .one_third #expiration_month, #contactform .one_third #expiration_month {
    width: 49%;
    margin: 0 2% 0 0;
    }
    #donate_form .one_third #expiration_year, #contactform .one_third #expiration_year {
    width: 49%;
    }
    #donate_form .two_thirds, #contactform .two_thirds {
    width: 64%;
    }
    #donate_form select, #contactform select {
    width: 100%;
    }
    #donate_form input,
    #contactform input,
    #contactform input,
    #contactform textarea,
    #mc-embedded-subscribe-form input {
    width: 100%;
    }
    #contactform .one_half {
    width: 49%;
    margin: 0 2% 1em 0;
    }
    #contactform .one_half.last {
    margin: 0 0 1em 0;
    }
}
/*
 * Responce From Authorize.net
 */
#message_ajax {
    margin: 10px 0 0;
    font-family: "Merriweather", serif;
    font-size: 1.4em;
}
#message_ajax h3 {
    padding: 0 !important;
}

/* ===================== Global Footer =====================    */
footer {
    background-repeat: repeat;
}
footer .footerContent {
    text-align: center;
    padding: 2rem 0;
}
@media only screen and (min-width: 640px) {
    footer .footerContent {
    width: 50%;
    margin: 0 auto;
    }
}
footer .footerContent .socailLinks {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 2rem 0 3rem;
}
footer .footerContent .socailLinks li {
    margin: 0 0.3rem;
}
footer .footerContent .socailLinks li a img {
    width: 2.6rem;
}
footer .footerContent p {
    font-family: "proxima-nova", sans-serif;
    font-size: 0.9rem;
    line-height: 1.5em;
    padding: 0;
    margin: 0 0 1rem;
}
footer .footerContent a {
    color: #333;
}
footer .footerContent a:hover {
    color: #00bbff;
}
footer .footerContent a.admin {
    font-weight: normal;
    color: #999;
}
footer .footerContent .efca {
    width: 50px;
    margin: 3rem auto;
}

/* --------- Timeless Insights ---------- */
.timeless-header {
    display: block;
    position: relative;
    width: 100%;
}
.timeless-header img {
    display: block;
    width: 100%;
    height: auto;
}

.timeless-intro-container {
    background-color: #f2f2f2;
    padding: 4rem 0;
}
@media screen and (min-width: 1024px) {
    .timeless-intro-container {
    padding: 6rem 0;
    }
}

.timeless-intro {
    display: block;
    position: relative;
}
.timeless-intro p {
    font-size: 1.5em;
    line-height: 1.8em;
    padding-top: 1rem;
}
.timeless-intro p, .timeless-intro h2 {
    text-align: center;
}
.timeless-intro .israel-texture {
    display: none;
}
@media screen and (min-width: 640px) {
    .timeless-intro .israel-texture {
    display: block;
    position: absolute;
    bottom: -12rem;
    left: 50%;
    transform: translateX(-50%);
    max-width: 4rem;
    }
}

.timeless-speakers-container {
    padding: 0;
}
@media screen and (min-width: 640px) {
    .timeless-speakers-container {
    padding: 5rem 15em 0;
    }
}
@media screen and (min-width: 1024px) {
    .timeless-speakers-container {
    padding: 5rem 10em 0;
    }
}
.timeless-speakers-container h2 {
    margin: 4rem 0;
    font-size: 3.2em;
}
.timeless-speakers-container .timeless-speaker {
    margin-bottom: 6rem;
}
.timeless-speakers-container img {
    width: 100%;
    height: auto;
    margin: 0 0 1rem;
}
@media screen and (min-width: 640px) {
    .timeless-speakers-container img {
    margin: 0;
    }
}

/* --------- Landing Page ---------- */
.timeless-speaker-image {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    margin-bottom: 1rem;
}
.timeless-speaker-image img {
    width: 100%;
    height: auto;
    margin: 0 0 1rem;
}
@media screen and (min-width: 640px) {
    .timeless-speaker-image img {
    margin: 0;
    }
}

.timeless-speaker-content {
    display: block;
    position: relative;
    width: 100%;
}

/* --------- Speaker Page ---------- */
.timeless-speaker-links-container {
    padding: 6rem 0;
}
@media screen and (min-width: 640px) {
    .timeless-speaker-links-container {
    padding: 6rem;
    }
}
.timeless-speaker-links-container h2 {
    margin-bottom: 4rem;
}
.timeless-speaker-links-container .timeless-speaker {
    margin-bottom: 6rem;
}
.timeless-speaker-links-container img {
    width: 100%;
    height: auto;
    margin: 0 0 1rem;
}
@media screen and (min-width: 640px) {
    .timeless-speaker-links-container img {
    margin: 0;
    }
}

.timeless-speaker-links {
    display: block;
    position: relative;
    width: 100%;
    float: none;
}
@media screen and (min-width: 640px) {
    .timeless-speaker-links {
    width: 45%;
    float: right;
    }
}

ul.timeless-links {
    margin: 0 0 2rem 0;
    padding: 0;
    list-style: none;
    font-size: 1.5em;
    border-top: 1px solid #d0d0d0;
}
ul.timeless-links li a {
    display: block;
    padding: 1rem 3rem 1rem 0;
    border-bottom: 1px solid #d0d0d0;
    background-image: url(../images/interface/timeless-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.5rem 1.5rem;
    line-height: 1.6em;
}

.timeless-speaker-full-bio {
    display: block;
    position: relative;
    width: 100%;
    float: none;
}
@media screen and (min-width: 640px) {
    .timeless-speaker-full-bio {
    width: 45%;
    float: left;
    }
}

.timeless-title {
    margin-bottom: 2rem;
}

.timeless-speaker-intro {
    display: block;
    position: relative;
    background-color: #f2f2f2;
    padding: 6rem 0;
}
.timeless-speaker-intro img {
    width: 100%;
    height: auto;
    margin: 0 0 1rem;
}
@media screen and (min-width: 640px) {
    .timeless-speaker-intro img {
    margin: 0;
    }
}

.timeless-speaker-bio {
    display: block;
    position: relative;
    float: none;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .timeless-speaker-bio {
    width: 70%;
    margin: 0 auto;
    }
}

.timeless-buttons-container {
    float: none;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .timeless-buttons-container {
    float: right;
    width: 40%;
    }
}

.timeless-buttons {
    display: block;
    position: relative;
    float: left;
    width: 33.333%;
}

.lessonButtons {
    padding-bottom: 2rem;
}
.lessonButtons span {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    margin-bottom: 1.6em;
}
.lessonButtons span.video:before {
    position: absolute;
    left: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/interface/icon-video.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lessonButtons span.audio:before {
    position: absolute;
    left: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/interface/icon-audio.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lessonButtons span.download:before {
    position: absolute;
    left: 0;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/interface/icon-download.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lessonButtons .button {
    display: block;
    width: 80%;
    text-align: center;
}

.timeless-related-container {
    padding: 6rem 0;
}
@media screen and (min-width: 640px) {
    .timeless-related-container {
    width: 60%;
    margin: 0 auto;
    }
}
.timeless-related-container h2 {
    margin-bottom: 4rem;
}

.related-speaker {
    margin-bottom: 3rem;
}

.timeless-related-image {
    width: 100%;
    float: none;
}
@media screen and (min-width: 640px) {
    .timeless-related-image {
    width: 25%;
    float: left;
    }
}
.timeless-related-image img {
    width: 100%;
    height: auto;
}

.timeless-related-content {
    width: 100%;
    float: none;
}
@media screen and (min-width: 640px) {
    .timeless-related-content {
    width: 75%;
    float: right;
    padding-left: 2rem;
    }
}

/* Light YouTube Embed */
lite-youtube::before {
    display: none !important;
}

.youtube-embed {
    width: 100%;
    float: none;
}
@media screen and (min-width: 640px) {
    .youtube-embed {
    width: 50% !important;
    height: auto;
    }
}

.donate-form-container {
    padding: 60px 0 4rem;
    max-width: inherit;
    position: relative;
    text-align: center;
    font-family: "proxima-nova", sans-serif !important;
}
.donate-form-container h3 {
    margin: 1rem 0 0.25rem;
}

.donate-form-container.custom {
    padding: 1.2rem 0 4rem !important;
}

.donate-form-body {
    padding: 20px;
}
.donate-form-body section {
    width: 100%;
}

.donate-form-container form {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #dfdfd7;
    border-radius: 4px;
    background: #fff;
}

.CreditCard {
    visibility: hidden;
    position: absolute;
}

.donation-amount, .donate-text {
    visibility: hidden;
    position: absolute;
}

.section.recurring {
    position: absolute;
}

.site-header, .clickfreequote, #secondary {
    display: none;
}

.hidden {
    display: none !important;
}

.uppercase {
    text-transform: uppercase;
}

.donation-form .errors {
    font-size: 24px;
    font-weight: bold;
    color: #c00;
    margin: 0 0 15px;
}
.donation-form input.error, .donation-form input[type="text"].error, .donation-form input[type="email"].error, 
.donation-form select.error {
    border-color: #c00;
}
.donation-form label.error {
    line-height: normal;
    color: #c00;
}
.donation-form #noCaptchaResponseError {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.donation-form .field {
    text-align: left;
    padding: 0;
    margin: 0;
}

.donation-form input,
.donation-form input[type=text],
.donation-form input[type=email] {
    margin: 4px 0;
    padding: 1rem;
    width: calc(100% - 2rem);
    height: auto;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
    color: #333232;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #c1c1ba;
    border-collapse: collapse;
}

.donation-form select {
    margin: 4px 0;
    padding: 1rem;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
    color: #333232;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #c1c1ba;
    border-collapse: collapse;
}

.donation-form textarea {
    margin: 4px 0;
    padding: 1rem;
    width: calc(100% - 2rem);
    height: auto;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    color: #333232;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #c1c1ba;
    border-collapse: collapse;
}

a.button--grey-20:hover {
    background: #797979;
    color: white;
}

/* #state{
	color:#777;
	font-family: "proxima-nova", sans-serif;
}

#country{
	color:#777;
	font-family: "proxima-nova", sans-serif;
} */
input::placeholder,
select::placeholder {
    color: #777;
}

.first-last-names {
    display: flex;
    justify-content: space-between;
    margin: 4px 0 0;
    width: 100%;
}
.first-last-names .field {
    width: 49%;
    padding: 0;
    margin: 0;
}

.contact input:focus {
    border: 1px solid #369ff4;
    transition: 0.15s linear;
}

.input-field-container {
    color: #9b9b94;
    background: white;
    font-weight: 500;
    transition: background-color 0.15s linear;
    position: relative;
    border-radius: 4px;
    border: 1px solid #c1c1ba;
}

.input-field-container:focus {
    background: #fff;
    transition: background-color 0.15s linear;
    border-radius: 3px;
}

#donation-amount-input {
    border: none;
    color: #9b9b94;
    background: #e9eae4;
    font-weight: 500;
    width: 92%;
    transition: background-color 0.15s linear;
}

#donation-amount-input:focus {
    background: #fff;
    transition: ease-in-out 0.5s;
    border-radius: 3px;
}

.payment label,
.billing-address label,
.contact label {
    color: #404040;
    display: none;
}

.billing-title {
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: normal;
    color: #333232;
    margin-top: 10px;
}

.required-star {
    display: none !important;
}

#donate-button {
    display: none !important;
}

#donation-amount, .donate-text {
    border: none;
    font-size: 20px;
    text-align: center;
    display: block;
    line-height: 100%;
    width: 100%;
    background: none;
    padding: 0;
}

.donate-text {
    #margin-top: 20px;
}

.comment {
    display: non e !important;
}

#recurring, .frequency, .start-date {
    visibility: hidden !important;
    position: absolute !important;
}

.donate-form-body {
    color: #333232;
    padding: 20px;
    line-height: 0;
}

.adf-form-header {
    background: #f4f5f0;
    border-bottom: 1px solid #dfdfd7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333232;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 20px;
}

.amount-wrapper {
    width: 100%;
}

.amount-buttons-wrapper * {
    font-weight: 400;
}

.amount-buttons-wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}

.amount-button {
    cursor: pointer;
}

/*
.button, button {
    height: 48px;
    line-height: 48px;
    background-color: #369ff4;
    -webkit-transition: background-color .15s linear;
    transition: background-color .15s linear;
    letter-spacing: .1em;
    border-radius: 4px;
    border: 0;
    font-size: 15px;
    padding: 0 20px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
}
*/
.button.button--grey-20, button.button--grey-20 {
    height: 48px;
    line-height: 48px;
    background-color: #e9eae4;
    color: #71716c;
    -webkit-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
}

.stripe-elements .error {
    border-color: #fa575d !important;
    z-index: 1;
}

.amount-buttons-wrapper .button.amount-button.selected {
    background-color: #369ff4;
    border-color: #369ff4;
    color: #fff;
}

.monthly-subscription.toggle-buttons,
.monthly-subscription.toggle-buttons-round {
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
    width: 100%;
}

.toggle-buttons-round {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    margin: 0 0 10px;
}
.toggle-buttons-round a {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 0 1rem;
    height: 2.75rem;
    width: 49%;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.6rem;
    color: #aaaaaa;
    border: 2px solid #aaaaaa;
    border-radius: 2.5rem;
    transition: all 0.15s linear;
}
.toggle-buttons-round a:after {
    position: absolute;
    content: "";
    left: 0.75rem;
    top: 0.75rem;
    width: 1rem;
    height: 1rem;
    background: #aaaaaa;
    border-radius: 1rem;
    transition: all 0.15s linear;
}

.monthly-subscription.toggle-buttons-round a.active,
.monthly-subscription.toggle-buttons-round a.active:hover {
    color: #000;
    border-color: #369ff4;
}
.monthly-subscription.toggle-buttons-round a.active:after,
.monthly-subscription.toggle-buttons-round a.active:hover:after {
    background: #369ff4;
}

.toggle-buttons {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    margin: 0 0 10px;
}
.toggle-buttons a {
    color: #9b9b94;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #dfdfd7;
    border-collapse: collapse;
    height: 34px;
    width: 48.5%;
    line-height: 33px;
    padding: 0;
    background: #f4f5f0;
    text-transform: uppercase;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.payment-method.toggle-buttons a.active,
.payment-method.toggle-buttons a.active:hover {
    color: #fff;
    background-color: #369ff4;
}

.monthly-subscription.toggle-buttons a {
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    border: 1px solid #369ff4;
    background: transparent;
    color: #369ff4;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    float: left;
    font-weight: 500;
}

.toggle-buttons a:first-child {
    border-radius: 4px 0 0 4px;
}

.toggle-buttons a:last-child {
    border-style: solid;
    border-radius: 0 4px 4px 0;
}

#spreedly-submit-button {
    padding: 0 !important;
}

/* Other Amount */
.button.amount-button {
    border: 1px solid #dfdfd7;
    color: #9b9b94;
    letter-spacing: 0;
    margin: 5px 0;
    padding: 0;
}

.button.other-amount-button {
    border: 1px solid #dfdfd7;
    color: #9b9b94;
    letter-spacing: 0;
    margin: 5px 0;
    padding: 0;
    width: calc(100% - 13px - (100% - 26px) / 3);
    font-weight: 400;
    cursor: pointer;
    text-transform: none;
}

.button.amount-button {
    text-transform: lowercase;
    width: calc((100% - 26px) / 3);
    font-weight: 400;
}

.donate-amount {
    width: calc(100% - 13px - (100% - 26px) / 3);
    margin: 4px 0 0;
    background: white;
    display: none;
}
.donate-amount .input-field-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.donate-amount .input-field-container span {
    display: block;
    width: 15%;
    font-size: 14px;
}
.donate-amount .input-field-container span.postinput {
    width: 25%;
}
.donate-amount input {
    width: 60%;
    padding: 0.7rem 0;
    color: #369ff4;
    background: transparent;
    border: none;
    outline: none;
}
.donate-amount input::placeholder {
    color: #bbb;
}

#donation-amount-input {
    width: calc((200% - 14px) / 3) !important;
    width: 100% !important;
    height: 48px;
    line-height: 48px;
    background-color: #e9eae4;
    padding: 0 !important;
    margin: 5px 0 !important;
}

.amount-buttons .uppercase {
    font-size: 10px;
}

.selected .amount-buttons .uppercase {
    color: white;
}

.amount-buttons-wrapper .amount-buttons {
    font-size: 10px;
    height: 48px;
    line-height: 48px;
    background-color: auto;
    -webkit-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
    color: #9b9b94;
}

.amount-buttons-wrapper .selected .amount-buttons {
    color: white !important;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.one-time-container {
    display: none;
}

.btn-group .btn-submit-donation {
    margin-top: 20px;
    padding: 0 1rem !important;
    cursor: pointer;
    font-family: "proxima-nova", sans-serif;
    font-size: 13px !important;
    text-align: center;
    text-transform: uppercase;
    background: #FDCC0C;
    color: black;
    font-weight: bold;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.btn-group .btn-submit-donation:hover {
    background: #d6b63b;
}

.captcha {
    margin-top: 15px;
}

.donation-success {
    width: 350px !important;
}

.fine-print {
    margin-top: 20px;
    font-size: 12.5px;
    line-height: 115% !important;
    color: #848484;
}

.captcha-bottom > div {
    width: 100%;
}

.first-name .label, .last-name .label, .email-address .label {
    display: none !important;
}

.errors {
    line-height: 100%;
}

.iframe-embed {
    padding: 10px;
    width: calc(100% - 20px);
    overflow: hidden;
}
.iframe-embed .donate-form-container {
    width: 100%;
    padding: 60px 0 0;
}
.iframe-embed .donate-form-container form.donation-form {
    padding: 10px;
    width: calc(100% - 20px);
}
.iframe-embed .donate-form-body {
    padding: 0px;
}

/* ==========================================================================
     Modal MailChimp Signup Form
     ========================================================================== */
.lightcase-inlineWrap {
    padding: 0 !important;
    background-color: #fff !important;
}

.lightcase-contentInner {
    background-color: #fff !important;
    padding: 0px !important;
}

#lightcase-nav {
    display: none !important;
}

#mailchimp-popup {
    /* Customize the label (the container) */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */
}
#mailchimp-popup #mc_embed_signup_scroll {
    display: block;
    position: relative;
}
#mailchimp-popup .mailchimp-popup-image img {
    position: relative;
}
#mailchimp-popup .mailchimp-popup-image a.popup-close {
    position: absolute;
    z-index: 10;
    top: 1rem;
    right: 1rem;
    color: #fff;
    font-weight: 700;
    width: 1.5rem;
}
#mailchimp-popup .mailchimp-popup-content {
    padding: 0 1rem 1rem;
}
@media screen and (min-width: 640px) {
    #mailchimp-popup .mailchimp-popup-content {
    padding: 0 2rem 2rem;
    }
}
#mailchimp-popup h3 {
    color: #00bbff !important;
    font-size: 1.3em;
    text-align: center;
    font-weight: 600;
}
@media screen and (min-width: 640px) {
    #mailchimp-popup h3 {
    font-size: 2em;
    }
}
#mailchimp-popup p {
    color: #666 !important;
    font-size: 0.7rem;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
}
@media screen and (min-width: 640px) {
    #mailchimp-popup p {
    font-size: 1.1rem;
    }
}
#mailchimp-popup img {
    width: 100%;
    height: auto;
}
#mailchimp-popup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc !important;
    opacity: 1; /* Firefox */
}
#mailchimp-popup .mc-field-group input[type=text], #mailchimp-popup .mc-field-group input[type=email] {
    outline: 1px solid #ddd !important;
    outline-offset: inherit;
    padding: 0.25rem 0.5rem;
    height: 40px;
}
#mailchimp-popup .mc-field-group input[type=text]:focus, #mailchimp-popup .mc-field-group input[type=email]:focus {
    outline: 1px solid #00bbff !important;
}
#mailchimp-popup .mc-field-group.name {
    width: 49%;
    float: left;
    margin-bottom: 0.5rem;
}
#mailchimp-popup .mc-field-group.email {
    margin-bottom: 0.5rem;
}
#mailchimp-popup .pastor-button-group {
    display: flex;
}
#mailchimp-popup .mc-field-group.pastor {
    display: flex;
    align-items: center;
    width: 55%;
    height: 40px;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 640px) {
    #mailchimp-popup .mc-field-group.pastor {
    width: 70%;
    }
}
#mailchimp-popup .mc-field-group.pastor p {
    width: calc(100% - 40px);
    font-size: 0.8rem;
    text-align: left;
    padding: 0 0.5rem;
    margin: 0;
}
@media screen and (min-width: 640px) {
    #mailchimp-popup .mc-field-group.pastor p {
    font-size: 1rem;
    }
}
#mailchimp-popup .mc-field-group.pastor label {
    padding: 0;
}
#mailchimp-popup .click {
    display: block;
    width: 45%;
    height: 40px;
}
@media screen and (min-width: 640px) {
    #mailchimp-popup .click {
    width: 30%;
    }
}
#mailchimp-popup .click input {
    outline: 1px solid #00bbff;
    height: 40px;
    margin: 0;
    width: 100%;
}
#mailchimp-popup .checkmark-container {
    display: block;
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#mailchimp-popup .checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
#mailchimp-popup .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    outline: 1px solid #ddd;
}
#mailchimp-popup .checkmark-container:hover input ~ .checkmark {
    background-color: #ccc;
    outline: 1px solid #ccc;
}
#mailchimp-popup .checkmark-container input:checked ~ .checkmark {
    background-color: #00bbff;
    outline: 1px solid #00bbff;
}
#mailchimp-popup .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
#mailchimp-popup .checkmark-container input:checked ~ .checkmark:after {
    display: block;
}
#mailchimp-popup .checkmark-container .checkmark:after {
    left: 15px;
    top: 8px;
    width: 10px;
    height: 20px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ===================== Newsletter Signup =====================    */
.newsletterWrap {
    display: block;
    background-color: #f2f2f2;
    padding: 1rem 0;
}
.newsletterWrap h3 {
    font-size: 2rem;
    margin: 0 0 0.3rem;
    font-weight: 700;
}
.newsletterWrap h5 {
    font-size: 1rem;
    margin: 0 0 1.4rem;
    font-weight: 700;
    color: #000;
}

#mc-embedded-subscribe-form, #mc_embed_signup form {
    width: 100%;
    position: relative;
}
#mc-embedded-subscribe-form .mc-field-group, #mc_embed_signup form .mc-field-group {
    padding: 0;
    margin: 0;
}
#mc-embedded-subscribe-form .mc-field-group.input-group, #mc_embed_signup form .mc-field-group.input-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 40px;
}
#mc-embedded-subscribe-form .mc-field-group.input-group > span, #mc_embed_signup form .mc-field-group.input-group > span {
    font-family: "proxima-nova", sans-serif;
    font-size: 1rem;
    margin-right: 1rem;
}
#mc-embedded-subscribe-form .mc-field-group.input-group ul, #mc_embed_signup form .mc-field-group.input-group ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 1.3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#mc-embedded-subscribe-form .mc-field-group.input-group ul li, #mc_embed_signup form .mc-field-group.input-group ul li {
    display: inline-block;
    margin-right: 0.75rem;
}
#mc-embedded-subscribe-form input[type=text], #mc-embedded-subscribe-form input[type=email], #mc-embedded-subscribe-form select, #mc_embed_signup form input[type=text], #mc_embed_signup form input[type=email], #mc_embed_signup form select {
    -webkit-appearance: none;
    border: none !important;
    font-size: 1rem !important;
    width: 100%;
}
#mc-embedded-subscribe-form input[type=radio], #mc_embed_signup form input[type=radio] {
    width: auto;
    width: 1rem;
    height: 1rem;
}
#mc-embedded-subscribe-form .formInputSmall, #mc_embed_signup form .formInputSmall {
    width: 100%;
    margin: 0 0 6px;
}
@media only screen and (min-width: 640px) {
    #mc-embedded-subscribe-form .formInputSmall, #mc_embed_signup form .formInputSmall {
    width: 23%;
    display: inline-block;
    margin: 0 1% 0 0;
    }
}
#mc-embedded-subscribe-form .formInputBig, #mc_embed_signup form .formInputBig {
    margin: 0 0 6px;
}
@media only screen and (min-width: 640px) {
    #mc-embedded-subscribe-form .formInputBig, #mc_embed_signup form .formInputBig {
    width: 50%;
    display: inline-block;
    margin: 0 1% 0 0;
    }
}
#mc-embedded-subscribe-form .formInputRadio, #mc_embed_signup form .formInputRadio {
    margin: 0.5rem 0 0;
}
@media only screen and (min-width: 640px) {
    #mc-embedded-subscribe-form .formInputButton, #mc_embed_signup form .formInputButton {
    width: 12%;
    display: block;
    margin: 0.7rem 0 0;
    }
}
#mc-embedded-subscribe-form ::-webkit-input-placeholder, #mc_embed_signup form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666 !important;
}
#mc-embedded-subscribe-form ::-moz-placeholder, #mc_embed_signup form ::-moz-placeholder { /* Firefox 19+ */
    color: #666 !important;
}
#mc-embedded-subscribe-form :-ms-input-placeholder, #mc_embed_signup form :-ms-input-placeholder { /* IE 10+ */
    color: #666 !important;
}
#mc-embedded-subscribe-form :-moz-placeholder, #mc_embed_signup form :-moz-placeholder { /* Firefox 18- */
    color: #666 !important;
}

.newsletterWrap.sidebar {
    padding: 1rem;
    text-align: left;
    margin-bottom: 4rem;
}
.newsletterWrap.sidebar h4 {
    text-align: left;
}
.newsletterWrap.sidebar #mc-embedded-subscribe-form {
    width: 100%;
    position: relative;
}
.newsletterWrap.sidebar #mc-embedded-subscribe-form input[type=text], .newsletterWrap.sidebar #mc-embedded-subscribe-form input[type=email], .newsletterWrap.sidebar #mc-embedded-subscribe-form input[type=select] {
    padding: 0.5rem;
}
.newsletterWrap.sidebar #mc-embedded-subscribe-form .formInputSmall {
    width: calc(100% - 1rem);
    margin-bottom: 0.5rem;
}
.newsletterWrap.sidebar #mc-embedded-subscribe-form .formInputBig {
    width: calc(100% - 1rem);
    margin-bottom: 0.5rem;
}
.newsletterWrap.sidebar #mc-embedded-subscribe-form .formInputButton {
    width: 100%;
    display: inline-block;
}

/* ==========================================================================
Epicenter Briefing – June 2021
 ========================================================================== */
.divider {
    max-width: 500px;
}

h2.box-title {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.25rem;
    line-height: 2rem;
    padding: 0.75rem 1rem;
}
@media only screen and (min-width: 64em) {
    h2.box-title {
    padding: 0.75rem 3rem;
    }
}

p.epicenter-date {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.4rem;
}

p.venue {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.5rem;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.3rem;
    margin-bottom: 0.25rem;
}

p.location {
    font-family: "proxima-nova", sans-serif;
    font-size: 1.3rem;
    font-size: 1.3rem;
    margin-top: 0;
}

.button.briefing-outline {
    border: 2px solid #847754;
}
.epicenter-briefing-worship-container h3, .epicenter-briefing-worship-container h4 {
    margin: 0.5rem 0 !important;
}

.epicenter-briefing-hero2 {
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
    min-height: 300px;
}
.epicenter-briefing-hero2 .briefing-header-logo {
    width: 300px;
}

.our-speakers, .what-to-expect-title {
    max-width: 300px;
    margin-bottom: 2rem;
}
@media only screen and (min-width: 64em) {
    .our-speakers, .what-to-expect-title {
    margin-bottom: 4rem;
    }
}

h3.saturday {
    margin-top: 3rem;
}
@media only screen and (min-width: 64em) {
    h3.saturday {
    margin-top: 0;
    }
}

.epicenter-briefing-speakers {
    padding: 4rem 0;
}
.epicenter-briefing-speakers .speaker {
    text-align: center;
    padding-bottom: 4rem;
}
@media only screen and (min-width: 64em) {
    .epicenter-briefing-speakers .speaker {
    padding-bottom: 0rem;
    }
}
.epicenter-briefing-speakers .speaker img {
    max-width: 150px;
    margin-bottom: 1rem;
    border-radius: 100%;
}
@media only screen and (min-width: 64em) {
    .epicenter-briefing-speakers .speaker img {
    margin-bottom: 1rem;
    }
}
.epicenter-briefing-speakers .speaker h3 {
    font-size: 2rem;
    line-height: 1.1em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}
@media only screen and (min-width: 64em) {
    .epicenter-briefing-speakers .speaker h3 {
    margin-bottom: 1rem;
    }
}
.epicenter-briefing-speakers .speaker h3 span {
    font-size: 1.8rem;
    font-weight: 800;
}
@media only screen and (min-width: 64em) {
    .epicenter-briefing-speakers .speaker h3 span {
    font-size: 2rem;
    }
}
.epicenter-briefing-speakers .speaker h4 {
    font-size: 1.3rem;
    color: #000;
}
@media only screen and (min-width: 64em) {
    .epicenter-briefing-speakers .speaker h4 {
    font-size: 1.2rem;
    }
}
.epicenter-briefing-speakers .speaker.last {
    padding-bottom: 0rem;
}
@media only screen and (min-width: 64em) {
    .epicenter-briefing-speakers .speaker.last {
    padding-bottom: inherit;
    }
}

.what-to-expect-container {
    padding: 4rem 0;
    position: relative;
    overflow: visible;
}
.what-to-expect-container ul li {
    padding: 0 0 0.5rem;
    margin: 0;
    font-family: "Merriweather", serif;
    font-weight: 300;
    color: #000;
    font-size: 1rem;
    line-height: 1.3em;
    word-spacing: 0;
}
.what-to-expect-container .what-to-expect-image {
    padding-bottom: 2rem;
}
@media only screen and (min-width: 64em) {
    .what-to-expect-container .what-to-expect-image {
    padding-bottom: inherit;
    }
}
.what-to-expect-container h3 {
    line-height: 1.3em;
    text-transform: uppercase;
}
.what-to-expect-container span {
    font-size: 2.3rem;
    font-weight: 800;
}

.texture-right {
    background-image: url("../images/uploads/epicenter-briefing/texture-right.jpg");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: right 20%;
}
@media only screen and (min-width: 48em) {
    .texture-right {
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: right 40%;
    }
}
@media only screen and (min-width: 64em) {
    .texture-right {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right 170px;
    }
}

.texture-left {
    background-image: url("../images/uploads/epicenter-briefing/texture-left.jpg");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: left 20%;
}
@media only screen and (min-width: 48em) {
    .texture-left {
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: left 40%;
    }
}
@media only screen and (min-width: 64em) {
    .texture-left {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: left 170px;
    }
}

.will-you-join-us p {
    margin: 1.25rem 0;
}
.will-you-join-us h5 {
    margin: 1.25rem 0;
}
.will-you-join-us .join-headline {
    font-size: 4rem;
    line-height: 1.1em;
    margin: 0 0 1.25rem;
}
.will-you-join-us .join-copy {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2em;
}

.tns-outer {
    padding: 0 !important;
}

.tns-outer [hidden] {
    display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer;
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%;
}

.tns-no-calc {
    position: relative;
    left: 0;
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px;
}

.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important;
}

.tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}

.tns-autowidth {
    display: inline-block;
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6;
}

.tns-lazy-img.tns-complete {
    opacity: 1;
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s;
}

.tns-ovh {
    overflow: hidden;
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em;
}

.tns-transparent {
    opacity: 0;
    visibility: hidden;
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
}

.tns-normal, .tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}

.tns-vpfix {
    white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
    display: inline-block;
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden;
}

.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: 2333.3333333333%;
    position: absolute;
    right: 0;
}

.tns-t-ct:after {
    content: "";
    display: table;
    clear: both;
}

.tns-t-ct > div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: 1.4285714286%;
    height: 10px;
    float: left;
}


@media screen and (max-width: 700px) {
    .mobile-row-fix > div {
        flex-basis: 100%;
        max-width: 100%;
    }
    .mobile-row-fix > div:last-child {
        padding-bottom: 35px;
    }
}