/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * 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
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * 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 #eee;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
    text-rendering: optimizeLegibility !important;
    -moz-osx-font-smoothing: auto !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px;
    background-color: #fff;
    color: #555;
    overflow: hidden;
    width: 100%;
}

h1,h2,h3,h4 {
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
}

a, a:active, a:visited, a:focus {
    color: #00C1FF;
    text-decoration: underline;
}

#landing a, #landing a:active, #landing a:visited, #landing a:focus {
    color: #fff;
}

p {
    margin-bottom: 0;
}

p.lead {
    margin: 0;
    font-size: 150%;
}

p a {
    text-decoration: underline;
}

img#magicnav-main-logo {
    width: 160px;
    height: auto;
    max-height: 60px;
    shape-rendering: geometricPrecision;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

tr:nth-child(odd) {
    background-color: #f2f2f2;
}

#magicnav-main-container {
    width: 100%;
}

#magicnav-main-container .magicnav-menu-button:hover,
button#magicnav-mobile-hambutton:hover, .magicnav-dropdown-span:hover {
    cursor: pointer;
}

#topNav {
    position: absolute;
    z-index: 1;
    width: 100%;
}

ul#magicnav-menu {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
}

ul#magicnav-menu li {
    text-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}

#magicnav-dropdown-container {
    top: 5em !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    -webkit-box-shadow: 0px 50px 25px -50px rgba(0,0,0,0.5);
    box-shadow: 0px 50px 25px -50px rgba(0,0,0,0.5);
}

#magicnav-dropdown-arrow {
    top: 75px !important;
}

a.magicnav-menu-item {
    color: #fff;
}

/*ul#magicnav-menu li.magicnav-menu-li:nth-child(4) span.magicnav-menu-span {
    white-space: nowrap;
    padding: 0.5em 1em;
    border: 1px solid #B8E986;
    border-radius: 10px;
    transition: 0.2s;
    will-change: background;
}

ul#magicnav-menu li.magicnav-menu-li:nth-child(4) span.magicnav-menu-span:hover {
    background: #B8E986;
    transition: 0.2s;
    -webkit-box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.15);
    box-shadow: 0px 12px 10px -10px rgba(0,0,0,0.15);
    text-shadow: none;
}

ul#magicnav-menu li.magicnav-menu-li:nth-child(4) span.magicnav-menu-span span.magicnav-menu-name {
    transition: 0.2s;
}

ul#magicnav-menu li.magicnav-menu-li:nth-child(4) span.magicnav-menu-span:hover span.magicnav-menu-name {
    color: #333;
    transition: 0.2s;
}*/

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

.text-left {
    text-align: left;
}

a.btn {
    padding: 0.5em 1.5em !important;
    /*background: #B8E986;*/
    background: linear-gradient(0deg, #a7d875 0%, #B8E986 50%);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #333;
    text-transform: uppercase;
    white-space: nowrap;
    /*border: 1px solid #C8FF90;*/
    -webkit-box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.25);
}

a.btn.btn-sm {
    font-size: 65%;
    padding: 0.65em 2.25em;
    /*border-radius: 4px;*/
    -webkit-box-shadow: 0px 12px 5px -12px rgba(0,0,0,0.15);
    box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.15);
}

a.btn.btn-lg {
    font-size: 150%;
    padding: 0.5em 4em;
    /*border-radius: 10px;*/
    -webkit-box-shadow: 0px 15px 5px -15px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 5px -15px rgba(0,0,0,0.75);
}

a[role="button"]:hover {
    cursor: pointer;
}

.get-started {
    display: flex;
    align-items: center;
    justify-content: right;
    margin: 0;
    padding: 0 50px 0 0;
}

/*.get-started span {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 0.9em;
}

.get-started span small {
    color: #fff;
    margin-top: 0.65em;
}*/

.get-started a.btn {
    -webkit-box-shadow: 0px 20px 10px -20px rgba(0,0,0,0.25);
    box-shadow: 0px 20px 10px -20px rgba(0,0,0,0.25);
}

.get-started a.btn:active {
    transform: scale(0.96) translateY(1.5px);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.get-started a.btn.login {
    background: none;
    border: 1px solid #B8E986;
    margin-right: 1em;
    color: #fff;
    z-index: 9999;
}
.get-started a.btn.login:hover {
    color: #fff;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.cms-page-container, .full-height-view {
    min-height: calc(100vh - 172.8px);
}

.center-xs {
    text-align: left;
}

.full-height-view h1 {
    margin-top:0;
    padding-top: 1em;
}

.dotted-panel {
    border: 1px dotted #444;
    padding: 1em;
    border-radius: 6px;
}

p.dashed-panel {
    border: 1px dashed #B8E986;
    text-align: center;
    font-size: 105%;
    padding: 1em;
    line-height: 170%;
    border-radius: 6px;
    max-width: 700px;
    white-space: nowrap;
}

.green, #landing .landing_text span.green a {
    color: #B8E986;
}

#landing .landing_text span.green a {
    text-decoration: none;
    border-bottom: 1px dotted #B8E986;
}

ul.unstyled {
    list-style-type: none;
    padding: 0;
}

#landing {
    position: relative;
    background: #283A65 url('/assets/img/funding_header.svg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
    padding-top: 175px;
    color: #fff;
    overflow: hidden;
    z-index: 0;
}

#landing h1.heading {
    text-shadow: 0px 0px 10px rgba(255,255,255,0.1), 1px 1px 6px rgba(0,0,0,0.2);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

#landing p {
    text-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    font-size: 115%;
}

h1.heading {
    line-height: 110%;
    font-size: 60px;
    margin-bottom: 0.5em;
}

#landing_svg_laptop,#landing_svg_phone,#landing_svg_coffee,#landing_svg_table,#landing_svg_table_one,#landing_svg_table_two,
#landing_svg_table_three,#landing_svg_table_four,#landing_svg_table_five,#landing_svg_table_six,#landing_svg_bg_one,
#landing_svg_bg_two,#landing_svg_bg_three,#landing_svg_bg_four,#landing_svg_laptop_shadow, #landing_svg_phone_shadow,
#landing_svg_coffee_shadow,#landing_svg_table_shadow,#topNav,.landing_text h1.heading,.landing_text p:not(.dashed-panel),
.landing_text p.dashed-panel,#quickJump,#get_funded .row,footer .col-sm-6, #google_translate_element {
    visibility: hidden;
}

svg#landing_graphic {
    position: absolute;
    left: -2em;
    top: -5.5em;
    width: 100vmax;
    max-width: 1100px;
    shape-rendering: geometricPrecision;
    overflow: visible;
}

#landing .swoopty {
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 105%;
    pointer-events: none;
}

#quickJump {
    background: #fff;
    transform: translateY(-8em) !important;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 2.25em 1em 0.7em;
    max-width: 1350px;
    -webkit-box-shadow: 0px -15px 10px -10px rgba(248,248,255,0.1), 0px 15px 10px -10px rgba(0,0,0,0.15);
    box-shadow: 0px -15px 10px -10px rgba(248,248,255,0.1), 0px 15px 10px -10px rgba(0,0,0,0.15);
}

#quickJump .col-sm-1 {
    text-align: center;
    padding: 0 3em;
}

#quickJump span.icon {
    position: relative;
    background: #eee;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: block;
    margin: 0.35em auto 0;
}

#quickJump span.icon i {
    font-size: 22px;
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#quickJump sup.error i {
    color: #FF6961;
    padding: 0.25em;
    font-size: 75%;
}

#quickJump span.input_container {
    position: relative;
}

#quickJump input {
    padding: 0.8em 1em;
    border-radius: 10px;
    border: 1px solid #efefef;
    margin-top: 1.7em;
    height: 24px;
    color: #777;
    max-width: 90%;
    -webkit-box-shadow: 0px 0px 10px 10px rgba(248,248,255,0.35);
    box-shadow: 0px 0px 10px 10px rgba(248,248,255,0.35);
}

#quickJump input:focus {
    outline: 0;
}

#quickJump a[role="button"] {
    position: absolute;
    top: -6px;
    right: 10px;
    font-size: 65%;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.85em;
    margin: 0;
    background: linear-gradient(0deg, #a7d875 0%, #B8E986 100%);
    color: #333;
    letter-spacing: 1.5px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 10px 5px -10px #ddd;
    box-shadow: 0px 10px 5px -10px #ddd;
}

#quickJump .col-sm-3:not(:last-child), #quickJump .col-sm-4:not(:last-child) {
    border-right: 1px solid #efefef;
}

#quickJump p.lead {
    color: #555;
    font-weight: 300;
    font-size: 165%;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 0.5em;
}

#quickJump p:not(.lead) {
    font-size: 75%;
    padding-right: 2em;
}

#quickJump ul {
    margin-top: 0.5em;
}

#get_funded h1.heading {
    margin-top: 0;
    color: #666;
}

#get_funded .panel, #get_started .panel {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 2em 2.5em 3em;
    -webkit-box-shadow: 0px -15px 10px -10px rgba(248,248,255,1.0), 0px 15px 10px -10px rgba(0,0,0,0.15);
    box-shadow: 0px -15px 10px -10px rgba(248,248,255,1.0), 0px 15px 10px -10px rgba(0,0,0,0.15);
    min-height: 350px;
    text-align: left !important;
    margin: 0 1em 3em;
}

#get_funded .panel {
    transition: 0.25s;
    will-change: transform, opacity, filter;
    width: 100%;
    min-width: 400px;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    animation-timing-function: ease-in-out;
    z-index: 1;
}

#get_funded .panel.fade {
    transition: opacity 1.5s filter 1.5s;
    opacity: 0.0;
    filter: blur(20px);
}

#get_funded .panel:not(.view_more):hover {
    transition: 0.25s;
    transform: scale3d(1.03,1.03,1);
}

#get_funded .panel:not(.view_more):not(.active):hover {
    cursor: pointer;
}

#get_funded .panel:not(.view_more)::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100.25%;
    height: 100.5%;
    /*background: linear-gradient(15deg, rgba(30,44,91,0.8) 40%, rgba(60,45,125,0.8) 100%);*/
    background: linear-gradient(15deg, #283A65 5%, #4B567C 45%, #7468a8 90%);
    z-index: -1;
    transition: opacity 0.1s linear;
    opacity: 0;
    border-radius: 10px;
    will-change: opacity;
}

#get_funded .panel:not(.view_more).active {
    transition: transform 0.5s;
    z-index: 2;
    transform: scale3d(1.35,1.35,1) translate3d(0,-1em,0);
    border-color: transparent;
    color: #fff;
    -webkit-box-shadow: 0px -15px 10px -10px rgba(248,248,255,1.0), 0px 15px 10px -10px rgba(0,0,0,0.35);
    box-shadow: 0px -15px 10px -10px rgba(248,248,255,1.0), 0px 15px 10px -10px rgba(0,0,0,0.35);
}

#get_funded .panel:not(.view_more).active::before {
    opacity: 1;
}

#get_funded .panel:not(.view_more).active * {
    opacity: 1.0;
}

#get_funded .panel.active a.btn {
    transform: scale3d(1.05,1.05,1);
}

#get_funded .panel:not(.view_more) a.btn {
    position: absolute;
    bottom: 3em;
    left: 3.65em;
    transition: 1s;
    will-change: transform;
}

#get_funded .panel:not(.view_more):hover a.btn {
    transition: 0.25s;
    transform: scale3d(1.05,1.05,1);
}

#get_funded .panel.view_more {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-style: dashed;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 50%;
    z-index: 1;
}

#get_funded .panel.view_more a.btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.panel.view_more a.btn i.fal {
    color: #000;
}

#get_funded .panel img {
    width: 55px;
    height: 55px;
    margin-bottom: 1em;
    opacity: 0.6;
    transition: 0.25s;
    will-change: opacity;
    shape-rendering: geometricPrecision;
}

#get_funded span.icon {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    background: #eee;
    border-radius: 100%;
    margin-bottom: 1em;
    opacity: 0.6;
    transition: 0.25s;
    will-change: opacity;
}

#get_funded .panel span.close {
    transition: 0.25s;
    opacity: 0.0;
    position: absolute;
    top: 0.5em;
    right: 1em;
    font-size: 24px;
    color: #fff;
    pointer-events: none;
}

#get_funded .panel span.close:hover {
    transition: 0.25s;
    cursor: pointer;
}

#get_funded .panel.active span.close {
    pointer-events: all;
}

#get_funded .panel span.close:hover i {
    -webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.35));
    -moz-filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.35));
    filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.35));
}

#get_funded .panel span.icon i {
    transition: 0.15s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 28px;
    color: #666;
}

#get_funded .panel.active span.icon i {
    transition: 0.15s;
    color: #666;
}

#get_funded .panel.active span.icon,
#get_funded .panel.active img {
    transition: 0.15s;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(30,44,91,0.35));
    -moz-filter: drop-shadow(0px 3px 6px rgba(30,44,91,0.35));
    filter: drop-shadow(0px 3px 6px rgba(30,44,91,0.35));
}

#get_funded .panel:not(.view_more):hover img,
#get_funded .panel:not(.view_more):hover span.icon {
    transition: 0.25s;
    opacity: 1.0;
}

#get_funded .panel p:not(.lead) {
    font-size: 75%;
    margin-bottom: 2em;
}

#get_funded .panel:not(.view_more):hover p {
    transition: 0.25s;
    opacity: 1.0;
}

#get_funded .panel p.lead {
    font-size: 135%;
    font-weight: 300;
    text-transform: uppercase;
    white-space: nowrap;
}

#get_funded .panel p {
    opacity: 0.9;
    transition: 1s;
    will-change: opacity;
    transition: 0.15s !important;
}

#get_funded .panel.active p {
    text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}

#get_funded .panel.active p.lead {
    text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    color: #B8E986;
}

#get_started {
    background: linear-gradient(15deg, #283A65 5%, #4B567C 45%, #7468a8 90%);
    background-repeat: no-repeat;
    padding: 12em 0 18em;
    margin: 7em 0 0;
}

#get_started .panel {
    background: #fff url('/assets/img/get_started.png') no-repeat right -9em top -9em;
    background-size: 37em;
    padding: 4em;
    overflow: hidden;
    max-width: 1000px;
    min-width: 1000px;
    transition: transform 1s;
    animation-timing-function: ease-in-out;
    will-change: transform;
    color: #555;
    -webkit-box-shadow: 0px -15px 10px -10px rgba(248,248,255,0.1), 0px 50px 50px -50px rgba(0,0,0,0.5);
    box-shadow: 0px -15px 10px -10px rgba(248,248,255,0.1), 0px 50px 50px -50px rgba(0,0,0,0.5);
    border: none;
}

#get_started h1.heading {
    margin: 0;
}

#get_started img {
    width: 300px;
    margin: 0 auto 3em;
    display: none;
}

#get_started a.btn.btn-lg {
    -webkit-box-shadow: 0px 20px 20px -25px rgba(0,0,0,0.5);
    box-shadow: 0px 20px 20px -25px rgba(0,0,0,0.5);
    display: block;
    margin: 0 2em;
}

#ToTopHover, #ToTop:hover {
    cursor: pointer;
    transform: scale3d(0.55,0.55,1);
    -ms-transform: scale3d(0.55,0.55,1);
    -moz-transform: scale3d(0.55,0.55,1);
    -webkit-transform: scale3d(0.55,0.55,1);
    opacity: 0.9;
}

#ToTop {
    filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    -webkit-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    -moz-filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    filter: drop-shadow(0px 6px 6px rgba(0,0,0,0.2));
    mix-blend-mode: luminosity;
    border-radius: 100%;
    opacity: 0.5;
    z-index: 3;
    cursor: pointer;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    transform: scale3d(0.5,0.5,1);
    -ms-transform: scale3d(0.5,0.5,1);
    -moz-transform: scale3d(0.5,0.5,1);
    -webkit-transform: scale3d(0.5,0.5,1);
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAFpOLgnAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABQJJREFUeNpiYEAC/f39/4FYAMZnhAkyoIHCwkJGJmSBgoICZFPWM8F0wSSQFASAdAqCWBMmTGBApjHslJGRYXjy5AncTkZkO0BGwSRANEAAITtgPxC/J+QNQRRXIrnwPRNMcOnSpWDXwSQZsYUGCMD9hAYuoAcuXDdAADGihzwDbiAI9OMHvDECciByMCLHFMjR+4FsB2yxBQPomlmA2ABZYNeuXQzXrl1DsYmdnZ3h58+fiFAAWocSCiAN6ABZA3qkgpLeezwBcQGowRDEAAggRnQZoGZQalgP5TYCFTYgyyPb0g8KA1xWwJITLKhBzhFgIACQMwSKYkNDQ6zBDTT4PhN6RIqKijLY29uD2ZmZmeh6FFCyHCjso6OjcfJhqRIO0E0ExQPIRjc3N+waXr9+jZIspk+fDk8JWDWAcguhdAXSkMhAAsCa5EEFAwjACgdc6ek/oUjDlZbQNQYCFW+AcQACiBGfqaCYBUUWkd5LBBq8AKe/0QwmKi0SAIZACy+QnCtgAJRYkOOf6PAlJli0tLRQUiO29IPLIka0AgADgJI6ev5Azw6wFI4LsOCyAJT5sORYlKwEcgBIHag4APGx5RaMLIUMkpKSULIaetDAxGAFLMhCEMblkwnYIpxQEJCiDlQdFDLQFgQyYW0DUA84gnI+emUNqhnPU8HwD8gVJiOVihRklx9AFwQIQIsV3CAMw0CIGIARYIt82QA2gAm6SjsBjMAGjJAVGIERyKFEWJbtuNDcp6rk+urW9fnafExFhdEYAxs3SDbRQWjObCX5OR+uzgqemWzvJnHsDxZGqVt7vPgX35LWC1VgEtGx4iLgk1jBtkjHl6S0axMYhBj5MUZXOK9k5yGoAAnIHO3/uflQLIYJaeTjsWlTly5ztZJjiwCaIQFi1iKCKAYrAEk0ghkxQ7AupncJ5fulWviXoLUpJYD6cWnl55ZUiyQppeaiwDWd+hwXCRLUxJa8Ig47GI2Xvv6Ntep49iq4N8nBEUxh1R8jSE49GeCvg0fZ/sCFvvhDpypuXE8S9/Ec1UpJdqr5K2Jhb6L7kzkVeSswt5VMhP8lj5nJ1Y2l5RlN71Jwz8nNz+AtQLVmcNsgDIVhjHJGGaERC2SDsgCHStw7SlZIFkDNnUMlBijdIAugMgJiguqnz5JBwX62sQrvghQI+Of52e/7E68emAbxbtqTGIEyuvuUk7AceEZN5UvglagjYm9WE0It35fnpPaJB7FC79rSn0nAMdpG9CToYYMN/5kBpwyJFZYrbfMv22W0AFzPxwVNhSMdRrZekgxpZa+1sU/2XeZa7iUgoKDR6BRrgCia8qIojHjxrDutqkpLCtyt/hAxPM2lwMDhudkKUL8P/IGgsiy1QGAiWeHSYWEAyAADR60CmUGGHAT1sa0I1AB4bUmEgYLGc0tTCffEvbl1ptoeB+6VSZJoEZo73yXY6uoKi0aapuN1wzCwxscWghvibUJQnueTjOCBtgUrMzd35vF5XddsAaoQbCqZjSAMHG8SGNS2rXddgKuRAaCUY8E3qJGbyzfxQF8RauBeHqvWTSJ1SKwOHYCuT/kjwxsxwN6ik+QYK17BaWdiJmwdz4wPnLjuQMR1bhAIDRX+bAiqVLg6PaNFk8OxFUrU0iHbfKAMXXwaTNcpFP39v6Vf1UWZQdglgJvS0cA/gtpBhoxlxPmvdDxqpgmmyDcdG84bN8UvaWBwS01XS2wAAAAASUVORK5CYII=') no-repeat left top;
}

#google_translate_element {
    margin-top:1em;
}

#google_translate_element *:not(select) {
    color:#fff;
}

#google_translate_element select.goog-te-combo option {
    color:#444;
}

@media screen and (min-width: 2048px) {
}

@media screen and (max-width: 1750px) {
    ul#magicnav-menu li.magicnav-menu-li:nth-child(3) span.magicnav-menu-name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        box-orient: vertical;
        line-clamp: 2;
        overflow: hidden;
    }
    .magicnav-menu-item {
        padding-left:1.5em !important;
        padding-right:1.5em !important;
    }
    span.magicnav-menu-span {
        font-size: 80% !important;
    }
    ul#magicnav-menu {
        transform: translateX(32.25%);
    }
}

@media screen and (max-width: 1400px) {
    #quickJump {
        position: static;
        transform: none !important;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 2em auto;
        padding: 0 2em;
    }
    #quickJump .col-sm-1 {
        padding: 0;
    }
    #landing .landing_text h1.heading {
        font-size: 320% !important;
    }
    #landing {
        min-height: 750px;
    }
    p.dashed-panel {
        white-space: normal;
    }
}

@media screen and (max-width: 1200px) {
    #get_started {
        background: none;
        min-width: auto;
        max-width: auto;
    }
    #get_started .panel {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #landing .landing_text h1.heading {
        font-size: 275% !important;
    }
    #get_started img {
        display: block;
    }
}

@media screen and (max-width: 1199.98px) {
    nav#magicnav-main {
        position: relative;
    }
    #magicnav-main-container {
        padding-right: 105px !important;
    }
    ul#magicnav-menu {
        right: 8.75em !important;
    }
    #magicnav-dropdown-container {
        right: 240px !important;
    }
    ul#magicnav-menu li.magicnav-menu-li:nth-child(3) span.magicnav-menu-name {
        overflow: visible;
    }
}

@media screen and (max-width: 1024px) {
    #quickJump .col-sm-3, #quickJump .col-sm-4 {
        padding: 0 2em;
    }
    #landing .landing_text h1.heading {
        font-size: 230% !important;
    }
    footer {
        padding: 6em 0 4em;
        text-align: center !important;
    }
    #get_funded .panel:not(.view_more).active {
        transform: scale(1.035);
    }
}

@media screen and (max-width: 992px) {
    #landing {
        padding-top: 100px;
        min-height: auto;
    }
    #landing .landing_text h1.heading {
        font-size: 200% !important;
    }
    #landing .landing_text p {
        font-size: 90%;
        margin-bottom: 3em;
    }
    .landing_graphic_container {
        padding: 16em 0;
    }
    #magicnav-main-container {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 767px) {
    img#magicnav-main-logo {
        position: relative;
    }
    #quickJump .col-sm-3, #quickJump .col-sm-4 {
        border-right: none !important;
        padding: 0;
    }
    #quickJump .col-sm-1 {
        margin-top: 3em;
        text-align: left;
        padding-left: 0;
    }
    #quickJump span.icon {
        margin: 0;
        margin-bottom: 1em;
    }
    #landing .landing_text h1.heading {
        font-size: 300% !important;
    }
    #landing .landing_text {
        z-index: 2;
    }
    #landing_graphic {
        width: 165% !important;
    }
    .landing_graphic_container {
        padding: 15em 0;
    }
    #get_funded {
        margin-top: 6em;
    }
    #get_funded .panel.view_more {
        width: 100%;
        max-width: 999em;
    }
    #quickJump .col-sm-3:not(:last-child), #quickJump .col-sm-4:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding-bottom: 4em;
    }
    p.dashed-panel {
        background: rgba(0,0,0,0.2);
        border-style: solid;
    }
}

@media screen and (max-height: 675px) {
    .landing_text h1.heading {
        font-size: 250% !important;
    }
    .landing_graphic_container {
        padding: 14em 0;
    }
}

@media screen and (max-width: 576px) {
    #landing {
        max-height: 950px;
    }
    #landing .landing_text h1.heading {
        font-size: 200% !important;
    }
    #landing_graphic {
        top: 1em !important;
    }
    #landing .landing_graphic_container {
        padding: 14em 0;
    }
    ul#magicnav-menu {
        top: 5em !important;
        right: 7.5em !important;
    }
    #magicnav-dropdown-container {
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-height: 600px !important;
    }
    p.dashed-panel {
        white-space: normal;
    }
    #get_funded .panel {
        transform: scale(0.75);
        margin-bottom: 0;
    }
    #get_funded .panel:not(.view_more):hover {
        transform: scale(0.75);
    }
    #get_funded .panel:not(.view_more).active {
        transform: scale(0.75);
    }
    #get_started {
        padding: 2em !important;
    }
    #get_started h1.heading {
        font-size: 200%;
    }
    #get_started img {
        width: 35%;
    }
    #get_started a.btn.btn-lg {
        padding: 0.5em 2em;
    }
    #get_started .panel {
        margin-bottom: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #get_started .panel.active {
        transform: none;
        color: #666;
    }
    #magicnav-main-container {
        padding-right: 2px !important;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, 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: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}