@charset "UTF-8";

/**
 * Custom Neat grid settings
 */

/*
  Libs
--------------------------------------*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before, .fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only, .form_radio-input, .form_checkbox-input {
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

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

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default:hover {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  background-image: none;
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(45.8493801653, 109.0004132231, 163.5006198347);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  border-color: rgb(17.9258264463, 42.6161157025, 63.9241735537);
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  border-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  background-image: none;
  border-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
  border-color: rgb(17.9258264463, 42.6161157025, 63.9241735537);
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(45.8493801653, 109.0004132231, 163.5006198347);
}
.btn-primary .badge {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  background-image: none;
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: rgb(69.7715736041, 183.845177665, 217.7284263959);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431);
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  background-image: none;
  border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
  border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431);
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: rgb(69.7715736041, 183.845177665, 217.7284263959);
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning:hover {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  background-image: none;
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(213.2296875, 132.515625, 18.0703125);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645);
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  background-image: none;
  border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
  border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645);
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: rgb(38.25, 38.25, 38.25);
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: rgb(119.085, 119.085, 119.085);
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label {
  dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}

.ct-grid-background {
  fill: none;
}

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}

.ct-line {
  fill: none;
  stroke-width: 4px;
}

.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}

.ct-bar {
  fill: none;
  stroke-width: 10px;
}

.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #d70206;
}

.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  fill: #d70206;
}

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #f05b4f;
}

.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  fill: #f05b4f;
}

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #f4c63d;
}

.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  fill: #f4c63d;
}

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #d17905;
}

.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  fill: #d17905;
}

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #453d3f;
}

.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  fill: #453d3f;
}

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #59922b;
}

.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  fill: #59922b;
}

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #0544d3;
}

.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  fill: #0544d3;
}

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #6b0392;
}

.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  fill: #6b0392;
}

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #f05b4f;
}

.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  fill: #f05b4f;
}

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #dda458;
}

.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  fill: #dda458;
}

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #eacf7d;
}

.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  fill: #eacf7d;
}

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #86797d;
}

.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  fill: #86797d;
}

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #b2c326;
}

.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  fill: #b2c326;
}

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}

.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  fill: #6188e2;
}

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}

.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  fill: #a748ca;
}

.ct-square {
  display: block;
  position: relative;
  width: 100%;
}

.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}

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

.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}

.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}

.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.8888888889%;
}

.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.3333333333%;
}

.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}

.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}

.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}

.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}

.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.6666666667%;
}

.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}

.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}

.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}

.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}

.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.804697157%;
}

.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}

.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}

.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}

.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}

.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}

.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.3333333333%;
}

.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}

.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}

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

.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}

.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}

.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}

.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}

.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}

.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}

.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}

.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}

.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}


/*! jQuery UI - v1.14.1 - 2024-10-30
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright OpenJS Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/* Base & Utilities */
/*
  Responsive
--------------------------------------*/
/*
	Colors we're for sure using...
*/
/*
	FRS only colors
*/
/*
	Admin colors
*/
/* DARK SHADES: Blacks and grays */
/* LIGHT SHADES: Tints of white */
/* Accent Colors */
/*
	Proxima Nova
*/
@font-face {
  font-family: "ProximaNovaRegular";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Reg-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Reg-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Reg-webfont.svg#ProximaNovaRegular") format("svg");
}
@font-face {
  font-family: "ProximaNovaSemibold";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Sbold-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Sbold-webfont.svg#ProximaNovaSemibold") format("svg");
}
@font-face {
  font-family: "ProximaNovaBold";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Bold-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Bold-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Bold-webfont.svg#ProximaNovaBold") format("svg");
}
@font-face {
  font-family: "ProximaNovaBlack";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Black-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Black-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Black-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Black-webfont.svg#ProximaNovaBlack") format("svg");
}
@font-face {
  font-family: "ProximaNovaExtrabold";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Xbold-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Xbold-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Xbold-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Xbold-webfont.svg#ProximaNovaExtrabold") format("svg");
}
@font-face {
  font-family: "ProximaNovaThin";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Thin-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Thin-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/ProximaNova-Thin-webfont.svg#ProximaNovaThin") format("svg");
}
@font-face {
  font-family: "ProximaNovaCondensedSemibold";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-semibold-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-semibold-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-semibold-webfont.svg#ProximaNovaCondensedSemibold") format("svg");
}
@font-face {
  font-family: "ProximaNovaCondensedRegular";
  font-style: normal;
  font-weight: normal;
  src: url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-regular-webfont.eot?#iefix") format("embedded-opentype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-regular-webfont.woff") format("woff"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-regular-webfont.ttf") format("truetype"), url("https://479e8b7059efef8d55a8-8c1f1d4d1f2574e4cd164a0f2a6bcea0.ssl.cf2.rackcdn.com/proximanovacond-regular-webfont.svg#ProximaNovaCondensedRegular") format("svg");
}
/*-----------------------
	MuseoSansRounded
-----------------------*/
@font-face {
  font-family: MuseoSansRounded;
  font-style: normal;
  font-weight: 100;
  src: url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-100.eot?#iefix") format("embedded-opentype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-100.woff") format("woff"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-100.ttf") format("truetype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-100.svg#MuseoSansRounded") format("svg");
}
@font-face {
  font-family: MuseoSansRounded;
  font-style: normal;
  font-weight: 300;
  src: url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-300.eot?#iefix") format("embedded-opentype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-300.woff") format("woff"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-300.ttf") format("truetype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-300.svg#MuseoSansRounded") format("svg");
}
@font-face {
  font-family: MuseoSansRounded;
  font-style: normal;
  font-weight: 500;
  src: url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-500.eot?#iefix") format("embedded-opentype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-500.woff") format("woff"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-500.ttf") format("truetype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-500.svg#MuseoSansRounded") format("svg");
}
@font-face {
  font-family: MuseoSansRounded;
  font-style: normal;
  font-weight: 700;
  src: url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-700.eot?#iefix") format("embedded-opentype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-700.woff") format("woff"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-700.ttf") format("truetype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-700.svg#MuseoSansRounded") format("svg");
}
@font-face {
  font-family: MuseoSansRounded;
  font-style: normal;
  font-weight: 900;
  src: url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-900.eot?#iefix") format("embedded-opentype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-900.woff") format("woff"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-900.ttf") format("truetype"), url("https://983a19dd0c368a4b1e57-0cb7d1946e41dc50c3f11b74195916fd.ssl.cf1.rackcdn.com/fonts/MuseoSansRounded-web/MuseoSansRounded-900.svg#MuseoSansRounded") format("svg");
}
@font-face {
  font-family: "ClassyIcons";
  src: url("../global/fonts/ClassyIcons.eot");
  src: url("../global/fonts/ClassyIcons.eot#iefix") format("eot"), url("../global/fonts/ClassyIcons.woff") format("woff"), url("../global/fonts/ClassyIcons.ttf") format("truetype"), url("../global/fonts/ClassyIcons.svg#ClassyIcons") format("svg");
}
.ci {
  font-size: 40px;
  font-family: "ClassyIcons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.ci-1000-strong:before {
  content: "\e001";
}

.ci-add-media:before {
  content: "\e002";
}

.ci-address-book:before {
  content: "\e003";
}

.ci-all-in-one:before {
  content: "\e004";
}

.ci-all-in-one_cloud-hosting:before {
  content: "\e005";
}

.ci-all-in-one_custom-receipts:before {
  content: "\e006";
}

.ci-all-in-one_dedication:before {
  content: "\e007";
}

.ci-all-in-one_flexible-payment:before {
  content: "\e008";
}

.ci-all-in-one_recurring-donations:before {
  content: "\e009";
}

.ci-all-in-one_reporting-analytics:before {
  content: "\e00a";
}

.ci-all-in-one_safe-secure:before {
  content: "\e00b";
}

.ci-amex:before {
  content: "\e00c";
}

.ci-amount-milestone:before {
  content: "\e00d";
}

.ci-attendee:before {
  content: "\e00e";
}

.ci-back-to-top:before {
  content: "\e00f";
}

.ci-bank:before {
  content: "\e010";
}

.ci-blog:before {
  content: "\e011";
}

.ci-brand_custom-footers:before {
  content: "\e012";
}

.ci-brand_domain-masking:before {
  content: "\e013";
}

.ci-brand_mag-glass:before {
  content: "\e014";
}

.ci-brand_social-media:before {
  content: "\e015";
}

.ci-brand_website-customization:before {
  content: "\e016";
}

.ci-business-money-time:before {
  content: "\e017";
}

.ci-business-payment:before {
  content: "\e018";
}

.ci-campaign-message:before {
  content: "\e019";
}

.ci-campaign:before {
  content: "\e01a";
}

.ci-card-info:before {
  content: "\e01b";
}

.ci-causes:before {
  content: "\e01c";
}

.ci-chat-icon:before {
  content: "\e01d";
}

.ci-checkmark:before {
  content: "\e01e";
}

.ci-classy-101:before {
  content: "\e01f";
}

.ci-classy-awards:before {
  content: "\e020";
}

.ci-classy-community:before {
  content: "\e021";
}

.ci-classy-icon:before {
  content: "\e022";
}

.ci-classy-logo:before {
  content: "\e023";
}

.ci-clipboard-check:before {
  content: "\e024";
}

.ci-close-x:before {
  content: "\e025";
}

.ci-contact-support:before {
  content: "\e026";
}

.ci-contact:before {
  content: "\e027";
}

.ci-create-team:before {
  content: "\e028";
}

.ci-credit-card:before {
  content: "\e029";
}

.ci-customer-stories:before {
  content: "\e02a";
}

.ci-design:before {
  content: "\e02b";
}

.ci-devices:before {
  content: "\e02c";
}

.ci-diners-club:before {
  content: "\e02d";
}

.ci-discover:before {
  content: "\e02e";
}

.ci-donation:before {
  content: "\e02f";
}

.ci-donations:before {
  content: "\e030";
}

.ci-download:before {
  content: "\e031";
}

.ci-drag-vertical:before {
  content: "\e032";
}

.ci-ellipsis:before {
  content: "\e033";
}

.ci-email-theme:before {
  content: "\e034";
}

.ci-favorite-campaigns:before {
  content: "\e035";
}

.ci-fund-allocation-even:before {
  content: "\e036";
}

.ci-fund-allocation-manual:before {
  content: "\e037";
}

.ci-fundraiser:before {
  content: "\e038";
}

.ci-fundraising-cash:before {
  content: "\e039";
}

.ci-fundraising-ideas:before {
  content: "\e03a";
}

.ci-gallery:before {
  content: "\e03b";
}

.ci-guides:before {
  content: "\e03c";
}

.ci-handshake:before {
  content: "\e03d";
}

.ci-heart:before {
  content: "\e03e";
}

.ci-help-center:before {
  content: "\e03f";
}

.ci-ico-camera:before {
  content: "\e040";
}

.ci-ico-fistbump:before {
  content: "\e041";
}

.ci-ico-giving-tuesday:before {
  content: "\e042";
}

.ci-ico-idea:before {
  content: "\e043";
}

.ci-ico_attendees:before {
  content: "\e044";
}

.ci-ico_camera-flash:before {
  content: "\e045";
}

.ci-ico_customer-support:before {
  content: "\e046";
}

.ci-ico_donate:before {
  content: "\e047";
}

.ci-ico_edit-details:before {
  content: "\e048";
}

.ci-ico_email:before {
  content: "\e049";
}

.ci-ico_examples:before {
  content: "\e04a";
}

.ci-ico_img-size:before {
  content: "\e04b";
}

.ci-ico_tri-circle:before {
  content: "\e04c";
}

.ci-ico_write-update:before {
  content: "\e04d";
}

.ci-icon-fundraiser-fb:before {
  content: "\e04e";
}

.ci-icon-fundraiser-nonfb:before {
  content: "\e04f";
}

.ci-icon-popup-warning:before {
  content: "\e050";
}

.ci-impact:before {
  content: "\e051";
}

.ci-info-circle:before {
  content: "\e052";
}

.ci-join-team:before {
  content: "\e053";
}

.ci-left-arrow:before {
  content: "\e054";
}

.ci-login:before {
  content: "\e055";
}

.ci-logout:before {
  content: "\e056";
}

.ci-magnify-glass-hover:before {
  content: "\e057";
}

.ci-manage-order:before {
  content: "\e058";
}

.ci-marker:before {
  content: "\e059";
}

.ci-mastercard:before {
  content: "\e05a";
}

.ci-megaphone:before {
  content: "\e05b";
}

.ci-member:before {
  content: "\e05c";
}

.ci-mobile-top-map:before {
  content: "\e05d";
}

.ci-mobile:before {
  content: "\e05e";
}

.ci-mobile_iPad:before {
  content: "\e05f";
}

.ci-mobile_iPhone:before {
  content: "\e060";
}

.ci-mobile_top-supporters-will-love:before {
  content: "\e061";
}

.ci-newsletter:before {
  content: "\e062";
}

.ci-notification:before {
  content: "\e063";
}

.ci-organization:before {
  content: "\e064";
}

.ci-panel-close:before {
  content: "\e065";
}

.ci-paypal:before {
  content: "\e066";
}

.ci-percent-milestone:before {
  content: "\e067";
}

.ci-piggy-bank-icon:before {
  content: "\e068";
}

.ci-piggy:before {
  content: "\e069";
}

.ci-powered-by-pixabay:before {
  content: "\e06a";
}

.ci-press-media:before {
  content: "\e06b";
}

.ci-pricing_cc-explained:before {
  content: "\e06c";
}

.ci-profile-coin:before {
  content: "\e06d";
}

.ci-profile:before {
  content: "\e06e";
}

.ci-receipt-stub:before {
  content: "\e06f";
}

.ci-receipt:before {
  content: "\e070";
}

.ci-recurring:before {
  content: "\e071";
}

.ci-reports-big-picture:before {
  content: "\e072";
}

.ci-reports-global-reports:before {
  content: "\e073";
}

.ci-reports-heart:before {
  content: "\e074";
}

.ci-reports-multiple-campaigns:before {
  content: "\e075";
}

.ci-right-arrow:before {
  content: "\e076";
}

.ci-rwf-kit:before {
  content: "\e077";
}

.ci-salesforce_sf-logo:before {
  content: "\e078";
}

.ci-salesforce_two-products:before {
  content: "\e079";
}

.ci-settings:before {
  content: "\e07a";
}

.ci-share-circle:before {
  content: "\e07b";
}

.ci-share-o:before {
  content: "\e07c";
}

.ci-shopping-bag:before {
  content: "\e07d";
}

.ci-step-one:before {
  content: "\e07e";
}

.ci-step-three:before {
  content: "\e07f";
}

.ci-step-two:before {
  content: "\e080";
}

.ci-story_first-platform:before {
  content: "\e081";
}

.ci-support-headset:before {
  content: "\e082";
}

.ci-support:before {
  content: "\e083";
}

.ci-support_best-practices:before {
  content: "\e084";
}

.ci-support_dedicated-server:before {
  content: "\e085";
}

.ci-support_email-chat:before {
  content: "\e086";
}

.ci-support_phone:before {
  content: "\e087";
}

.ci-support_real-people:before {
  content: "\e088";
}

.ci-support_specialized-training:before {
  content: "\e089";
}

.ci-support_website-design:before {
  content: "\e08a";
}

.ci-support_white-glove:before {
  content: "\e08b";
}

.ci-team:before {
  content: "\e08c";
}

.ci-text:before {
  content: "\e08d";
}

.ci-user-outline:before {
  content: "\e08e";
}

.ci-video:before {
  content: "\e08f";
}

.ci-visa:before {
  content: "\e090";
}

.ci-wave:before {
  content: "\e091";
}

.ci-webinars:before {
  content: "\e092";
}

.ci-world-hands:before {
  content: "\e093";
}

/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/

/* Desktop columns */
/* Desktop columns */

/*
	Colors we're for sure using...
*/
/*
	FRS only colors
*/
/*
	Admin colors
*/
/* DARK SHADES: Blacks and grays */
/* LIGHT SHADES: Tints of white */
/* Accent Colors */
/*
  Shared
--------------------------------------*/
/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
}

.c3 path,
.c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid,
.c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #ccc;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #fff;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/
}

/*!
 * froala_editor v2.7.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin-bottom: 5px;
  line-height: 16px;
  margin-left: -2px;
  margin-right: -2px;
}

.fr-popup .fr-colors-tabs .fr-colors-tab {
  display: inline-block;
  width: 50%;
  cursor: pointer;
  text-align: center;
  color: #222222;
  font-size: 13px;
  padding: 8px 0;
  position: relative;
}

.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}

.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1e88e5;
  content: "";
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
}

.fr-popup .fr-color-hex-layer {
  width: 100%;
  margin: 0px;
  padding: 10px;
}

.fr-popup .fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
}

.fr-popup .fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}

.fr-popup .fr-color-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}

.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #fff;
}

.fr-popup .fr-separator + .fr-colors-tabs {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 2px;
  margin-right: 2px;
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}

.fr-popup .fr-color-set.fr-selected-set {
  display: block;
}

.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}

.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}

.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}

.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}

/*!
 * froala_editor v2.7.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element .fr-video::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: rgba(0, 0, 0, 0);
}

.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}

.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-box .fr-video-resizer.fr-active {
  display: block;
}

.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}

.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}

.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}

.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}

.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

/*!
 * froala_editor v2.7.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.fr-element,
.fr-element:focus {
  outline: 0px solid transparent;
}
.fr-element:focus,
.fr-element:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}

.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 52px;
}

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element [contenteditable=true] {
  outline: 0px solid transparent;
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 32px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5;
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 32px;
}

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}

.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-wrapper {
  position: relative;
  z-index: 1;
}

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 12px;
  color: #aaaaaa;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  font-weight: 300;
  font-style: italic;
}

.fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}

.fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}

.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  background: transparent;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px;
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px 12px;
  text-align: center;
  float: none;
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 2px;
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px;
}

.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 8px;
  margin-right: 16px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 4px;
  top: 17px;
  content: "";
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
  display: none;
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
  float: right;
}

.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  float: none;
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
  outline: 0;
  color: #222222;
  background: #ebebeb;
}

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}

.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}

.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}

.fr-command.fr-btn + .fr-dropdown-menu {
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  float: left;
  max-height: 0;
  height: 0;
  margin-top: 0 !important;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  position: relative;
  max-height: 275px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 24px;
  line-height: 200%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
  left: -3000px !important;
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}

body.prevent-scroll {
  overflow: hidden;
}

body.prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}

.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #ffffff;
  min-width: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px;
  border-top: 5px solid #222222;
  overflow: hidden;
  width: 90%;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 600px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  padding: 12px;
  width: 20px;
  font-size: 16px;
  cursor: pointer;
  line-height: 18px;
  color: #222222;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: scroll;
  padding-bottom: 10px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.fr-popup .fr-input-focus {
  background: #f5f5f5;
}

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222222;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}

.fr-popup.fr-active {
  display: block;
}

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-popup.fr-empty {
  display: none !important;
}

.fr-popup .fr-hs {
  display: block !important;
}

.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}

.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0;
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0px 0 1px 0;
  border: none;
  border-bottom: solid 1px #bdbdbd;
  color: #222222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
  margin-bottom: 0px;
}

.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  z-index: 3;
  width: 100%;
  display: block;
  background: #ffffff;
}

.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}

.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}

.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}

.fr-popup textarea {
  resize: none;
}

.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0px;
}

.fr-popup .fr-buttons::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}

.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}

.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none;
}

@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 300px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}

.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px;
}

.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}

.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}

.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}

.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222;
}

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}

.fr-toolbar {
  color: #222222;
  background: #ffffff;
  position: relative;
  z-index: 4;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-toolbar.fr-rtl {
  text-align: right;
}

.fr-toolbar.fr-inline {
  display: none;
  white-space: nowrap;
  position: absolute;
  margin-top: 10px;
}

.fr-inline .fr-element {
  border: none;
}

.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #222222;
  border-top: 0;
}

.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 5px;
}

.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}

.fr-separator + .fr-separator {
  display: none;
}

.fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px;
}

.fr-separator.fr-hs {
  clear: both;
  height: 1px;
  width: calc(100% - 4px);
  margin: 0 2px;
}

.fr-separator.fr-hidden {
  display: none !important;
}

.fr-rtl .fr-separator {
  float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}

.fr-visibility-helper {
  display: none;
  margin-left: 0px !important;
}

@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-box {
  position: relative;
}

/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

.fr-sticky-off {
  position: relative;
}

.fr-sticky-on {
  position: fixed;
}

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
}

.fr-sticky-dummy {
  display: none;
}

.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block;
}

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*!
 * froala_editor v2.7.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #ccc;
}

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img.fr-shadow,
.fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.fr-view table td,
.fr-view table th {
  border: 1px solid #dddddd;
}

.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #e6e6e6;
}

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file::after {
  position: relative;
  content: "📎";
  font-weight: normal;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5e35b1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0px;
}

.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00bcd4;
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43a047;
}

.fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  padding-left: 5px;
  color: #5e35b1;
}

.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}

.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}

.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}

.fr-view .fr-text-gray {
  color: #aaa !important;
}

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view img {
  position: relative;
  max-width: 100%;
}

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0px;
  display: inline-block;
  margin: auto;
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
}

.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}

/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%;
}

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

.ngGrid input[type=checkbox] {
  margin: 0;
  padding: 0;
}

.ngGrid input {
  vertical-align: top;
}

.ngGrid.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ngViewport {
  overflow: auto;
  min-height: 20px;
}

.ngViewport:focus {
  outline: none;
}

.ngCanvas {
  position: relative;
}

.ngVerticalBar {
  position: absolute;
  right: 0;
  width: 0;
}

.ngVerticalBarVisible {
  width: 1px;
  background-color: #d4d4d4;
}

#testDataLength {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -100000;
}

.ngHeaderContainer {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: inherit;
}

.ngHeaderCell {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}

.ngHeaderCell.pinned {
  z-index: 1;
}

.ngHeaderSortColumn {
  position: absolute;
  overflow: hidden;
}

.ngTopPanel {
  position: relative;
  z-index: 1;
  background-color: #eaeaea;
  border-bottom: 1px solid #d4d4d4;
}

.ngSortButtonDown {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  height: 0;
  width: 0;
}

.ngNoSort {
  cursor: default;
}

.ngHeaderButton {
  position: absolute;
  right: 2px;
  top: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  z-index: 1;
  background-color: #9fbbb4;
  cursor: pointer;
}

.ngSortButtonUp {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-color: gray transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  height: 0;
  width: 0;
}

.ngHeaderScroller {
  position: absolute;
  background-color: inherit;
}

.ngSortPriority {
  position: absolute;
  top: -5px;
  left: 1px;
  font-size: 6pt;
  font-weight: bold;
}

.ngHeaderGrip {
  cursor: col-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 100%;
  position: absolute;
  background-color: transparent;
}

.ngHeaderText {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ngHeaderButtonArrow {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 4.5px 0 4.5px;
  border-color: #4d4d4d transparent transparent transparent;
}

.ngPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
  height: 10px;
  width: 10px;
}

.ngUnPinnedIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  position: absolute;
  height: 10px;
  width: 10px;
  right: 5px;
  top: 5px;
}

.ngColMenu {
  right: 2px;
  padding: 5px;
  top: 25px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #bdd0cb;
  position: absolute;
  border: 2px solid #d4d4d4;
  z-index: 1;
}

.ngColListCheckbox {
  position: relative;
  right: 3px;
  top: 4px;
}

.ngColList {
  list-style-type: none;
  margin-top: 2px;
  margin-left: 8px;
}

.ngColListItem {
  white-space: nowrap;
}

.ngMenuText {
  position: relative;
  top: 2px;
  left: 2px;
}

.ngGroupPanel {
  background-color: #eaeaea;
  overflow: hidden;
  border-bottom: 1px solid #d4d4d4;
}

.ngGroupPanelDescription {
  margin-top: 5px;
  margin-left: 5px;
}

.ngGroupList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ngAggHeader {
  position: absolute;
  border: none;
}

.ngGroupElement {
  float: left;
  height: 100%;
  width: 100%;
}

.ngGroupIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}

.ngGroupedByIcon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  right: -2px;
  top: 2px;
}

.ngGroupName {
  background-color: #fdfdfd;
  border: 1px solid #d4d4d4;
  padding: 3px 10px;
  float: left;
  margin-left: 0;
  margin-top: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}

.ngGroupArrow {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid black;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  float: right;
}

.ngGroupingNumber {
  position: absolute;
  right: -10px;
  top: -2px;
}

.ngAggArrowCollapsed {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000000;
}

.ngGroupItem {
  float: left;
}

.ngGroupItem:first-child {
  margin-left: 2px;
}

.ngRemoveGroup {
  width: 5px;
  -moz-opacity: 0.4;
  opacity: 0.4;
  margin-top: -1px;
  margin-left: 5px;
}

.ngRemoveGroup:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.ngAggArrowExpanded {
  position: absolute;
  left: 8px;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 9px 9px;
  border-color: transparent transparent #000000 transparent;
}

.ngAggregate {
  position: absolute;
  background-color: #c9dde1;
  border-bottom: 1px solid beige;
  overflow: hidden;
  top: 0;
  bottom: 0;
  right: -1px;
  left: 0;
}

.ngAggregateText {
  position: absolute;
  left: 27px;
  top: 5px;
  line-height: 20px;
  white-space: nowrap;
}

.ngRow {
  position: absolute;
  border-bottom: 1px solid #d4d4d4;
}

.ngRow.odd {
  background-color: #fdfdfd;
}

.ngRow.even {
  background-color: #f3f3f3;
}

.ngRow.selected {
  background-color: #c9dde1;
}

.ngCell {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}

.ngCell.pinned {
  z-index: 1;
}

.ngCellText {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ngSelectionCell {
  margin-top: 9px;
  margin-left: 6px;
}

.ngSelectionHeader {
  position: absolute;
  top: 11px;
  left: 6px;
}

.ngCellElement:focus {
  outline: 0;
  background-color: #b3c4c7;
}

.ngRow.canSelect {
  cursor: pointer;
}

.ngSelectionCheckbox {
  margin-top: 9px;
  margin-left: 6px;
}

.ngFooterPanel {
  background-color: #eaeaea;
  padding: 0;
  border-top: 1px solid #d4d4d4;
  position: relative;
}

.nglabel {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 5px;
}

.ngTotalSelectContainer {
  float: left;
  margin: 5px;
  margin-top: 7px;
}

.ngFooterSelectedItems {
  padding: 2px;
}

.ngFooterTotalItems.ngnoMultiSelect {
  padding: 0 !important;
}

.ngGridMaxPagesNumber {
  vertical-align: middle;
}

.ngPagerFirstBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}

.ngPagerButton {
  height: 25px;
  min-width: 26px;
}

.ngPagerFirstTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}

.ngPagerNextTriangle {
  margin-left: 1px;
}

.ngPagerPrevTriangle {
  margin-left: 0;
}

.ngPagerLastTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}

.ngPagerLastBar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}

.ngFooterTotalItems {
  padding: 2px;
}

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  -webkit-transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s, -webkit-transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}

.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.picker__year {
  color: #999999;
  font-size: 0.8em;
  font-style: italic;
}

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}

.picker__select--year {
  width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: -0.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: 0.75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: 0.3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}

.picker__day--today {
  position: relative;
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: 0.5em solid transparent;
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}

.picker__day--outfocus {
  color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__day--highlighted {
  border-color: #0089ec;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}

.picker__button--close:before {
  content: "×";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: 0.75em 1.25em;
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff;
}

/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}

/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}
/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sun Sep 7 2014 12:09 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: core basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11; /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
} /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #f1d031;
  background-color: #ffffa3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

/*! Light tooltip style */
.qtip-light {
  background-color: white;
  border-color: #e2e2e2;
  color: #454545;
}

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

/*! Dark tooltip style */
.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
  background-color: #404040;
}

.qtip-dark .qtip-icon {
  border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/*! Cream tooltip style */
.qtip-cream {
  background-color: #fbf7aa;
  border-color: #f9e98e;
  color: #a27d35;
}

.qtip-cream .qtip-titlebar {
  background-color: #f0de7d;
}

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

/*! Red tooltip style */
.qtip-red {
  background-color: #f78b83;
  border-color: #d95252;
  color: #912323;
}

.qtip-red .qtip-titlebar {
  background-color: #f06d65;
}

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-red .qtip-icon {
  border-color: #d95252;
}

.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #d95252;
}

/*! Green tooltip style */
.qtip-green {
  background-color: #caed9e;
  border-color: #90d93f;
  color: #3f6219;
}

.qtip-green .qtip-titlebar {
  background-color: #b0de78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

/*! Blue tooltip style */
.qtip-blue {
  background-color: #e5f6fe;
  border-color: #add9ed;
  color: #5e99bd;
}

.qtip-blue .qtip-titlebar {
  background-color: #d0e9f5;
}

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: white;
  border: 0 solid transparent;
  background: #4a4a4a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, black));
  background-image: -webkit-linear-gradient(top, #4a4a4a 0, black 100%);
  background-image: -moz-linear-gradient(top, #4a4a4a 0, black 100%);
  background-image: -ms-linear-gradient(top, #4a4a4a 0, black 100%);
  background-image: -o-linear-gradient(top, #4a4a4a 0, black 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4a4a4a;
  background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* jQuery TOOLS Tooltip style */
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid rgb(241, 241, 241);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

/* IE Specific */
.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

/* Cluetip style */
.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #d9d9c2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876a;
  color: white;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

/* Tipsy style */
.qtip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: "Lucida Grande", sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

/* Tipped style */
.qtip-tipped {
  border: 3px solid #959fa9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #f9f9f9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3a79b8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
  background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
  background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #fbfbfb;
  color: #555;
}

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
  /** Taken from Bootstrap body */
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  /** Taken from Bootstrap .popover */
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  /** Taken from Bootstrap .popover-title */
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  /**
  	 * Overrides qTip2:
  	 * .qtip-titlebar .qtip-close{
  	 *   [...]
  	 *   right: 4px;
  	 *   top: 50%;
  	 *   [...]
  	 *   border-style: solid;
  	 * }
  	 */
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  /** Taken from Bootstrap .popover-content */
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  /**
   * Overrides qTip2:
   * .qtip-default .qtip-icon {
   *   border-color: #CCC;
   *   background: #F1F1F1;
   *   color: #777;
   * }
   */
  background: transparent;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  /**
  	 * Overrides qTip2:
  	 * .qtip-icon .ui-icon{
  	 *   width: 18px;
  	 *   height: 14px;
  	 * }
  	 */
  width: auto;
  height: auto;
  /* Taken from Bootstrap .close */
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  /* Taken from Bootstrap .close:hover */
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  -webkit-filter: none;
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus,
.qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
  position: absolute !important;
}

/***
Spectrum Colorpicker v1.7.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(204, 154, 129, 0)));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(204, 154, 129, 0)));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(83%, #ff00ff), to(#ff0000));
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #f0c49b;
  padding: 0;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.sc-spectrum_swatch {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  top: 0px;
  right: 2px;
  border: none;
  border-radius: 100%;
  color: transparent;
  cursor: pointer;
}
.sc-spectrum_swatch:before {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 100%;
  padding: 3px;
  margin-top: -4px;
  margin-left: -4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.sc-spectrum_container {
  position: absolute;
  right: 0;
  margin-top: 48px;
}
.right .sc-spectrum_container {
  right: -220px;
  margin-top: -85px;
}
.sc-spectrum .sp-container {
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 5px;
  width: 195px;
  height: auto;
  background-color: #eee;
  overflow: visible;
  display: none;
}
.sc-spectrum .sp-container:before {
  content: " ";
  position: absolute;
  display: block;
  top: -10px;
  right: 5px;
  height: 10px;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.sc-spectrum .sp-container:after {
  content: " ";
  position: absolute;
  display: block;
  top: -10px;
  right: 4px;
  height: 10px;
  border-bottom: 10px solid #eee;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.right .sc-spectrum .sp-container:before {
  top: 47.5%;
  right: auto;
  left: -20px;
  border-right: 10px solid #ccc;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.right .sc-spectrum .sp-container:after {
  top: 48%;
  right: auto;
  left: -20px;
  border-right: 10px solid #eee;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.sc-spectrum.visible .sp-container {
  display: inline-block;
}
.sc-spectrum .sp-picker-container {
  border: none;
  padding: 10px;
  margin: 0;
  float: none;
}
.sc-spectrum .sp-picker-container.remove-enabled .sp-clear {
  cursor: pointer;
  border: none;
  top: 100%;
  margin-top: 25px;
  margin-left: 15px;
  background: none;
}
.sc-spectrum .sp-picker-container.remove-enabled .sp-input-container {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
}
.sc-spectrum .sp-picker-container.remove-enabled .sp-remove-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  width: 22px;
  margin: 20px 0 0;
  height: 25px;
}
.sc-spectrum .sp-picker-container.remove-enabled .sp-remove-button .ci-close-x {
  margin-left: 8px;
  font-size: 15px;
}
.sc-spectrum .sp-color {
  position: relative;
  width: 150px;
  height: 150px;
}
.sc-spectrum .sp-hue {
  top: 0;
  left: 158px;
  width: 15px;
  height: 150px;
  border-radius: 5px;
}
.sc-spectrum .sp-slider {
  background: transparent;
  border: 3px solid #222;
  left: -4px;
  right: -4px;
  border-radius: 2px;
}
.sc-spectrum .sp-dragger {
  width: 7px;
  height: 7px;
  background: transparent;
  border: 3px solid #222;
  border-radius: 7px;
}
.sc-spectrum .sp-input-container {
  position: relative;
  float: none;
  margin: 20px 0 0;
  background-color: #fff;
  border-radius: 2px;
  overflow: hidden;
}
.sc-spectrum .sp-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}

/*
  Browser overrides
--------------------------------------*/
html.ie select {
  padding: 0;
  line-height: 30px;
  vertical-align: text-top;
}

html[data-useragent*="MSIE 10.0"] select,
html[data-useragent*="MSIE 11.0"] select {
  padding: 0 0 0 10px;
  text-shadow: none;
}

html[data-useragent*=Firefox] select {
  text-indent: 4px;
  text-overflow: "";
  text-shadow: none;
}

/*
  Parent Button Styles - to be inherited by @mixins
*/
/*
  General Flat Button >
    Usage:
      @include flat-button( params)
*/
/*
  Parent Button Styles - to be inherited by @mixins
*/
/*
  General Button >

    Classes for colors:
      grey
      green
      blue

    Usage:
      @include gradient-button( font-size, padding, border-radius )

*/
/**
 * FRS buttons
 *
 * The button mixin and classes here should be used on public FRS pages
 * rather instead of low-level buttons styling.
 *
 */
/**
   * This classy-material-btn mixin should be used on Classy public stylesheets
   * instead of directly applying button styles. Our button styles should
   * be defined in collaboration with the design team as much as
   * possible.
   *
   * The idea here is to maintain consistency rather than using one-off
   * button definitions in low-level stylesheets.
   *
   * @param  {string} $size:        md          xl, lg, md, sm
   * @param  {string} $color:       $green      Button color
   * @param  {string} $outlined:    false       Default: false; If true, the button is reversed and outlined
   * @param  {string} $borderWidth: 2px         Default: 2px
   * @param  {string} $fontColor:   $white      Default: $white
   */
button {
  border-style: solid;
  margin: 0 5px;
  font-family: inherit;
}

/*
  Elements
--------------------------------------*/
html {
  height: 100%;
}

body {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
body.unscrollable {
  overflow: hidden;
}
body.eg-event-modal {
  overflow-y: hidden;
}

a {
  color: #57687d;
  cursor: pointer;
}

fieldset {
  margin: 20px 0;
}
fieldset p {
  margin: 0 0 10px 0;
}

input[type=file] {
  width: 100px;
}

button {
  padding: 5px 10px;
  cursor: pointer;
}

.fixed {
  position: fixed;
}

[data-ng-click],
[ng-click],
[data-ui-sref],
[ui-sref] {
  cursor: pointer;
}

[data-ui-sortable] li .fa-bars,
[ui-sortable] li .fa-bars {
  cursor: move;
}

/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/

/* Desktop columns */
/* Desktop columns */

/*
  Global Modal
*/
.modal-link {
  cursor: pointer;
  color: #425ccd;
}

body.hide-overflow {
  overflow: hidden;
}

.modal-nav,
.modal-close {
  position: absolute;
  right: -50px;
  top: -60px;
  color: rgb(240, 240, 240);
}
@media screen and (max-width: 568px) {
  .modal-nav,
  .modal-close {
    right: 0px;
  }
}
.email-preview .modal-nav,
.email-preview .modal-close {
  position: fixed;
  top: 50px;
  right: 60px;
}

.sc-modal__body {
  padding: 36px;
  background-color: #f5f5f5;
}
.sc-modal__heading {
  font-size: 45px;
  line-height: 60px;
  font-weight: 400;
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-bottom: solid 1px #dedede;
}
.sc-modal__subheading {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: calc(1.618em / 2);
}
.sc-modal__caption {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.sc-modal__body-text {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.sc-modal__button-group {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sc-modal__button-group--single-button {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.sc-modal__button {
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__button:hover {
  cursor: pointer;
}
.sc-modal__button--half {
  width: calc(50% - calc(24px / 2));
}
.sc-modal__primary-action {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__primary-action:hover {
  cursor: pointer;
}
.sc-modal__primary-action {
  background-color: #425ccd;
  color: white;
}
.sc-modal__primary-action--half {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__primary-action--half:hover {
  cursor: pointer;
}
.sc-modal__primary-action--half {
  background-color: #425ccd;
  color: white;
  width: calc(50% - calc(24px / 2));
}
.sc-modal__secondary-action {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sc-modal__secondary-action .frs-dropdown__options {
  border-color: rgb(161, 168, 172);
  border-width: 2px;
}
.sc-modal__secondary-action .frs-dropdown__option {
  color: hsl(201.8181818182, 6.2146892655%, 115.2941176471%);
}
.sc-modal__secondary-action .frs-dropdown__option:hover {
  color: hsl(201.8181818182, 6.2146892655%, 165.2941176471%);
  background-color: rgb(147.4576271186, 155.4661016949, 160.0423728814);
}
.sc-modal__secondary-action,
.sc-modal__secondary-action .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.sc-modal__secondary-action:focus,
.sc-modal__secondary-action .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.sc-modal__secondary-action:hover, .sc-modal__secondary-action:hover .frs-dropdown__options {
  background-color: rgb(174.5423728814, 180.5338983051, 183.9576271186);
  border-color: rgb(174.5423728814, 180.5338983051, 183.9576271186);
}
.sc-modal__secondary-action {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__secondary-action:hover {
  cursor: pointer;
}
.sc-modal__secondary-action--half {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sc-modal__secondary-action--half .frs-dropdown__options {
  border-color: rgb(161, 168, 172);
  border-width: 2px;
}
.sc-modal__secondary-action--half .frs-dropdown__option {
  color: hsl(201.8181818182, 6.2146892655%, 115.2941176471%);
}
.sc-modal__secondary-action--half .frs-dropdown__option:hover {
  color: hsl(201.8181818182, 6.2146892655%, 165.2941176471%);
  background-color: rgb(147.4576271186, 155.4661016949, 160.0423728814);
}
.sc-modal__secondary-action--half,
.sc-modal__secondary-action--half .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.sc-modal__secondary-action--half:focus,
.sc-modal__secondary-action--half .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.sc-modal__secondary-action--half:hover, .sc-modal__secondary-action--half:hover .frs-dropdown__options {
  background-color: rgb(174.5423728814, 180.5338983051, 183.9576271186);
  border-color: rgb(174.5423728814, 180.5338983051, 183.9576271186);
}
.sc-modal__secondary-action--half {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__secondary-action--half:hover {
  cursor: pointer;
}
.sc-modal__secondary-action--half {
  width: calc(50% - calc(24px / 2));
}
.sc-modal__warning-action {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__warning-action:hover {
  cursor: pointer;
}
.sc-modal__warning-action {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sc-modal__warning-action .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.sc-modal__warning-action .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.sc-modal__warning-action .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.sc-modal__warning-action,
.sc-modal__warning-action .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.sc-modal__warning-action:hover, .sc-modal__warning-action:hover .frs-dropdown__options {
  color: rgb(255, 255, 255);
  background-color: rgb(247, 116, 98);
}
.sc-modal__warning-action {
  border-color: rgb(247, 116, 98);
}
.sc-modal__warning-action--half {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__warning-action--half:hover {
  cursor: pointer;
}
.sc-modal__warning-action--half {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sc-modal__warning-action--half .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.sc-modal__warning-action--half .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.sc-modal__warning-action--half .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.sc-modal__warning-action--half,
.sc-modal__warning-action--half .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.sc-modal__warning-action--half:hover, .sc-modal__warning-action--half:hover .frs-dropdown__options {
  color: rgb(255, 255, 255);
  background-color: rgb(247, 116, 98);
}
.sc-modal__warning-action--half {
  border-color: rgb(247, 116, 98);
  width: calc(50% - calc(24px / 2));
}
.sc-modal__cancel-action {
  color: rgba(0, 0, 0, 0.38);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__cancel-action:hover {
  cursor: pointer;
}
.sc-modal__cancel-action {
  background-color: transparent;
}
.sc-modal__cancel-action--half {
  color: rgba(0, 0, 0, 0.38);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  line-height: 38px;
  text-transform: uppercase;
  display: block;
  border: 2px solid transparent;
}
.sc-modal__cancel-action--half:hover {
  cursor: pointer;
}
.sc-modal__cancel-action--half {
  background-color: transparent;
  width: calc(50% - calc(24px / 2));
}
.sc-modal .modal-overlay {
  background: rgb(0, 0, 0);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}
.sc-modal .modal-scroll {
  padding: 10px;
  overflow: scroll;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .sc-modal .modal-scroll {
    padding: 10px;
  }
}
.sc-modal_close-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sc-modal_content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 11;
}
.sc-modal_content.center-vertically {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 520px;
}
.sc-modal_content.start {
  max-width: 400px;
}
.sc-modal_content.medium {
  max-width: 520px;
}
.sc-modal_content.large {
  width: 800px;
  margin-left: -400px;
}
.sc-modal .modal-close {
  cursor: pointer;
}
.modal-include {
  display: inline;
}

/*
  Reset
----------------------------------*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.hidden {
  display: none !important;
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 16px;
  position: relative;
}

h1 {
  font-weight: normal;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}

/*
  Grid
-----------------------------------*/
.section::after {
  clear: both;
  content: "";
  display: table;
}
.section {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}

.whole {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.whole:last-child {
  margin-right: 0;
}

.half {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.half:last-child {
  margin-right: 0;
}

.third {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.third:last-child {
  margin-right: 0;
}

.two-thirds {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.two-thirds:last-child {
  margin-right: 0;
}

.fourth {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.fourth:last-child {
  margin-right: 0;
}

.two-fourths {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.two-fourths:last-child {
  margin-right: 0;
}

.three-fourths {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 74.4998252047%;
}
.three-fourths:last-child {
  margin-right: 0;
}

.fifth {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 18.399440655%;
}
.fifth:last-child {
  margin-right: 0;
}

.two-fifths {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 38.7995804912%;
}
.two-fifths:last-child {
  margin-right: 0;
}

.three-fifths {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 59.1997203275%;
}
.three-fifths:last-child {
  margin-right: 0;
}

.four-fifths {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 79.5998601637%;
}
.four-fifths:last-child {
  margin-right: 0;
}

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

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea:focus,
input:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}

/*
  SVG Backup
----------------------------------*/
html.svg.inlinesvg .svg-fb {
  display: none !important;
}
html.svg.inlinesvg svg {
  display: block !important;
}

/*
  Mobile
----------------------------------*/
.vis-mobile {
  display: none;
}

@media only screen and (max-width: 640px) {
  .vis-mobile {
    display: block;
  }
}
/*
  Firefox
----------------------------------*/
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/

/* Desktop columns */
/* Desktop columns */

.sc-spinner {
  height: 100px;
  width: 100px;
  margin: 25px auto 25px auto;
  position: relative;
  -webkit-animation: rotation 0.6s infinite linear;
  -moz-animation: rotation 0.6s infinite linear;
  -o-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, 0.15);
  border-right: 6px solid rgba(0, 174, 239, 0.15);
  border-bottom: 6px solid rgba(0, 174, 239, 0.15);
  border-top: 6px solid rgba(0, 174, 239, 0.8);
  border-radius: 100%;
}

.sc-spinner-v2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) #425ccd;
  box-shadow: inset 0 0 0 calc(70px / 10) #425ccd;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.sc-spinner-v2, .sc-spinner-v2:before, .sc-spinner-v2:after {
  border-radius: 50%;
}
.sc-spinner-v2:before, .sc-spinner-v2:after {
  position: absolute;
  content: "";
}
.sc-spinner-v2:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.sc-spinner-v2:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.sc-spinner-v2.offWhite:before, .sc-spinner-v2.offWhite:after {
  background: rgb(248, 248, 248);
}
.sc-spinner-v2.blockSlate:before, .sc-spinner-v2.blockSlate:after {
  background: rgb(54, 62, 69);
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
.status-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 12;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  font-size: 15px;
}
@media screen and (max-width: 568px) {
  .status-banner {
    padding: 0 20px;
  }
  .flexbox .status-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.status-banner_link {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.status-banner_msg a {
  color: #fff;
  text-decoration: underline;
}
@media screen and (max-width: 568px) {
  .flexbox .status-banner_msg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    text-align: left;
    padding: 20px 0;
  }
}
.status-banner_close {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 8px;
  color: #802515;
  text-decoration: none;
  padding: 8px 16px 7px 16px;
  font: 15px ProximaNovaBold;
  opacity: 1;
  -webkit-filter: alpha(opacity=1);
  filter: alpha(opacity=1);
}
.status-banner_close.neutral {
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 568px) {
  .status-banner_close {
    padding: 0 16px;
  }
  .flexbox .status-banner_close {
    position: relative;
    top: 0;
    right: 0;
  }
  .flexbox .status-banner_close-msg {
    display: none;
  }
}
.status-banner.success {
  background-color: rgb(66, 92, 205);
  background-color: rgba(66, 92, 205, 0.96);
}
.status-banner.error {
  background-color: rgb(242, 112, 97);
  background-color: rgba(242, 112, 97, 0.96);
  padding-right: 95px;
}
@media screen and (max-width: 568px) {
  .status-banner.error {
    padding-right: 15px;
  }
}
.status-banner.neutral {
  background: rgb(161, 168, 172);
  color: rgb(255, 255, 255);
}
.status-banner.notification {
  background: #2c343b;
  color: rgb(255, 255, 255);
}

.sc-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 55px;
  height: 23px;
  border: 1px solid #b5bccc;
  background: #ebeff8;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sc-toggle input {
  display: none;
}
.sc-toggle .sc-toggle-mask {
  display: block;
  cursor: pointer;
  width: 55px;
  height: 21px;
  color: #666;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sc-toggle .sc-toggle-mask span {
  width: 100px;
  display: block;
  height: 21px;
}
.sc-toggle .sc-toggle-mask span:before {
  content: "";
  position: absolute;
  right: 0;
  font: normal 12px ProximaNovaRegular;
  color: #808999;
  padding: 4px 9px 5px 9px;
  min-width: 100px;
  min-height: 100%;
  display: inline-block;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
.sc-toggle .sc-toggle-mask span:after {
  content: "";
  position: absolute;
  right: 33px;
  font: normal 12px ProximaNovaRegular;
  padding: 4px 9px 5px 31px;
  min-width: 100px;
  min-height: 100%;
  color: #fff;
  background: #425ccd;
  display: inline-block;
  border-radius: 30px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
.sc-toggle .sc-toggle-knob {
  cursor: pointer;
  position: absolute;
  right: 35px;
  top: 0;
  font: normal 9px Arial;
  color: #b8bfcd;
  padding: 5px 0 0 6px;
  border: 1px solid #888d99;
  background: #fff;
  margin: -1px;
  display: inline-block;
  width: 23px;
  height: 23px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sc-toggle .sc-toggle-knob.has-bars:before {
  content: "|";
  display: inline-block;
  margin: 0 1px 0 0;
}
.sc-toggle .sc-toggle-knob.has-bars:after {
  content: "|";
  display: inline-block;
  margin: 0 0 0 1px;
}
.sc-toggle.on {
  border: 1px solid #799929;
}
.sc-toggle.on .sc-toggle-knob {
  color: #add441;
  border: 1px solid #4d611a;
}
.sc-toggle.on .sc-toggle-mask span:before, .sc-toggle.disabled .sc-toggle-mask span:before {
  right: -34px;
}
.sc-toggle.on .sc-toggle-mask span:after, .sc-toggle.disabled .sc-toggle-mask span:after {
  right: 0;
}
.sc-toggle.on .sc-toggle-knob, .sc-toggle.disabled .sc-toggle-knob {
  right: 0;
}
.sc-toggle {
  /* Disabled */
}
.sc-toggle.disabled {
  border: 1px solid #d2d7e0;
}
.sc-toggle.disabled .sc-toggle-mask,
.sc-toggle.disabled .sc-toggle-knob {
  opacity: 0.5;
}

label.sc-toggle {
  width: auto;
  float: left;
}

tags-input,
tags-input .host {
  position: relative;
}
tags-input::after,
tags-input .host::after {
  clear: both;
  content: "";
  display: table;
}
tags-input,
tags-input .host {
  float: left;
  width: 100%;
}

tags-input .host {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
  height: auto;
  font-size: 18px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  width: 100%;
  font-weight: 300;
  float: left;
  clear: left;
  margin: 0;
  position: relative;
  cursor: text;
}

tags-input .tags {
  border: none;
  height: auto;
  outline: none;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  background-color: transparent;
  padding: 5px;
}
tags-input .tags.focused {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  outline: none;
}

tags-input auto-complete {
  float: left;
  width: 100%;
}
tags-input auto-complete::after {
  clear: both;
  content: "";
  display: table;
}
tags-input auto-complete {
  position: relative;
}

tags-input .autocomplete {
  top: 0;
}

tags-input .tags .tag-item {
  background: none;
  border: none;
  padding: 0;
  height: auto;
  line-height: auto;
}

tags-input .tags .tag-item.selected .tag-input_tag-template {
  background-color: #fff;
  border: 1px dashed #d8d8d8;
}

tags-input.ng-invalid .tags {
  -webkit-box-shadow: none;
  box-shadow: none;
}

tags-input .tags .input {
  height: 33px;
}

tags-input.ng-invalid .host {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}

.tag-input_tag-template {
  border: 1px solid transparent;
  padding: 5px 10px 7px 12px;
  border-radius: 2px;
  background-color: #d8d8d8;
  color: #979797;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: background-color 0.1s, border 0.1s;
  -moz-transition: background-color 0.1s, border 0.1s;
  transition: background-color 0.1s, border 0.1s;
}

.tag-input_tag-template-close {
  margin-left: 12px;
}

/* -------------------------------------------------------------------------- *
 * Threaded Mixin
 *
 * When applied to the positioned child of a container, formats that child to 
 * create a "thread" alongside the elements that starts at the first child and
 * ends at the last one (it does not touch the container).
 *
 * @param $indent The space from the left edge of the child to the thread.
 * @param $badgeOffset The vertical space from the top of the child element to 
 *   the top of the "badge" that covers the line.
 * @param $position Override automatic positioning (first:middle:last)
 * @param $color The color of the thread.
 * @param $weight The width of the thread.
 * @param $style The style of the thread (ie border style - dashed, solid...)
 * -------------------------------------------------------------------------- */
/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/

/* Desktop columns */
/* Desktop columns */

.balloon {
  display: none;
  opacity: 0;
}

.tooltip {
  position: relative;
  cursor: help;
}
@media screen and (max-width: 568px) {
  .tooltip {
    display: none;
  }
}
.tooltip .balloon {
  outline: none;
  position: absolute;
  z-index: 98;
  width: 220px;
  font: normal 12px/15px ProximaNovaBold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  background: #333;
  padding: 5px 13px;
  border: 1px solid #333;
  top: -20%;
  left: calc(100% + 10px);
  pointer-events: none;
  border-radius: 3px;
}
.tooltip .balloon strong {
  font-family: ProximaNovaBold;
  font-weight: normal;
}
.tooltip .balloon.left {
  left: auto;
  margin: 0;
  right: calc(100% + 10px);
}
.tooltip .balloon.top {
  top: -30px;
  left: calc(100% - 114px);
}
.tooltip .balloon.top-right {
  top: -30px;
  left: auto;
  right: 0;
  width: auto;
  white-space: nowrap;
}
.tooltip:hover .balloon {
  display: block;
  opacity: 1;
}

div .startEndDate-tooltip,
.locationDetails-tooltip {
  background: rgba(0, 0, 0, 0.02);
  left: 0;
}

div .startEndDate-tooltip {
  top: 520px;
  height: 20%;
}

div .locationDetails-tooltip {
  top: 890px;
  height: 24%;
}

div .profileEmail-tooltip {
  top: 976px;
  height: 9%;
  width: 32%;
}

div .password-tooltip {
  top: 754px;
  height: 9%;
  width: 32%;
}

div .confirmPassword-tooltip {
  top: 754px;
  height: 9%;
  width: 31%;
  margin-left: 34%;
}

.admin-campaign-tooltip {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  color: #fff;
  text-transform: none;
}
.admin-campaign-tooltip.lock-tooltip-msg {
  font-size: 12px;
  line-height: 15.06px;
  /* overrideing top so that it wont
   break as these fields are on extreme left */
}
.admin-campaign-tooltip.lock-tooltip-msg.lock-tooltip-top-froala {
  top: 844px !important;
}
.admin-campaign-tooltip.lock-tooltip-msg.lock-tooltip-top-radio1 {
  top: 1644px !important;
}
.admin-campaign-tooltip.lock-tooltip-msg.lock-tooltip-top-radio2 {
  top: 1714px !important;
}
.admin-campaign-tooltip .qtip-content {
  padding: 12px;
  text-align: center;
}
.admin-campaign-tooltip .qtip-content a {
  color: #fff;
  text-decoration: underline;
}

/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/
.supporter-admin_updates-create_nav-link.preview {
  color: rgb(161, 168, 172);
}
.supporter-admin_updates-create_button.delete {
  color: rgb(161, 168, 172);
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates-create-mobile_header {
    color: rgb(255, 255, 255);
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 19px;
  }
}

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/

/* Desktop columns */
/* Desktop columns */

@media screen and (max-width: 540px) {
  .mobile-hide {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .desktop-hide {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .tablet-hide {
    display: none !important;
  }
}

.sr-only, .form_radio-input, .form_checkbox-input {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form::after {
  clear: both;
  content: "";
  display: table;
}
.form {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form_froala.with-counter.no-buttons .fr-wrapper {
  padding-bottom: 20px;
}
.form_froala.with-counter.no-buttons .fr-counter {
  bottom: 3px;
}
.form.submitted.ng-submitted .ng-pending,
.form.submitted.ng-submitted .ng-invalid {
  border: 1px solid rgb(247, 116, 98);
}
.form.ng-submitted .form_checkbox-input.ng-invalid + label:before {
  border: 1px solid rgb(247, 116, 98);
}
.form .admin-subform,
.form .ng-invalid.admin-subform {
  border: 0;
}
.form .picker__button--clear {
  display: none;
}
.form .picker__list {
  padding: 0.75em 0;
}
.form .sc-map_autocomplete {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form .sc-map_autocomplete:disabled {
  background-color: rgb(240, 240, 240);
}
.form .sc-map_autocomplete {
  display: inline-block;
  padding: 10px 18px 10px 40px;
  width: 100%;
  height: 100%;
}
.form_buttons {
  float: left;
  clear: both;
  width: 100%;
}
.form_right {
  padding-left: 10px;
  margin-right: 0;
}
.form_error {
  color: rgb(247, 116, 98);
  font-size: 13px;
  display: block;
}
.form_title {
  line-height: 1;
  color: rgb(44, 52, 59);
  font-weight: 300;
  margin-bottom: 0;
  font-size: 36px;
  display: inline-block;
}
.form_subtitle {
  font-weight: 300;
  font-size: 20px;
  color: #57687d;
  line-height: 25px;
  display: inline-block;
  margin-left: 29px;
  margin-bottom: 10px;
}
.form_section::after {
  clear: both;
  content: "";
  display: table;
}
.form_section-title {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: rgb(191, 193, 196);
  margin-bottom: 45px;
  float: left;
  width: 100%;
}
.form_section-header::after {
  clear: both;
  content: "";
  display: table;
}
.form_helper {
  font-size: 13px;
  color: #57687d;
  display: block;
  margin-top: 10px;
}
legend + .form_helper {
  margin-top: 0;
}
.form_inset::after {
  clear: both;
  content: "";
  display: table;
}
.form_inset {
  background-color: #f0f0f0;
  padding: 15px;
}
.form__label.inline {
  float: left;
  width: auto;
}
.form_label {
  font-weight: 400;
  display: block;
  color: rgb(68, 75, 85);
  font-size: 16px;
  padding-bottom: 12px;
  position: relative;
  width: 100%;
  text-align: left;
}
.form_label-small {
  font-size: 14px;
}
.form_label.required:after {
  content: "*";
  color: rgb(205, 68, 67);
  font-weight: 700;
  margin-left: 2px;
  margin-left: 5px;
}
.form_label.inline {
  float: left;
  width: auto;
}
.form_label-subtext {
  font-size: 13px;
  margin-top: 3px;
  font-weight: 400;
  color: #57687d;
  display: block;
}
.form_label-icon-ok {
  color: #425ccd;
}
.form_label-required:after {
  content: "*";
  color: rgb(205, 68, 67);
  font-weight: 700;
  margin-left: 2px;
}
.form_label-icon {
  color: rgb(161, 168, 172);
}
.form {
  /** Fields */
}
.form__field, .form_field {
  display: block;
  position: relative;
  padding: 0 0 15px;
  margin: 0 0 20px 0;
  border: 0;
  color: #57687d;
  width: 48.82117%;
  float: left;
  min-width: auto;
}
.form__field.first, .form_field.first {
  clear: left;
  margin-right: 2.35765%;
}
.form__field.full, .form_field.full {
  width: 100%;
}
.form__field.compact, .form_field.compact {
  margin-bottom: 0;
}
.form__field.clear, .form_field.clear {
  clear: both;
}
.form_field-input {
  position: relative;
  margin-bottom: 16px;
}
.form_field-input::after {
  clear: both;
  content: "";
  display: table;
}
.form_field-input {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.form_field-input:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form_field-input.is-reversed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form_field-input.is-reversed .form_radio-label:first-of-type {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.form_field-input.is-reversed .form_radio-label:last-of-type {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.form_field-input-icon {
  position: absolute;
  left: 13px;
  top: 12px;
  pointer-events: none;
}
.form_field-input-pre {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.form_field-input-pre:last-child {
  margin-right: 0;
}
.form_field-input-pre {
  display: table;
  margin: 0 0 10px 0;
}
.form_input-icon {
  color: rgb(210, 210, 210);
}
.form_input-icon + .form_text-input {
  padding-left: 35px;
}
.form__field-subinput {
  position: relative;
  margin: -30px 0 0 22px;
  float: left;
  padding: 13px 15px 13px 15px;
  background-color: rgb(248, 248, 248);
  border-radius: 1px;
  font-size: 13px;
  margin-bottom: 10px;
}
.form__field-subinput-container {
  margin-bottom: 60px;
  display: block;
  clear: both;
}
.form__field-subinput_label {
  margin-right: 20px;
}
.form__field-subinput .form_radio {
  margin: 0 10px;
  font-size: 13px;
}
.form__field-subinput:after {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid rgb(248, 248, 248);
  left: 10%;
  margin-left: -10px;
}
.form_table {
  display: table;
}
.form_text-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form_text-input {
  background-color: rgb(255, 255, 255);
}
.form_text-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form_text-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form_text-input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.form_text-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.form_text-input.has-counter {
  padding-right: 55px;
}
.form_text-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.form_text-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.form_text-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.form_text-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.form_text-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.form_text-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.form_text-input.large {
  height: 50px;
}
.form_transparent-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  text-align: inherit;
  z-index: 1;
  line-height: inherit;
}
.form_input-with-addon {
  position: relative;
  margin-bottom: 16px;
}
.form_input-with-addon::after {
  clear: both;
  content: "";
  display: table;
}
.form_input-with-addon {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.form_input-with-addon:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form_input-with-addon.is-reversed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form_input-with-addon.is-reversed .form_radio-label:first-of-type {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.form_input-with-addon.is-reversed .form_radio-label:last-of-type {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.form_input-with-addon-icon {
  position: absolute;
  left: 13px;
  top: 12px;
  pointer-events: none;
}
.form_input-with-addon-pre {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.form_input-with-addon-pre:last-child {
  margin-right: 0;
}
.form_input-with-addon-pre {
  display: table;
  margin: 0 0 10px 0;
}
.form_input-with-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form_input-with-addon .form_text-input {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (max-width: 540px) {
  .form_input-with-addon .form_text-input {
    width: 100%;
  }
}
.form_input-with-addon .form__button {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
}
.form_input-addon {
  line-height: 28px;
  font-size: 15px;
  border: 1px solid rgb(210, 210, 210);
  padding: 6px 15px;
  background-color: rgb(240, 240, 240);
  color: #57687d;
  text-align: center;
  border-radius: 3px;
  width: auto;
  display: table-cell;
  vertical-align: middle;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
.form_input-addon + .form_text-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.form_input-addon.amount:after {
  color: rgb(68, 75, 85);
  content: "$";
  font-size: 22px;
  position: absolute;
  top: 8px;
  right: -20px;
}
.form_input-addon.amount + .form_text-input {
  padding-left: 22px;
  font-size: 22px;
}
.form_currency:after {
  color: rgb(68, 75, 85);
  content: "$";
  font-size: 22px;
  position: absolute;
  bottom: 16px;
  left: 7px;
}
.form_input-icon {
  position: absolute;
  top: 14px;
  left: 13px;
  color: #999;
  font-size: 14px;
}
.form_input-icon + input {
  padding-left: 40px;
}
.form_char-counter {
  font-size: 11px;
  position: relative;
  text-align: right;
  margin-top: -28px;
  color: #aaaaaa;
  margin-right: 10px;
  float: right;
}
.form_text-area + .form_char-counter {
  right: 10px;
}
.form_field-options {
  font-size: 13px;
  font-weight: 400;
  color: rgb(191, 193, 196);
  margin-bottom: 15px;
  margin-top: -10px;
  width: 100%;
  overflow: hidden;
}
.form_field-options.top {
  margin-top: 5px;
}
.form_field-options.right {
  float: right;
}
.form_field-options-link {
  color: #425ccd;
}
.form_inline-example {
  display: inline;
}
.form_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form_select {
  background-color: rgb(255, 255, 255);
}
.form_select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form_select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form_select:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.form_select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.form_select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form_link {
  color: #005fcc;
  display: inline;
}
.form_time-select {
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form_time-select:disabled {
  background-color: rgb(240, 240, 240);
}
.form_time-select {
  background-color: rgb(255, 255, 255);
}
.form_time-select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form_time-select {
  float: left;
  display: block;
  margin-right: 4.0830886845%;
  width: 30.6112742103%;
}
.form_time-select:last-child {
  margin-right: 0;
}
.form_time-select {
  margin-right: 0;
}
.form_checkbox {
  position: relative;
  margin-right: 30px;
  margin-top: 5px;
}
.form_checkbox:before {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(210, 210, 210);
}
.form_checkbox:first-child {
  clear: both;
}
.form_checkbox.sub {
  margin-top: -5px;
}
.form_checkbox-input:not(:checked) + label, .form_checkbox-input:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  clear: both;
}
.form_checkbox-input:not(:checked) + label:before, .form_checkbox-input:checked + label:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: rgb(255, 255, 255);
}
.form_checkbox-input:not(:checked) + label:after, .form_checkbox-input:checked + label:after {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  top: 3px;
  left: 4px;
  font-size: 12px;
  color: #425ccd;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.form_checkbox-input:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  line-height: initial;
}
.form_checkbox-input:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  line-height: initial;
}
.form_checkbox-input.large:not(:checked) + label, .form_checkbox-input.large:checked + label {
  padding-left: 28px;
}
.form_checkbox-input.large:not(:checked) + label:before, .form_checkbox-input.large:checked + label:before {
  width: 16px;
  height: 16px;
  top: 0;
}
.form_checkbox-input.large:not(:checked) + label:after, .form_checkbox-input.large:checked + label:after {
  top: 2px;
  left: 4px;
  font-size: 14px;
  color: rgb(35, 42, 47);
}
.form_checkbox-input.black:not(:checked) + label:after, .form_checkbox-input.black:checked + label:after {
  color: rgb(35, 42, 47);
}
.form_subcheckboxes {
  clear: both;
}
.form_subcheckboxes:after {
  clear: both;
  content: " ";
  display: block;
  margin-bottom: 10px;
}
.form_radio-input + label:after {
  content: "";
  border-width: 0px;
  border-style: solid;
  border-color: #425ccd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-width 0.3s ease-in-out;
  -moz-transition: border-width 0.3s ease-in-out;
  transition: border-width 0.3s ease-in-out;
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  border-radius: 10px;
}
.form_radio-input:checked + label:after {
  border-width: 5px;
}
.form_radio-input.large + .form_radio-label:before {
  width: 18px;
  height: 18px;
  background: rgb(35, 42, 47);
}
.form_radio-input.large + .form_radio-label:after {
  border-color: rgb(255, 255, 255);
  border-width: 8px;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
  position: absolute;
}
.form_radio-input.large:checked + label:after {
  border-width: 3px;
}
.form_radio-label {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #57687d;
  font-size: 13px;
  margin-right: 20px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  clear: both;
  text-align: center;
}
.form_radio-label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  border: 1px solid rgb(210, 210, 210);
}
.form_secondary-radio {
  position: relative;
  display: inline-block;
  background-color: rgb(240, 240, 240);
  padding: 10px;
  margin-bottom: 20px;
}
.form_secondary-radio:before {
  content: " ";
  display: block;
  position: absolute;
  top: -10px;
  left: 35px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgb(240, 240, 240) transparent;
}
.form_secondary-radio-message {
  font-size: 13px;
  margin-right: 10px;
}
.form_togglegroup {
  font-size: 11px;
  float: right;
}
.form_togglegroup-element, .form_togglegroup-toggle {
  display: inline-block;
  vertical-align: middle;
  min-width: 20px;
}
.form_togglegroup-toggle {
  margin: 0 5px;
}
.form_togglegroup-toggle .form_toggle-label {
  position: relative;
}
.form_togglegroup-toggle .form_toggle-label:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form_toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.form_toggle-description {
  font-size: 12px;
  color: rgb(161, 168, 172);
}
.form_toggle-label {
  display: block;
  position: absolute;
  right: 0;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 36px;
  height: 20px;
  border-radius: 30px;
  -webkit-transition: background 0.4s, opacity 0.4s;
  transition: background 0.4s, opacity 0.4s;
  background: rgb(210, 210, 210);
}
.form_toggle-label:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form_toggle-label-text {
  color: #57687d;
  font-size: 13px;
  float: left;
  padding-left: 5px;
}
.form_toggle-label.with-text {
  float: left;
  position: relative;
}
.form_toggle-label:before, .form_toggle-label:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgb(255, 255, 255);
}
.form_toggle-label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: rgb(210, 210, 210);
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.form_toggle-label:after {
  top: 3px;
  left: 3px;
  bottom: 3px;
  width: 14px;
  background-color: rgb(255, 255, 255);
  border-radius: 30px;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
.form_toggle:checked + .form_toggle-label, .form_toggle:checked + .form_toggle-label:before {
  background-color: #425ccd;
}
.form_toggle:checked + .form_toggle-label:after {
  margin-left: 16px;
  background-color: rgb(255, 255, 255);
}
.form_toggle:disabled + .form_toggle-label {
  opacity: 0.5;
  cursor: default;
}
.form_toggle:disabled + .form_toggle-label:after {
  content: "\f023";
  font-family: FontAwesome;
  color: rgb(114, 126, 131);
  text-align: center;
  font-size: 14px;
}
.form_text-area {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form_text-area:disabled {
  background-color: rgb(240, 240, 240);
}
.form_text-area {
  background-color: rgb(255, 255, 255);
}
.form_text-area.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form_text-area {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.form_text-area.gray {
  background: rgb(248, 248, 248);
}
.form_text-area::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form_text-area::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form_text-area:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form_text-area:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form_auto-address-input {
  width: 100%;
}
.form_video-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form_video-input:disabled {
  background-color: rgb(240, 240, 240);
}
.form_video-input {
  background-color: rgb(255, 255, 255);
}
.form_video-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form_video-input {
  width: 100%;
  max-width: 100%;
  padding-left: 38px;
  margin: 0;
}
.form_video-input::-webkit-input-placeholder {
  font-style: italic;
}
.form_video-input::-moz-placeholder {
  font-style: italic;
}
.form_video-input:-moz-placeholder {
  font-style: italic;
}
.form_video-input:-ms-input-placeholder {
  font-style: italic;
}
.form_video-input-icon {
  position: absolute;
  display: block;
  top: 14px;
  left: 13px;
  color: #999;
}
.form_date-input {
  float: left;
  display: block;
  margin-right: 4.0830886845%;
  width: 65.3056371052%;
}
.form_date-input:last-child {
  margin-right: 0;
}
.form_date-input {
  padding: 0;
}
.form_date-input-directive {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form_date-input-directive:disabled {
  background-color: rgb(240, 240, 240);
}
.form_date-input-directive {
  background-color: rgb(255, 255, 255);
}
.form_date-input-directive.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form_date-input-directive {
  padding: 10px 18px 10px 40px;
  width: 100%;
  height: 42px;
}
.form_date-input-directive .ng-invalid {
  border: 1px solid rgb(247, 116, 98);
}
.form_date-input .form_field-input-icon.right {
  right: 15px;
}
.form_mini-colorpicker-label {
  font-size: 13px;
  color: #57687d;
  display: block;
  float: left;
  margin-right: 5px;
  line-height: 25px;
  vertical-align: middle;
  padding-bottom: 10px;
}
.form_mini-colorpicker {
  display: block;
  float: left;
  width: 25px;
  display: inline-block;
}
.form_colorpicker {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 5px;
}
.form_colorpicker span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.form_colorpicker span:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form_action {
  background: #f2f2f2;
  padding: 36px;
  margin-bottom: 30px;
}
.form_action-img {
  width: 100%;
  margin-bottom: 42px;
}
.form_action-title {
  font-size: 18px;
  color: #444f57;
  font-weight: 400;
}
.form_action-p {
  margin: 18px 0 0 0;
  font-size: 15px;
  color: #57687d;
}
.form_action-links {
  margin-top: 36px;
}
.form_action-link {
  margin-top: 15px;
  display: block;
  color: rgb(66, 194, 246);
}
.form_help {
  margin-bottom: 75px;
}
.form_help-title {
  font-size: 18px;
  color: rgb(44, 52, 59);
  font-weight: 400;
  margin-top: 28px;
}
.form_help-p {
  margin: 15px 0;
  font-size: 15px;
  color: #57687d;
}
.form_help-ul {
  margin-top: 25px;
  font-size: 14px;
  color: rgb(191, 193, 196);
  padding-left: 10px;
}
.form_help-ul-li {
  position: relative;
}
.form_help-ul-li:before {
  content: "– ";
  left: -10px;
  position: absolute;
}
.form_help-link {
  color: rgb(191, 193, 196);
  text-decoration: underline;
}
.form_help-link:hover {
  text-decoration: none;
}
.form_help-button-icon {
  font-size: 15px;
  margin-right: 8px;
}
.form_help:first-child {
  margin-top: 20px;
}
.form_froala-field {
  width: 100%;
  height: 150px;
  padding: 10px;
  font-size: 14px;
  font-style: italic;
}
.form_preview {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  width: 1400px;
  display: block;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  opacity: 0;
}
.form_preview:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.form_preview.visible {
  opacity: 1;
}
.form_impact-level {
  width: 100%;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  margin: 0 0 56px 0;
  background-color: rgb(244, 244, 244);
  clear: both;
}
.form_impact-level-interior {
  padding: 30px 0;
  text-align: center;
  color: rgb(161, 168, 172);
  border: 1px dashed rgb(210, 210, 210);
  border-radius: 2px;
}
.form_impact-level .fa {
  font-size: 13px;
}
.form_impact-level-text {
  font-size: 13px;
  text-transform: uppercase;
}

.toggle-field_container-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.toggle-field_container-reverse .form_togglegroup {
  -webkit-box-flex: 0;
  -ms-flex: 0 1;
  flex: 0 1;
}
.toggle-field_container-reverse .form_togglegroup-toggle {
  margin: 0 10px 0 0 !important;
}
.toggle-field_container-reverse .form__label {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}

.sc-search_icon {
  position: absolute;
  margin: 6px 5px 0 0;
  font-size: 18px;
}
.sc-search_input {
  margin: 0 0 0 18px;
  font-size: 12px;
  padding: 5px;
  height: auto;
  border: none;
  font-size: 14px;
}

.form_gallery::after {
  clear: both;
  content: "";
  display: table;
}
.form_gallery {
  position: relative;
}
.form_gallery-default-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form_gallery-item {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.form_gallery-item:last-child {
  margin-right: 0;
}
.form_gallery-item {
  height: 100px;
  background-color: #444b55;
  background-position: center center;
  background-size: cover;
  margin: 0 0 20px;
  padding: 0;
  border: 3px solid rgb(248, 248, 248);
}
.form_gallery-item:nth-child(3n) {
  margin-right: 0;
}
.form_gallery-item:nth-child(4n) {
  clear: both;
}
.form_gallery-item.active {
  border: 3px solid #7adacb;
}
.form_gallery-item.active .img-list_option {
  display: block;
  text-align: right;
  margin-right: 8px;
}
.form_gallery-no-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 94px;
  vertical-align: middle;
  font-size: 16px;
  color: rgb(210, 210, 210);
  text-align: center;
}
.form_gallery-upload {
  width: 100%;
}
.form_gallery-uploaded-item {
  width: 100%;
  height: 0;
  padding-top: 50%;
  background-position: center center;
  background-size: cover;
}
.form_upload-button {
  -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 42px;
  padding: 10px;
  margin: 0;
  border: 1px dashed rgb(161, 168, 172);
  text-align: center;
  border-radius: 3px;
  color: rgb(161, 168, 172);
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 13px;
  outline: 0;
  cursor: pointer;
}
.form_upload-button .fa {
  margin-right: 5px;
}
.form_upload-button:hover {
  border-color: rgb(44, 52, 59);
  color: rgb(44, 52, 59);
}

.form_label-buddy {
  position: absolute;
  bottom: 0;
  right: 10px;
  max-height: 35px;
}
.form_label-nav::after {
  clear: both;
  content: "";
  display: table;
}
.form_label-nav {
  display: block;
  margin: 0;
}
.form_label-nav-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  list-style: none;
  float: left;
  font-size: 13px;
  color: rgb(161, 168, 172);
  cursor: pointer;
  padding: 0 10px;
  border-bottom: 3px solid transparent;
  width: 100%;
  text-align: left;
}
.form_label-nav-item.active {
  border-bottom: 3px solid #425ccd;
  color: rgb(68, 75, 85);
}

.form_donation-level {
  width: calc(25% - 7.5px);
  margin-right: 10px;
  float: left;
}
.form_donation-level:nth-of-type(4) {
  margin-right: 0;
}
.form_donation-level:hover {
  margin-top: -25px;
}
.form_donation-level:hover .form_set-default-level {
  display: block;
}
.form_donation-level:hover .form_text-input {
  border-color: #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form_donation-level.default .form_text-input {
  border-color: #000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.form_donation-level.default:hover {
  margin-top: 0;
}
.form_donation-level.default:hover .form_set-default-level {
  display: none;
}
.form_set-default-level {
  cursor: pointer;
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 11px;
  padding: 5px;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: none;
}

.form_fundraiser-toggles {
  background-color: #fff;
  border-radius: 5px;
  padding: 5px 0px 5px 15px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.form_fundraiser-toggles-row::after {
  clear: both;
  content: "";
  display: table;
}
.form_fundraiser-toggles-row {
  padding: 12px 20px 12px 5px;
  border-bottom: 1px solid #ccc;
}
.form_fundraiser-toggles-row:last-child {
  border-bottom: none;
}
.form_fundraiser-toggles-icon {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  font-size: 25px;
  margin-right: 20px;
  text-align: center;
}
.form_fundraiser-toggles-label {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 25px;
}
.form_fundraiser-toggles-input {
  position: relative;
  display: block;
  float: right;
  margin-top: 2px;
}

.form-table {
  margin-bottom: 25px;
}
.form-table__row::after {
  clear: both;
  content: "";
  display: table;
}
.form-table__row {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 0 15px;
}
.form-table__column {
  line-height: 0;
  float: left;
  display: block;
  margin-right: 1.4930564937%;
  width: 100%;
}
.form-table__column:last-child {
  margin-right: 0;
}
.form-table__column--one {
  line-height: 0;
  width: 100%;
}
.form-table__column--one {
  float: left;
  display: block;
  margin-right: 1.4930564937%;
  width: 23.8802076297%;
}
.form-table__column--one:last-child {
  margin-right: 0;
}
.form-table__column--two {
  line-height: 0;
  width: 100%;
}
.form-table__column--two {
  float: left;
  display: block;
  margin-right: 1.4930564937%;
  width: 49.2534717531%;
}
.form-table__column--two:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .form-table__column--two {
    float: left;
    display: block;
    margin-right: 1.4930564937%;
    width: 100%;
  }
  .form-table__column--two:last-child {
    margin-right: 0;
  }
  .form-table__column--two:not(:last-child) {
    margin-bottom: 15px;
  }
}
.form-table__column--two:nth-child(2n) {
  margin-right: 0;
}
.form-table__column--two:nth-child(1n+3) {
  margin-top: 15px;
}
.form-table__column--three {
  line-height: 0;
  width: 100%;
}
.form-table__column--three {
  float: left;
  display: block;
  margin-right: 1.4930564937%;
  width: 74.6267358766%;
}
.form-table__column--three:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .form-table__column--three {
    float: left;
    display: block;
    margin-right: 1.4930564937%;
    width: 100%;
  }
  .form-table__column--three:last-child {
    margin-right: 0;
  }
  .form-table__column--three:not(:last-child) {
    margin-bottom: 15px;
  }
}

.form_dropdown-button .form__dropdown-dropdown {
  left: -100px;
  width: 240px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 370px;
}
.form_dropdown-button .form__dropdown-dropdown-button {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 10px 16px;
  width: 228px;
  text-align: initial;
}
.form_dropdown-button .form__dropdown-dropdown-button:focus {
  outline: none;
}
.form_dropdown-button .form__dropdown-dropdown-button span {
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
  margin-left: 10px;
  color: #191d22;
}
.form_dropdown-button .form__dropdown-selected {
  background-color: #425ccd;
  border-color: #425ccd;
  color: #fff;
  font-weight: bold;
  background-image: none;
  padding: 0 10px;
  height: 36px;
  font-size: 13px;
  margin: 0;
}
.form_dropdown-button .form__dropdown-selected[disabled] {
  background-color: rgb(210, 210, 210);
  border-color: #d2d2d2;
  cursor: default;
  pointer-events: none;
}
.form_dropdown-button .form__dropdown-selected .fa-caret-down {
  padding-left: 8px;
}
.form_dropdown-button .form__dropdown-option {
  padding: 6px 10px;
}
.form_dropdown-button .form__dropdown-option:hover {
  background-color: rgba(25, 29, 34, 0.12);
}
.form_dropdown-button .form__dropdown-option div {
  margin-left: 10px;
}
.form_dropdown-button .form__dropdown-option:last-child {
  padding: 6px 10px 24px;
}

.form.ng-submitted .form_checkbox-input.ng-invalid + label:before,
.form.ng-submitted .ng-pending,
.form.ng-submitted .ng-invalid {
  border: 1px solid rgb(247, 116, 98);
}
.form__field {
  display: block;
  position: relative;
  padding: 0 0 15px;
  margin: 0 0 20px;
  float: left;
  border: 0;
}
.form__field--half {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.form__field--half:last-child {
  margin-right: 0;
}
.form__field--half:nth-child(2n) {
  margin-right: 0;
}
.form__field--full {
  width: 100%;
}
.form__right {
  padding-left: 10px;
  margin-right: 0;
}
.form__buttons {
  float: left;
  clear: both;
  width: 100%;
}
.form__label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 10px;
  display: block;
  width: 100%;
  position: relative;
}
.form__label.required:after,
.form__label .required:after {
  content: "*";
  color: rgb(205, 68, 67);
  font-weight: 700;
  margin-left: 2px;
}
.form__sub-label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 10px;
  display: block;
  width: 100%;
  position: relative;
  font-style: italic;
}
.form__label--spacer {
  display: block;
  height: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .form__label--spacer {
    margin-bottom: -40px;
  }
}
.form__helper {
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 10px;
  color: #57687d;
}
.form__helper-link {
  color: #425ccd;
}
.form__help-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  margin-top: 28px;
}
.form__waiver {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  background-color: #eee;
  padding: 10px;
  border-radius: 3px;
  max-height: 100px; /** 4 lineheights + padding **/
  overflow-y: scroll;
}
.form__input-wrapper {
  position: relative;
}
.form__async-validation-icon--valid {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  width: 30px;
  text-align: center;
  opacity: 0;
}
.form__async-validation-icon--valid.visible {
  opacity: 1;
}
.form__async-validation-icon--valid {
  color: currentColor;
}
.form__async-validation-icon--invalid {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  width: 30px;
  text-align: center;
  opacity: 0;
}
.form__async-validation-icon--invalid.visible {
  opacity: 1;
}
.form__async-validation-icon--invalid {
  color: rgb(247, 116, 98);
}
.form__error {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: rgb(205, 68, 67);
  margin-top: 7px;
}
.form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.form__select, .form__text-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form__select:disabled, .form__text-input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.form__select--dark:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form__select--dark.sc-invalid {
  border-color: rgb(247, 116, 98);
}
.form__select--light {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form__select--light.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__select--light {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form__select--light:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.form__select--light {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.form__select--light:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form__select--light {
  background-color: rgb(255, 255, 255);
}
.form__select--light.sc-invalid {
  border-color: rgb(247, 116, 98);
}
.form__text-area {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form__text-area:disabled {
  background-color: rgb(240, 240, 240);
}
.form__text-area {
  background-color: rgb(255, 255, 255);
}
.form__text-area.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__text-area {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.form__text-area.gray {
  background: rgb(248, 248, 248);
}
.form__text-area::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area, .form__text-input, .form__select, .form__date-input-directive, .form__time-select, .form__video-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  font-size: 14px;
  padding: 10px;
  color: rgb(68, 75, 85);
  background-color: rgb(255, 255, 255);
  outline: 0;
  margin-bottom: 10px;
  width: 100%;
}
.form__text-area:disabled, .form__text-input:disabled, .form__select:disabled, .form__date-input-directive:disabled, .form__time-select:disabled, .form__video-input:disabled {
  background-color: rgb(240, 240, 240);
}
.form__text-input__outer {
  position: relative;
}
.form__text-input__counter {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  top: 31%;
  right: 8px;
  position: absolute;
}
.form__text-input__counter.counter {
  right: 30px;
}
.form__text-area__counter {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  bottom: 8px;
  right: 8px;
  position: absolute;
}
.form__text-input.sc-invalid, .form__text-input--dark.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__text-input--dark {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form__text-input--dark {
  background-color: rgb(255, 255, 255);
}
.form__text-input--dark.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__text-input--dark {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form__text-input--dark:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.form__text-input--dark {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.form__text-input--dark.has-counter {
  padding-right: 55px;
}
.form__text-input--dark::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.form__text-input--dark::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.form__text-input--dark:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.form__text-input--dark:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.form__text-input--dark-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.form__text-input--dark-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.form__text-input--dark.large {
  height: 50px;
}
.form__text-input--dark {
  margin-bottom: 0;
}
.form__text-input--dark[maxlength] {
  padding-right: 56px;
}
.form__text-input--dark.counter {
  padding-right: 80px;
}
.form__text-input--appended {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  margin-bottom: 7px;
}
.form__text-input--appended .submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0px 3px 3px 0px;
  line-height: 1;
  background: transparent;
  border-style: solid;
  padding: 10px 20px;
  cursor: pointer;
}
.form__text-input--appended .submit:disabled {
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  pointer-events: none;
}
.form__text-input--appended > .form__text-input--dark {
  margin-bottom: 0 !important;
  border-radius: 3px 0px 0px 3px;
  border-right: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  padding-left: 12px;
  padding-right: 12px;
}
.form__text-area--dark {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form__text-area--dark:disabled {
  background-color: rgb(240, 240, 240);
}
.form__text-area--dark {
  background-color: rgb(255, 255, 255);
}
.form__text-area--dark.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__text-area--dark {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.form__text-area--dark.gray {
  background: rgb(248, 248, 248);
}
.form__text-area--dark::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area--dark::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area--dark:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area--dark:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__text-area--dark {
  background-color: #fafafa;
  resize: vertical;
}
.form__text-area--dark.sc-invalid {
  border-color: rgb(247, 116, 98);
}
.form__froala-wrapper--dark {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form__froala-wrapper--dark:disabled {
  background-color: rgb(240, 240, 240);
}
.form__froala-wrapper--dark {
  background-color: rgb(255, 255, 255);
}
.form__froala-wrapper--dark.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__froala-wrapper--dark {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.form__froala-wrapper--dark.gray {
  background: rgb(248, 248, 248);
}
.form__froala-wrapper--dark::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__froala-wrapper--dark::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__froala-wrapper--dark:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__froala-wrapper--dark:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.form__froala-wrapper--dark {
  background-color: #fafafa;
  padding: 0;
  line-height: 1.4;
}
.form__froala-wrapper--dark.sc-invalid {
  border-color: rgb(247, 116, 98);
}
.form__froala-wrapper--dark :focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form__select--dark {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.form__select--dark {
  background-color: rgb(255, 255, 255);
}
.form__select--dark.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.form__select--dark {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.form__select--dark:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.form__select--dark {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.form__select--dark:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form__select--dark {
  background-color: #fafafa;
}
.form__meta {
  padding: 0 10px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.form__donation-levels-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 208px) {
  .form__donation-levels-container {
    display: block;
  }
}
.form__donation-levels-container.rf {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form__donation-levels-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  text-transform: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 12px 0;
  background-color: #000;
  border-radius: 4px;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .form__donation-levels-button:last-of-type {
    margin-right: 0;
  }
}
.form__donation-levels-button--rf {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  text-transform: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 12px 0;
  background-color: #000;
  border-radius: 4px;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .form__donation-levels-button--rf:last-of-type {
    margin-right: 0;
  }
}
.form__donation-levels-button--rf {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  font-weight: 700;
  text-align: center;
  border-radius: 8px;
  padding: 12px 8px;
  max-width: 102px;
  min-height: 48px;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 320px) {
  .form__donation-levels-button--rf {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .form__donation-levels-button--rf {
    overflow-wrap: break-word;
    margin: 0 10px 10px 0;
  }
  .form__donation-levels-button--rf:last-of-type {
    margin-right: 10px;
  }
}
.form__donation-levels-button--rf.custom {
  margin-right: 0;
}
.form__donation-levels-button--custom {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  text-transform: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 12px 0;
  background-color: #000;
  border-radius: 4px;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .form__donation-levels-button--custom:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .form__donation-levels-button--custom {
    background-color: red;
    display: none;
  }
}
.form__donation-levels-button--custom {
  margin-right: 0;
  text-align: center;
}
.form__sublabel {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.form__sublabel--shifted {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #102033;
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
}
.form__dropdown {
  position: relative;
}
.form__dropdown-selected {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  display: block;
  border: 1px solid rgb(210, 210, 210);
  border-radius: 3px;
  color: rgb(68, 75, 85);
  background-color: rgb(255, 255, 255);
  outline: 0;
  margin-bottom: 10px;
  width: 100%;
  height: 40px;
  text-align: left;
  white-space: nowrap;
  padding: 0 30px 0 10px;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.form__dropdown-selected:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.sc-invalid .form__dropdown-selected {
  border-color: rgb(247, 116, 98);
}
.form__dropdown--hidden {
  display: none;
}
.form__dropdown-option {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  display: block;
  height: 32px;
  top: 0;
  left: 0;
  width: 100%;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  padding: 0 10px;
}
.form__dropdown-option:focus, .form__dropdown-option:active {
  outline: none;
}
.form__dropdown-option:hover:not(.selected), .form__dropdown-option:focus:not(.selected) {
  background-color: #fafafa;
}
.form__dropdown-option--blank {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  position: relative;
  display: block;
  height: 32px;
  top: 0;
  left: 0;
  width: 100%;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
  padding: 0 10px;
}
.form__dropdown-option--blank:focus, .form__dropdown-option--blank:active {
  outline: none;
}
.form__dropdown-option--blank:hover:not(.selected), .form__dropdown-option--blank:focus:not(.selected) {
  background-color: #fafafa;
}
.form__dropdown-option--blank {
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  line-height: 32px;
}
.form__dropdown-option--blank:hover:not(.selected) {
  background-color: transparent;
}
.form__dropdown-dropdown {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  border: 1px solid rgb(210, 210, 210);
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.38);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.38);
  z-index: 2;
  overflow: auto;
  max-height: 200px;
}
.form__caption {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  display: block;
  line-height: 14px;
}
.form__field-input {
  position: relative;
}
.form__field-input.is-reversed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
	Angular Bootstrap

	Customized for Angular UI Datepicker
*/
/*
	Customized for Froala WYSIWYG Editor
*/
.sc-theme .froala-box .froala-wrapper.f-basic {
  border: solid 1px rgb(68, 75, 85);
}
.sc-theme .froala-box .froala-element.f-basic {
  background: #ffffff;
  color: #444444;
  padding: 10px;
}
.sc-theme .froala-box .froala-element.f-basic a {
  color: inherit;
}
.sc-theme .froala-box .froala-element.f-placeholder:before {
  color: #cccccc;
}
.sc-theme .froala-box.fr-disabled .froala-element {
  color: #999999;
}
.sc-theme .froala-box.f-html .froala-element {
  background: #202020;
  color: #ffffff;
  font-family: Courier New, Monospace;
  font-size: 13px;
}
.sc-theme .sc-theme.froala-box .html-switch {
  border-color: #999999;
}
.sc-theme .sc-theme.froala-box .froala-element hr {
  border-top-color: #cccccc;
}
.sc-theme .sc-theme.froala-box .froala-element pre {
  border: solid 1px #cccccc;
  background: #fcfcfc;
  border-radius: 4px;
  background-clip: padding-box;
}
.sc-theme .sc-theme.froala-box .froala-element blockquote {
  border-left: solid 5px #cccccc;
}
.sc-theme .sc-theme.froala-box .froala-element img {
  min-width: 32px !important;
  min-height: 32px !important;
}
.sc-theme .sc-theme.froala-box .froala-element img.fr-fil {
  padding: 10px 10px 10px 3px;
}
.sc-theme .sc-theme.froala-box .froala-element img.fr-fir {
  padding: 10px 3px 10px 10px;
}
.sc-theme .sc-theme.froala-box .froala-element img.fr-fin {
  padding: 10px 0;
}
.sc-theme .sc-theme.froala-box .froala-element img::selection {
  color: #ffffff;
}
.sc-theme .sc-theme.froala-box .froala-element img::-moz-selection {
  color: #ffffff;
}
.sc-theme .sc-theme.froala-box .froala-element span.f-img-handle {
  height: 8px;
  width: 8px;
  border: solid 1px #ffffff !important;
  background: #2c82c9;
}
.sc-theme .sc-theme.froala-box .froala-element span.f-img-editor:before {
  border: none !important;
  outline: solid 1px #2c82c9 !important;
}
.sc-theme .sc-theme.froala-box .froala-element span.f-img-editor.fr-fil {
  margin: 10px 10px 10px 3px;
}
.sc-theme .sc-theme.froala-box .froala-element span.f-img-editor.fr-fir {
  margin: 10px 3px 10px 10px;
}
.sc-theme .sc-theme.froala-box .froala-element span.f-img-editor.fr-fin {
  margin: 10px 0;
}
.sc-theme .sc-theme.froala-box .froala-element span.f-video-editor.active:after {
  border: solid 1px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-box .froala-element table td {
  border: solid 1px #cccccc;
}
.sc-theme .sc-theme.froala-editor {
  background: #5d636c;
  border: solid 1px rgb(68, 75, 85);
  border-top: solid 5px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-editor hr {
  border-top-color: #cccccc;
}
.sc-theme .sc-theme.froala-editor .froala-popup {
  background: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-bttn:hover {
  background: #425ccd;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-trigger:hover {
  background: #425ccd;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-p-bttn {
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-p-bttn:hover {
  background: #353535;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-p-bttn:focus {
  background: #353535;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup h4 {
  color: #444444;
}
.sc-theme .sc-theme.froala-editor .froala-popup h4 i {
  color: #cccccc;
}
.sc-theme .sc-theme.froala-editor .froala-popup h4 i.fa-external-link {
  color: #444444;
}
.sc-theme .sc-theme.froala-editor .froala-popup h4 i.fa-external-link:hover {
  color: #425ccd;
}
.sc-theme .sc-theme.froala-editor .froala-popup h4 i:hover {
  color: #444444;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-p-bttn.f-ok {
  background: #2c82c9;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-p-bttn.f-unlink {
  background: #b8312f;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup button.fr-p-bttn.f-unlink:hover {
  background: #353535;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line.f-popup-toolbar {
  background: #5d636c;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line label {
  color: #444444;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line input[type=text] {
  border: solid 1px #cccccc;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line input[type=text]:focus {
  border: solid 1px #425ccd;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line input[type=text]:disabled {
  background: #ffffff;
  color: #999999;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line textarea {
  border: solid 1px #cccccc;
}
.sc-theme .sc-theme.froala-editor .froala-popup div.f-popup-line textarea:focus {
  border: solid 1px #425ccd;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-trigger {
  width: 38px;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu {
  background: #ffffff;
  border: solid 1px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a {
  color: #444444;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover {
  background: #444444 !important;
  color: #ffffff !important;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu li.active a {
  background: #444444 !important;
  color: #ffffff !important;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul {
  background: #ffffff;
  color: #444444;
  border: solid 1px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div {
  background: #ffffff;
  color: #444444;
  border: solid 1px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span > span {
  border: solid 1px #cccccc;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover > span {
  background: rgba(61, 142, 185, 0.3);
  border: solid 1px #3d8eb9;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span.hover > span {
  background: rgba(61, 142, 185, 0.3);
  border: solid 1px #3d8eb9;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > a {
  background: #444444;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li.hover > a {
  background: #444444;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > hr {
  border-top: solid 1px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-editor .fr-trigger:after {
  border-top-color: #ffffff;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper {
  background: #ffffff;
  border: solid 1px rgb(68, 75, 85);
  border-top: solid 5px rgb(68, 75, 85);
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper h4 {
  color: #444444;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper h4 i {
  color: #cccccc;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper h4 i:hover {
  color: #444444;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper div.f-image-list div.f-empty {
  background: #cccccc;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img {
  background: #b8312f;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img:hover {
  background: #353535;
  color: #ffffff;
}
.sc-theme .sc-theme.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover {
  background: #353535;
  color: #ffffff;
}
.sc-theme .froala-editor button.fr-bttn {
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  line-height: 35px;
  width: 40px;
}
.sc-theme .froala-editor button.fr-bttn img {
  max-width: 40px;
  max-height: 35px;
}
.sc-theme .froala-editor button.fr-bttn:disabled {
  color: #999999 !important;
}
.sc-theme .froala-editor button.fr-trigger {
  background: transparent;
  color: #ffffff;
  font-size: 16px;
  line-height: 35px;
  width: 40px;
}
.sc-theme .froala-editor button.fr-trigger img {
  max-width: 40px;
  max-height: 35px;
}
.sc-theme .froala-editor button.fr-trigger:disabled {
  color: #999999 !important;
}
.sc-theme .froala-editor button.fr-bttn:disabled:after {
  border-top-color: #999999 !important;
}
.sc-theme .froala-editor button.fr-trigger:disabled:after {
  border-top-color: #999999 !important;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload {
  color: #444444;
  border: dashed 2px #cccccc;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload:hover {
  border: dashed 2px #353535;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse {
  background: #475577;
  color: #ffffff;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse:hover {
  background: #353535;
  color: #ffffff;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px #cccccc;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup p.f-progress {
  background-color: #61bd6d;
}
.sc-theme .froala-editor .froala-popup.froala-image-popup p.f-progress span {
  background-color: #61bd6d;
  color: #ffffff;
}
.sc-theme .froala-editor .froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px #cccccc;
}
.sc-theme .froala-editor .froala-popup.froala-video-popup p.or {
  color: #444444;
}
.sc-theme .froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links {
  background: #475577;
  color: #ffffff;
}
.sc-theme .froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover {
  background: #353535;
  color: #ffffff;
}
.sc-theme .froala-editor .froala-popup.froala-link-popup div.f-popup-line ul {
  background: #ffffff;
  border: solid 1px rgb(68, 75, 85);
}
.sc-theme .froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li {
  color: #444444;
}
.sc-theme .froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li:hover {
  background: #444444;
  color: #ffffff;
}
.sc-theme .froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li + li {
  border-top: solid 1px rgb(68, 75, 85);
}
.sc-theme .froala-editor span.f-sep {
  border-right: solid 1px #cccccc;
  height: 35px;
}
.sc-theme .froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover {
  background: #425ccd;
  color: #ffffff;
}
.sc-theme .froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover {
  background: #425ccd;
  color: #ffffff;
}
.sc-theme .froala-editor .fr-bttn.active {
  color: #425ccd;
  background: transparent;
}
.sc-theme .froala-editor .fr-trigger.active {
  color: #ffffff;
  background: #425ccd;
}
.sc-theme .froala-editor .fr-trigger.active:after {
  border-top-color: #ffffff !important;
}
.sc-theme .froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p {
  color: #444444;
}
.sc-theme .froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn {
  color: #444444;
}
.sc-theme .froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn:hover {
  color: #425ccd;
}
.sc-theme .froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active {
  outline: solid 1px rgb(68, 75, 85);
}
.sc-theme .froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active:after {
  color: #ffffff;
}
.sc-theme .froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) {
  outline: solid 1px rgb(68, 75, 85);
}
.sc-theme .froala-overlay {
  background: #000000;
}
.sc-theme .froala-box.fr-disabled button.fr-bttn {
  color: #999999 !important;
}
.sc-theme .froala-box.fr-disabled button.fr-bttn:after {
  border-top-color: #999999 !important;
}
.sc-theme .froala-box.fr-disabled button.fr-trigger {
  color: #999999 !important;
}
.sc-theme .froala-box.fr-disabled button.fr-trigger:after {
  border-top-color: #999999 !important;
}
.sc-theme .froala-editor.ie8 button.fr-bttn:hover {
  background: #425ccd;
  color: #ffffff;
}
.sc-theme .froala-editor.ie8 button.fr-trigger:hover {
  background: #425ccd;
  color: #ffffff;
}

.sc-light-theme.froala-box.fr-disabled .froala-element {
  color: #696969;
}
.sc-light-theme.froala-box.fr-disabled button.fr-bttn {
  color: #696969 !important;
}
.sc-light-theme.froala-box.fr-disabled button.fr-bttn:after {
  border-top-color: #696969 !important;
}
.sc-light-theme.froala-box.fr-disabled button.fr-trigger {
  color: #696969 !important;
}
.sc-light-theme.froala-box.fr-disabled button.fr-trigger:after {
  border-top-color: #696969 !important;
}
.sc-light-theme.froala-box .html-switch {
  border-color: #696969;
}
.sc-light-theme.froala-box .froala-element hr {
  border-top-color: #f0f0f0;
}
.sc-light-theme.froala-box .froala-element pre {
  border: solid 1px #f0f0f0;
  background: #fcfcfc;
  border-radius: 4px;
  background-clip: padding-box;
}
.sc-light-theme.froala-box .froala-element blockquote {
  border-left: solid 5px #f0f0f0;
}
.sc-light-theme.froala-box .froala-element img {
  min-width: 32px !important;
  min-height: 32px !important;
}
.sc-light-theme.froala-box .froala-element img.fr-fil {
  padding: 10px 10px 10px 3px;
}
.sc-light-theme.froala-box .froala-element img.fr-fir {
  padding: 10px 3px 10px 10px;
}
.sc-light-theme.froala-box .froala-element img.fr-fin {
  padding: 10px 0;
}
.sc-light-theme.froala-box .froala-element img::selection {
  color: #ffffff;
}
.sc-light-theme.froala-box .froala-element img::-moz-selection {
  color: #ffffff;
}
.sc-light-theme.froala-box .froala-element span.f-img-editor:before {
  border: none !important;
  outline: solid 1px #2c82c9 !important;
}
.sc-light-theme.froala-box .froala-element span.f-img-editor.fr-fil {
  margin: 10px 10px 10px 3px;
}
.sc-light-theme.froala-box .froala-element span.f-img-editor.fr-fir {
  margin: 10px 3px 10px 10px;
}
.sc-light-theme.froala-box .froala-element span.f-img-editor.fr-fin {
  margin: 10px 0;
}
.sc-light-theme.froala-box .froala-element span.f-img-handle {
  height: 8px;
  width: 8px;
  border: solid 1px #ffffff !important;
  background: #2c82c9;
}
.sc-light-theme.froala-box .froala-element span.f-video-editor.active:after {
  border: solid 1px #d2d2d2;
}
.sc-light-theme.froala-box .froala-element.f-basic {
  color: #444444;
  padding: 10px;
}
.sc-light-theme.froala-box .froala-element.f-basic a {
  color: inherit;
}
.sc-light-theme.froala-box .froala-element.f-placeholder:before {
  color: #f0f0f0;
}
.sc-light-theme.froala-box .froala-element table td {
  border: solid 1px #f0f0f0;
}
.sc-light-theme.froala-box .froala-wrapper.f-basic {
  border: solid 1px #d2d2d2;
  background: #ffffff;
}
.sc-light-theme.froala-box .froala-wrapper.f-basic.f-placeholder + span.fr-placeholder {
  margin: 10px;
}
.sc-light-theme.froala-box.f-html .froala-element {
  background: #202020;
  color: #ffffff;
  font-family: Courier New, Monospace;
  font-size: 13px;
}
.sc-light-theme.froala-editor {
  background: #f0f0f0;
  border: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor hr {
  border-top-color: #f0f0f0;
}
.sc-light-theme.froala-editor button.fr-bttn {
  background: transparent;
  color: #a1a8ac;
  font-size: 16px;
  line-height: 35px;
  width: 40px;
}
.sc-light-theme.froala-editor button.fr-bttn img {
  max-width: 40px;
  max-height: 35px;
}
.sc-light-theme.froala-editor button.fr-bttn:disabled {
  color: #696969 !important;
}
.sc-light-theme.froala-editor button.fr-bttn:disabled:after {
  border-top-color: #696969 !important;
}
.sc-light-theme.froala-editor button.fr-trigger {
  background: transparent;
  color: #a1a8ac;
  font-size: 16px;
  line-height: 35px;
  width: 40px;
}
.sc-light-theme.froala-editor button.fr-trigger img {
  max-width: 40px;
  max-height: 35px;
}
.sc-light-theme.froala-editor button.fr-trigger:disabled {
  color: #696969 !important;
}
.sc-light-theme.froala-editor button.fr-trigger:disabled:after {
  border-top-color: #696969 !important;
}
.sc-light-theme.froala-editor .froala-popup {
  background: #ffffff;
  border-radius: 5px;
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn {
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn.f-ok {
  color: #ffffff;
  background-color: #425ccd;
  border-radius: 3px;
  font-weight: 600;
  padding: 2px 8px;
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn.f-ok:hover {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn.f-unlink {
  background: #b8312f;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn.f-unlink:hover {
  background: #353535;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn:hover {
  background: #353535;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup button.fr-p-bttn:focus {
  background: #353535;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup button.fr-bttn:hover {
  background: transparent;
  color: #696969;
}
.sc-light-theme.froala-editor .froala-popup button.fr-bttn:hover:after {
  border-top-color: #696969;
}
.sc-light-theme.froala-editor .froala-popup button.fr-trigger:hover {
  background: transparent;
  color: #696969;
}
.sc-light-theme.froala-editor .froala-popup button.fr-trigger:hover:after {
  border-top-color: #696969;
}
.sc-light-theme.froala-editor .froala-popup h4 {
  color: #444444;
}
.sc-light-theme.froala-editor .froala-popup h4 i {
  color: #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup h4 i.fa-external-link {
  color: #444444;
}
.sc-light-theme.froala-editor .froala-popup h4 i.fa-external-link:hover {
  color: #000000;
}
.sc-light-theme.froala-editor .froala-popup h4 i:hover {
  color: #444444;
}
.sc-light-theme.froala-editor .froala-popup h4 span {
  font-weight: 400;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload {
  color: #444444;
  border: dashed 2px #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload:hover {
  border: dashed 2px #353535;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload.f-hover {
  border: dashed 2px #61bd6d;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse {
  background: #475577;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse:hover {
  background: #353535;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup p.f-progress {
  background-color: #61bd6d;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-popup p.f-progress span {
  background-color: #61bd6d;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line.f-popup-toolbar {
  background: #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line label {
  color: #444444;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line input[type=text] {
  border: solid 1px #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line input[type=text]:focus {
  border: 1px solid #d2d2d2;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line input[type=text]:disabled {
  background: #ffffff;
  color: #696969;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line textarea {
  border: solid 1px #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup div.f-popup-line textarea:focus {
  border: solid 1px #54acd2;
}
.sc-light-theme.froala-editor .froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px #f0f0f0;
}
.sc-light-theme.froala-editor .froala-popup.froala-video-popup p.or {
  color: #444444;
}
.sc-light-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links {
  background: #475577;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover {
  background: #353535;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul {
  background: #ffffff;
  border: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li {
  color: #444444;
}
.sc-light-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li:hover {
  background: #444444;
  color: #ffffff;
}
.sc-light-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li + li {
  border-top: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .fr-trigger:after {
  border-top-color: #a1a8ac;
}
.sc-light-theme.froala-editor .fr-trigger.active {
  color: #696969;
  background: transparent;
}
.sc-light-theme.froala-editor .fr-trigger.active:after {
  border-top-color: #696969 !important;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-trigger {
  width: 38px;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu {
  background: #ffffff;
  border: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a {
  color: #444444;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover {
  background: #444444 !important;
  color: #ffffff !important;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu li.active a {
  background: #444444 !important;
  color: #ffffff !important;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul {
  background: #ffffff;
  color: #444444;
  border: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div {
  background: #ffffff;
  color: #444444;
  border: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span > span {
  border: solid 1px #f0f0f0;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover > span {
  background: rgba(61, 142, 185, 0.3);
  border: solid 1px #3d8eb9;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span.hover > span {
  background: rgba(61, 142, 185, 0.3);
  border: solid 1px #3d8eb9;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > a {
  background: #444444;
  color: #ffffff;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li.hover > a {
  background: #444444;
  color: #ffffff;
}
.sc-light-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > hr {
  border-top: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p {
  color: #444444;
}
.sc-light-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn {
  color: #444444;
}
.sc-light-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn:hover {
  color: #000000;
}
.sc-light-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active {
  outline: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active:after {
  color: #ffffff;
}
.sc-light-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) {
  outline: solid 1px #d2d2d2;
}
.sc-light-theme.froala-editor span.f-sep {
  border-right: solid 1px #f0f0f0;
  height: 35px;
}
.sc-light-theme.froala-editor.ie8 button.fr-bttn:hover {
  background: transparent;
  color: #696969;
}
.sc-light-theme.froala-editor.ie8 button.fr-bttn:hover:after {
  border-top-color: #696969;
}
.sc-light-theme.froala-editor.ie8 button.fr-trigger:hover {
  background: transparent;
  color: #696969;
}
.sc-light-theme.froala-editor.ie8 button.fr-trigger:hover:after {
  border-top-color: #696969;
}
.sc-light-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover {
  background: transparent;
  color: #696969;
}
.sc-light-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover:after {
  border-top-color: #696969;
}
.sc-light-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover {
  background: transparent;
  color: #696969;
}
.sc-light-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover:after {
  border-top-color: #696969;
}
.sc-light-theme.froala-editor .fr-bttn.active {
  color: #000000;
  background: transparent;
}
.sc-light-theme.froala-editor .fr-bttn.active:hover {
  color: #000000 !important;
}
.sc-light-theme.froala-modal .f-modal-wrapper {
  background: #ffffff;
  border: solid 1px #d2d2d2;
  border-top: none;
}
.sc-light-theme.froala-modal .f-modal-wrapper h4 {
  color: #444444;
}
.sc-light-theme.froala-modal .f-modal-wrapper h4 i {
  color: #f0f0f0;
}
.sc-light-theme.froala-modal .f-modal-wrapper h4 i:hover {
  color: #444444;
}
.sc-light-theme.froala-modal .f-modal-wrapper div.f-image-list div.f-empty {
  background: #f0f0f0;
}
.sc-light-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img {
  background: #b8312f;
  color: #ffffff;
}
.sc-light-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img:hover {
  background: #353535;
  color: #ffffff;
}
.sc-light-theme.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover {
  background: #353535;
  color: #ffffff;
}

.froala-overlay {
  background: #000000;
}

.inline-simple.froala-box {
  margin-bottom: 44px;
}
.inline-simple.froala-box .froala-wrapper.f-basic {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.inline-simple.froala-box:after {
  font-style: italic;
  font-size: 12px;
}
.inline-simple.froala-editor {
  position: absolute;
  bottom: -34px;
  border-top: none;
  border-bottom: 1px solid #d2d2d2 !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.inline-simple.froala-editor.f-inline {
  bottom: auto;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
}
.inline-simple.froala-editor.f-inline:before {
  top: -7px;
}

.sr-only, .form_checkbox-input, .form_radio-input {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.unstyled-btn {
  background: none;
  border: 0;
  margin: 0;
}

img[width="1"][height="1"] {
  display: none;
}

/*
  Directives
--------------------------------------*/

.form__checkbox-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 24px;
  cursor: pointer;
  font-size: 13px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.form__checkbox-control.inline {
  display: inline-block;
}
.form__checkbox-control_input:before, .form__checkbox-control-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  text-indent: 1px;
  line-height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.form__checkbox-control:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.form__checkbox-control:focus .form__checkbox-control_input:before, .form__checkbox-control:focus .form__checkbox-control-input:before {
  border-color: #9e9e9e;
}
.form__checkbox-control.checked .form__checkbox-control_input:before, .form__checkbox-control.checked .form__checkbox-control-input:before {
  line-height: 16px;
}
.form__checkbox-control.error .form__checkbox-control_input:before, .form__checkbox-control.error .form__checkbox-control-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}

.form__radio-control--small {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  min-width: 16px;
  min-height: 16px;
  padding-left: 21px;
  margin-right: 6px;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  height: 42px;
}
@media screen and (max-width: 568px) {
  .form__radio-control--small {
    height: 32px;
    min-width: 50px;
  }
}
.form__radio-control--small_input:before, .form__radio-control--small-input:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  margin-top: calc(-16px / 2);
  height: 16px;
  width: 16px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  background-color: #fafafa;
}
.form__radio-control--small_input:after, .form__radio-control--small-input:after {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  transition: all 150ms linear;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: calc(16px / 2);
  margin-top: 0;
  height: 0;
  width: 0;
  border-radius: 16px;
  background-color: currentColor;
}
.form__radio-control--small:focus .form__radio-control--small-input:before, .form__radio-control--small:focus .form__radio-control--small_input:before {
  border-color: rgba(0, 0, 0, 0.38);
}
.form__radio-control--small.checked .form__radio-control--small_input:after, .form__radio-control--small.checked .form__radio-control--small-input:after {
  width: 6px;
  height: 6px;
  left: calc((16px - (16px - 5px * 2)) / 2);
  margin-top: calc((16px - 5px * 2) / -2);
}
.form__radio-control--small.error .form__radio-control--small_input:before, .form__radio-control--small.error .form__radio-control--small-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.form__radio-control--small:focus .form__radio-control--small_input:before {
  border-color: #425ccd;
}
.form__radio-control--small.checked .form__radio-control--small_input:after {
  background-color: #fff;
}
.form__radio-control--small.checked .form__radio-control--small_input:before {
  background-color: #425ccd;
}
.form__radio-control--small_label {
  color: #57687d;
}

.form__radio-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  min-width: 24px;
  min-height: 24px;
  padding-left: 29px;
  margin-right: 14px;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  height: 42px;
}
@media screen and (max-width: 568px) {
  .form__radio-control {
    height: 32px;
    min-width: 50px;
  }
}
.form__radio-control_input:before, .form__radio-control-input:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  margin-top: calc(-24px / 2);
  height: 24px;
  width: 24px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 24px;
  background-color: #fafafa;
}
.form__radio-control_input:after, .form__radio-control-input:after {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  transition: all 150ms linear;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: calc(24px / 2);
  margin-top: 0;
  height: 0;
  width: 0;
  border-radius: 24px;
  background-color: currentColor;
}
.form__radio-control:focus .form__radio-control-input:before, .form__radio-control:focus .form__radio-control_input:before {
  border-color: rgba(0, 0, 0, 0.38);
}
.form__radio-control.checked .form__radio-control_input:after, .form__radio-control.checked .form__radio-control-input:after {
  width: 14px;
  height: 14px;
  left: calc((24px - (24px - 5px * 2)) / 2);
  margin-top: calc((24px - 5px * 2) / -2);
}
.form__radio-control.error .form__radio-control_input:before, .form__radio-control.error .form__radio-control-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}

.resource-search {
  width: 100%;
}
.resource-search_container {
  position: relative;
}
.resource-search_input-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 568px) {
  .resource-search_input-container {
    display: block;
  }
}
.resource-search_input-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.resource-search_input-select {
  background-color: #ffffff;
}
.resource-search_input-select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.resource-search_input-select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.resource-search_input-select:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.resource-search_input-select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.resource-search_input-select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.resource-search_input-select {
  background-color: #f8f8f8;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 175px;
  cursor: pointer;
}
.resource-search_input-select:focus {
  z-index: 1;
}
@media screen and (max-width: 568px) {
  .resource-search_input-select {
    width: 100%;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
  }
}
.resource-search_input-query-primary, .resource-search_input-query-secondary {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.resource-search_input-query-primary, .resource-search_input-query-secondary {
  background-color: #ffffff;
}
.resource-search_input-query-primary.sc-invalid, .resource-search_input-query-secondary.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.resource-search_input-query-primary, .resource-search_input-query-secondary {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.resource-search_input-query-primary:disabled, .resource-search_input-query-secondary:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.resource-search_input-query-primary, .resource-search_input-query-secondary {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.resource-search_input-query-primary.has-counter, .resource-search_input-query-secondary.has-counter {
  padding-right: 55px;
}
.resource-search_input-query-primary::-webkit-input-placeholder, .resource-search_input-query-secondary::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-query-primary::-moz-placeholder, .resource-search_input-query-secondary::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-query-primary:-moz-placeholder, .resource-search_input-query-secondary:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-query-primary:-ms-input-placeholder, .resource-search_input-query-secondary:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-query-primary-pre, .resource-search_input-query-secondary-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.resource-search_input-query-primary-pre + .form_text-input, .resource-search_input-query-secondary-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.resource-search_input-query-primary.large, .resource-search_input-query-secondary.large {
  height: 50px;
}
.resource-search_input-query-primary, .resource-search_input-query-secondary {
  font-size: 16px;
  position: relative;
  left: -1px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  border-radius: 0;
}
.resource-search_input-query-primary:focus, .resource-search_input-query-secondary:focus {
  z-index: 1;
}
@media screen and (max-width: 568px) {
  .resource-search_input-query-primary, .resource-search_input-query-secondary {
    left: 0;
  }
}
.solo-mode .resource-search_input-query-primary {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media screen and (max-width: 568px) {
  .solo-mode .resource-search_input-query-primary {
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
  }
}
.no-select .resource-search_input-query-primary {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.resource-search_input-query-secondary {
  border-left-width: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media screen and (max-width: 568px) {
  .resource-search_input-query-secondary {
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
  }
}
@media screen and (max-width: 568px) {
  .resource-search_input-query-secondary {
    border-left-width: 1px;
  }
}
.resource-search_input-mock {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.resource-search_input-mock {
  background-color: #ffffff;
}
.resource-search_input-mock.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.resource-search_input-mock {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.resource-search_input-mock:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.resource-search_input-mock {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.resource-search_input-mock.has-counter {
  padding-right: 55px;
}
.resource-search_input-mock::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-mock::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-mock:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-mock:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.resource-search_input-mock-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.resource-search_input-mock-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.resource-search_input-mock.large {
  height: 50px;
}
.resource-search_input-mock {
  padding: 5px;
}
.resource-search_input-mock-value {
  display: block;
  float: left;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid #bfc1c4;
  border-radius: 2px;
  padding: 3px 3px 3px 6px;
  max-height: 100%;
  max-width: 100%;
}
.flexbox:not(.no-flexboxlegacy, .no-flexbox) .resource-search_input-mock-value {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.resource-search_input-mock-image {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  border-radius: 4px;
}
.resource-search_input-mock-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
  vertical-align: top;
  white-space: nowrap;
}
.flexbox .resource-search_input-mock-name {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .resource-search_input-mock-name {
  width: 250px;
}
.resource-search_input-mock-clear {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-family: "ClassyIcons";
  display: inline-block;
  width: 12px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  vertical-align: top;
  margin: 0 3px 0 12px;
}
.resource-search_input-mock-clear:before {
  margin-right: 10px;
  font-size: 12px;
  vertical-align: top;
}
.no-flexbox .resource-search_input-mock-clear {
  float: right;
}
.resource-search_item-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  padding: 12px 18px;
  width: 100%;
  text-align: left;
}
.flexbox .resource-search_item-button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.resource-search_item-button:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.resource-search_item-button:focus {
  z-index: 2;
}
.resource-search_item-image {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  margin-right: 12px;
}
.no-flexbox .resource-search_item-image {
  float: left;
}
.resource-search_item-content {
  min-height: 36px;
  position: relative;
}
.flexbox .resource-search_item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.no-flexbox .resource-search_item-content {
  margin-left: 54px;
}
.resource-search_item-name {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  line-height: auto;
}
.resource-search_item-description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  white-space: break-spaces;
}
.resource-search_fetching, .resource-search_empty, .resource-search_results {
  position: absolute;
  display: block;
  width: 100%;
  max-height: 309px;
  margin-top: 5px;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.38);
  border-radius: 3px;
  padding: 9px 0;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 568px) {
  .solo-mode .resource-search_fetching, .solo-mode .resource-search_empty, .solo-mode .resource-search_results {
    top: 91px;
  }
  .dual-mode .resource-search_fetching, .dual-mode .resource-search_empty, .dual-mode .resource-search_results {
    top: 133px;
  }
}
.resource-search_fetching-row {
  padding: 12px 18px;
  min-height: 36px;
}
.flexbox .resource-search_fetching-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.resource-search_fetching-row-image {
  display: block;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-right: 12px;
}
.no-flexbox .resource-search_fetching-row-image {
  float: left;
}
.resource-search_fetching-row-text {
  display: block;
  height: 16px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  border-radius: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#b3b3b3), color-stop(50%, #b3b3b3), color-stop(75%, #e6e6e6), to(#b3b3b3));
  background: linear-gradient(to right, #b3b3b3 0%, #b3b3b3 50%, #e6e6e6 75%, #b3b3b3 100%);
  background-size: 400% 100%;
  -webkit-animation: Fetching 1.5s ease infinite;
  animation: Fetching 1.5s ease infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
@-webkit-keyframes Fetching {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -125% 0%;
  }
}
@keyframes Fetching {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -125% 0%;
  }
}
.no-flexbox .resource-search_fetching-row-text {
  margin-left: 54px;
}
.resource-search_fetching-row:first-child .resource-search_fetching-row-text {
  max-width: 240px;
}
.resource-search_fetching-row:nth-child(2) .resource-search_fetching-row-text {
  max-width: 472px;
}
.resource-search_fetching-row:nth-child(3) .resource-search_fetching-row-text {
  max-width: 320px;
}
.resource-search_empty {
  padding: 23px 18px;
  font-size: 15px;
  font-style: italic;
  color: rgba(0, 0, 0, 0.87);
}
.resource-search_results {
  padding: 9px 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.sc-custom-question-label.required::after {
  content: " *";
  color: rgb(247, 116, 98);
  font-weight: bold;
}

.cq__checkbox-sublabel {
  margin-top: 6px;
}

.sc-block[data-type=impact] .sc-block_content {
  max-width: 100%;
}

.frs-button_amount {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: none;
  margin: 0 auto;
  color: #fff;
  padding: 0;
}
.rounded .frs-button_amount {
  border-radius: 5px;
}
.frs-button_amount-label {
  display: block;
  float: left;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px 0;
}
.frs-button_amount-dropdown {
  position: relative;
  display: block;
  float: right;
  font-weight: 300;
  height: 100%;
}
.small .frs-button_amount-dropdown {
  font-size: 12px;
  padding: 15px;
}
.medium .frs-button_amount-dropdown {
  font-size: 15px;
  padding: 12px;
}
.large .frs-button_amount-dropdown {
  font-size: 18px;
  padding: 15px;
}
.rounded .frs-button_amount-dropdown {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.frs-button_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.sc-p2p-campaign-progress::after {
  clear: both;
  content: "";
  display: table;
}
.sc-p2p-campaign-progress_raised {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5em;
}
.sc-p2p-campaign-progress_goal {
  font-size: 1.2em;
}
.sc-p2p-campaign-progress_bar-mask {
  width: 100%;
  height: 16px;
  background-color: #f0f0f0;
  border-radius: 15px;
  margin: 0 auto;
  padding: 3px;
}
.sc-p2p-campaign-progress_bar-value {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  position: relative;
  width: 0%;
  height: 100%;
  border-radius: 15px;
}
.sc-p2p-campaign-progress_stats {
  color: #ffffff;
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 30px;
}
.sc-p2p-campaign-progress_stats-left {
  float: left;
  display: inline-block;
}
.sc-p2p-campaign-progress_stats-right {
  float: right;
  display: inline-block;
}

.sc-campaign-progress::after {
  clear: both;
  content: "";
  display: table;
}
.sc-campaign-progress_container {
  position: relative;
}
.sc-campaign-progress_raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.sc-campaign-progress_goal {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.sc-campaign-progress_goal.right {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sc-campaign-progress_bar-mask {
  width: 100%;
  height: 6px;
  background-color: rgb(240, 240, 240);
  border-radius: 12px;
  overflow: hidden;
  margin: 12px 0 0;
}
.sc-campaign-progress_bar-value {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  width: 0%;
  height: 100%;
  border-radius: 15px;
}
.sc-campaign-progress_stats {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 12px;
}
.sc-campaign-progress_stats-left {
  float: left;
  margin-bottom: 20px;
}
.sc-campaign-progress_stats-right {
  float: right;
}
.sc-campaign-progress_stats-center {
  text-align: center;
}
.sc-campaign-progress_bottom-stats {
  margin-top: 9px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.sc-campaign-progress_bottom-raised {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}

.sc-map_map {
  min-width: 300px;
  min-height: 300px;
  border-radius: 3px;
}
.sc-map_input.form_field-input {
  z-index: 5;
  position: absolute;
  max-width: 870px;
  width: calc(100% - 30px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 15px;
  left: 0;
  right: 0;
}
.sc-map_button {
  width: 96px;
  padding: 12px 15px;
  display: inline-block;
  background-color: #4d90fe;
  margin: 0 0 -1px 0 !important;
}

.payment-types {
  margin: 5px 0 0 0;
}
.payment-types_card {
  width: 45px;
  height: 28px;
  margin: 0 0 0 2px;
  display: inline-block;
  background-size: contain !important;
  background-repeat: no-repeat;
}
.payment-types_card.visa {
  background-image: url(/static/global/images/payments/visa-cc-2x.png);
}
.payment-types_card.amex {
  background-image: url(/static/global/images/payments/amex-cc-2x.png);
}
.payment-types_card.mastercard {
  background-image: url(/static/global/images/payments/mastercard-cc-2x.png);
}
.payment-types_card.discover {
  background-image: url(/static/global/images/payments/discover-cc-2x.png);
}
.payment-types_card.paypal {
  background-image: url(/static/global/images/payments/paypal-2x.png);
  margin-left: 28px;
  vertical-align: top;
  position: relative;
}
.payment-types_card.paypal:before {
  content: "or";
  position: relative;
  display: inline-block;
  left: -22px;
  color: rgb(161, 168, 172);
  font-size: 13px;
}
.payment-types_paypal-submit {
  height: 28px;
  width: 45px;
  position: absolute;
  top: 0;
  right: 0;
}

.goal-select {
  position: relative;
  padding: 10px 0;
}
.goal-select_amount {
  float: left;
  padding: 10px;
  margin: 0 10px;
  font-size: 13px;
  padding-bottom: 50px;
}
.goal-select_other {
  display: block;
}
.goal-select_description {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.goal-select_description:last-child {
  margin-right: 0;
}
.goal-select_description:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  margin-top: -15px;
  display: block;
  background: #e5e5e5;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.goal-select_description {
  position: absolute;
  margin-top: 50px;
  background: #e5e5e5;
  padding: 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 3px;
  display: none;
}
.goal-select_level.selected .goal-select_amount {
  font-weight: bold;
}
.goal-select_level.selected .goal-select_description {
  display: block;
}

.npo-header::after {
  clear: both;
  content: "";
  display: table;
}
.npo-header {
  width: 100%;
  height: 60px;
  font-size: 13px;
  padding: 0 40px;
  background-color: rgb(35, 42, 47);
  color: #fff;
}
.npo-header_container {
  background-color: rgb(44, 52, 59);
  width: 100%;
}
.npo-header_inner {
  position: relative;
  max-width: 1360px;
  margin: 0 auto;
}
.npo-header_charity-nav {
  float: left;
  margin: 14px auto;
  height: 28px;
}
.npo-header_classy-icon {
  display: block;
  float: left;
  font-size: 22px;
  color: rgb(114, 126, 131);
  height: 60px;
}
.npo-header_classy-logo {
  display: block;
  float: left;
  font-size: 30px;
  color: rgb(114, 126, 131);
  line-height: 60px;
  padding: 0;
}
.npo-header_charity-name {
  display: block;
  float: left;
  font-family: "Museo Sans Rounded", Verdana, Geneva, sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 18px 15px 0;
  color: rgb(114, 126, 131);
  height: 60px;
}
.npo-header_campaign-name {
  font-family: "Museo Sans Rounded", Verdana, Geneva, sans-serif;
  font-size: 26px;
  font-weight: 100;
  color: rgb(191, 193, 196);
}
.npo-header_custom {
  position: absolute;
  right: 75px;
  top: 10px;
}
.npo-header_logged-out {
  position: absolute;
  right: 0;
}
.npo-header_logged-out-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 200;
  color: #ffffff;
  line-height: 60px;
}
.npo-header_logged-out-button:focus {
  outline: none;
}
.npo-header_dashboard-button::after {
  clear: both;
  content: "";
  display: table;
}
.npo-header_dashboard-button {
  display: block;
  padding: 20px 25px;
  border-bottom: 1px solid #f0f0f0;
}
.npo-header_dashboard-button:hover {
  background-color: #eee;
}
.npo-header_dashboard-charity-img {
  display: block;
  float: left;
}
.npo-header_dashboard-label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: rgb(191, 193, 196);
  text-transform: uppercase;
  margin-left: 45px;
  padding: 2px 0 11px;
  line-height: 5px;
}
.default .npo-header_dashboard-label {
  margin-left: 0;
}
.npo-header_dashboard-charity {
  display: block;
  margin-left: 45px;
}
.default .npo-header_dashboard-charity {
  margin-left: 0;
}
.npo-header_logout {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background-color: #f8f8f8;
  padding: 15px 25px;
  margin: 0;
  border: none;
  font-weight: 600;
  color: #888;
  font-size: 13px;
  text-align: left;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.npo-header_logout:hover {
  background-color: #eee;
}
.npo-header_outline-button {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.npo-header_outline-button .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.npo-header_outline-button .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.npo-header_outline-button .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.npo-header_outline-button,
.npo-header_outline-button .frs-dropdown__options {
  color: #425ccd;
}
.npo-header_outline-button:hover, .npo-header_outline-button:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.npo-header_outline-button {
  border: 2px solid #425ccd;
  padding: 4px 10px;
  border-radius: 5px;
  text-transform: uppercase;
  display: inline-block;
}
.npo-header_outline-button.submit-button {
  width: 98px;
  height: 30px;
}
.npo-header_outline-button.loading {
  background: transparent;
}
.npo-header_user {
  float: right;
  margin-top: 6px;
}

.sc-user-dropdown_user {
  position: relative;
}
.sc-user-dropdown_user-img {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  cursor: pointer;
  margin-right: 0;
}
.sc-user-dropdown_user-img.default {
  padding: 3px;
}
.sc-user-dropdown_user-nav {
  position: relative;
}
.sc-user-dropdown_user-nav-list {
  padding: 0;
}
.sc-user-dropdown_user-nav-item {
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  display: block;
  padding: 10px 25px;
  width: 100%;
  text-align: left;
}
.sc-user-dropdown_user-nav-item:hover {
  background-color: #8e8e8e;
}

.sc-flow-modal_blur {
  -webkit-filter: blur(10px) brightness(0.75);
  filter: blur(10px) brightness(0.75);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sc-flow-modal_staging {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.sc-flow-modal_overlay {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  overflow: hidden;
}
.visible .sc-flow-modal_overlay {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc-flow-modal_viewport {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.sc-flow-modal_views {
  -webkit-transition: border-radius 300ms ease;
  -moz-transition: border-radius 300ms ease;
  transition: border-radius 300ms ease;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.sc-flow-modal_views.shadow {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.sc-flow-modal_views.view-loading {
  background-color: #fff !important;
  border-radius: 75px;
}
.sc-flow-modal_view-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-55px / 2);
  margin-left: calc(-55px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 55px;
  height: 55px;
  -webkit-box-shadow: inset 0 0 0 calc(55px / 10) #cccccc;
  box-shadow: inset 0 0 0 calc(55px / 10) #cccccc;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.sc-flow-modal_view-loading, .sc-flow-modal_view-loading:before, .sc-flow-modal_view-loading:after {
  border-radius: 50%;
}
.sc-flow-modal_view-loading:before, .sc-flow-modal_view-loading:after {
  position: absolute;
  content: "";
}
.sc-flow-modal_view-loading:before {
  width: calc(4px + 55px / 2);
  height: 59px;
  border-radius: 55px 0 0 55px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(55px / 2) calc(55px / 2);
  transform-origin: calc(55px / 2 + 2px) calc(55px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.sc-flow-modal_view-loading:after {
  width: calc(4px + 55px / 2);
  height: 59px;
  border-radius: 0 55px 55px 0;
  top: -2px;
  left: calc(55px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(55px / 2 + 2px);
  transform-origin: 0 calc(55px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.sc-flow-modal_view-loading.offWhite:before, .sc-flow-modal_view-loading.offWhite:after {
  background: rgb(248, 248, 248);
}
.sc-flow-modal_view-loading.blockSlate:before, .sc-flow-modal_view-loading.blockSlate:after {
  background: rgb(54, 62, 69);
}
.sc-flow-modal_view-loading {
  opacity: 0;
  z-index: 0;
}
.view-loading .sc-flow-modal_view-loading {
  opacity: 1;
}
.sc-flow-modal_close {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
  position: absolute;
  width: 18px;
  height: 18px;
  overflow: visible;
  top: 5px;
  right: 5px;
  z-index: 1;
  color: rgb(35, 42, 47);
}
.sc-flow-modal_close i {
  font-size: 18px;
}
.sc-flow-modal_frame {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.sc-flow-modal_frame.vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-y: hidden;
}
.view-loading .sc-flow-modal_frame {
  opacity: 0;
}
.sc-flow-modal_content {
  position: relative;
}
.sc-flow-modal_demo-1 {
  padding: 30px;
}
.sc-flow-modal_demo-2 {
  padding: 30px;
}

.sc-paging {
  width: 100%;
}
.sc-paging_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: rgb(161, 168, 172);
}
.sc-paging_back {
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 0;
}
.sc-paging_list {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .sc-paging_list {
    display: none;
  }
}
.sc-paging_forward {
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 0;
}
.sc-paging_info {
  margin-right: 5px;
  font-size: 13px;
  line-height: 24px;
  -ms-flex-item-align: center;
  align-self: center;
  display: none;
}
@media screen and (max-width: 1024px) {
  .sc-paging_info {
    display: block;
  }
}
.sc-paging_button {
  background-color: rgb(248, 248, 248);
  height: 43px;
  min-width: 34px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-radius: 3px;
  color: rgb(161, 168, 172);
  position: relative;
  margin: 0 2px;
}
.sc-paging_button:disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
.sc-paging_button.active {
  border: 1px solid rgb(161, 168, 172);
  color: rgb(161, 168, 172);
}
.sc-paging_ellipsis {
  height: 43px;
  width: 34px;
  font-size: 14px;
  margin: 0 2px;
  background-color: transparent;
}
.sc-paging_nav-icon {
  font-size: 14px;
  display: inline;
  line-height: 43px;
  vertical-align: middle;
}

.post-container_back {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
.post-container_back-icon {
  font-size: 10px;
  margin-right: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.post {
  position: relative;
}
@media screen and (max-width: 768px) {
  .post {
    margin-top: 0px;
  }
}
.post_post-mode {
  padding: 0 15px;
}
.post_latest {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: table;
  line-height: 1;
  margin-bottom: 8px;
}
.post_latest_name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
}
@media screen and (max-width: 768px) {
  .post_latest_name {
    font-size: 13px;
  }
}
.post_latest_image-container {
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .post_latest {
    font-size: 13px;
  }
}
.post_latest-inner {
  display: table-cell;
  vertical-align: middle;
}
.post_latest + .post_title {
  margin-top: 5px;
}
.post_title, .post_title-link {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.post_title a, .post_title-link a {
  color: inherit;
}
@media screen and (max-width: 768px) {
  .post_title, .post_title-link {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
  }
}
.post_activity-content::after {
  clear: both;
  content: "";
  display: table;
}
.post_activity-content {
  background-color: rgb(248, 248, 248);
}
.post_activity-content .activity_comment-form {
  margin-left: 0;
  width: 100%;
}
.post_activity-content .activity_comment-form + .activity_feed {
  margin-top: 25px;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 91.4999417349%;
}
.post_activity-content .activity_comment-form + .activity_feed:last-child {
  margin-right: 0;
}
.post_activity-content .activity_comment-form + .activity_feed {
  margin-left: 4.2500291326%;
}
.post_meta {
  margin-top: 5px;
  display: block;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.post_meta-number:after {
  content: "";
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 12px 0 0;
  margin: 0 12px 0 0;
}
.post_body {
  margin-top: 25px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .post_body {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
.post_banner {
  width: 100%;
}
.post_banner-img {
  width: 100%;
  height: auto;
}
.excerpt .post_banner {
  width: 40%;
  float: left;
  margin: 0 20px 20px 0;
}
.excerpt.latest .post_banner {
  width: 100%;
  float: none;
  margin: 0;
}
.post_content a, .post_excerpt a {
  color: inherit;
  text-decoration: inherit;
}
.post_content ul, .post_excerpt ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 0 auto;
  padding: 0 25px 25px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 568px) {
  .post_content ul, .post_excerpt ul {
    padding: 15px;
  }
}
.post_content ul li, .post_excerpt ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.post_content ul li:last-child, .post_excerpt ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .post_content ul li, .post_excerpt ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.post_content ol, .post_excerpt ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .post_content ol, .post_excerpt ol {
    padding: 15px;
  }
}
.post_content ol li, .post_excerpt ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.post_content ol li:last-child, .post_excerpt ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .post_content ol li, .post_excerpt ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.post_content, .post_excerpt {
  margin-top: 24px;
}
.post_actions::after {
  clear: both;
  content: "";
  display: table;
}
.post_actions {
  clear: both;
  width: 100%;
  margin-top: 25px;
  padding: 12px 0 13px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.post_actions-right {
  float: right;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.post_actions-right .ci,
.post_actions-right .fa {
  margin-left: 8px;
}
.post_actions-right .ci {
  top: 2px;
  position: relative;
}
.post_actions-left {
  float: left;
  margin-right: 15px !important;
}
.post_actions .fa,
.post_actions .ci {
  font-size: 18px;
}
.post_actions .fa-comment-o {
  line-height: 14px;
}
.post_comments-count {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-left: 3px;
}

.like-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  font-size: 12px;
  color: #57687d;
  margin-right: 10px;
}
.like-button.liked {
  color: red;
}
.like-button img {
  width: 16px;
}
.like-button_count {
  font-weight: 300;
  padding: 0 0 0 3px;
}

.comment-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  color: #aba3ad;
  margin-right: 10px;
}
.comment-button:focus {
  outline: none;
}
.comment-button_count {
  font-weight: 300;
  padding: 0 0 0 3px;
}

.sc_progress-bar {
  display: block;
  width: 100%;
}
.sc_progress-bar-goal {
  display: block;
  padding: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}
.sc_progress-bar-raised {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  height: 100%;
  width: 0;
  background-color: rgb(54, 191, 247);
  border-radius: 100px;
}

.feed-item-donation {
  position: relative;
}
.feed-item-donation_user-image-container {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 48px;
}
.feed-item-donation_user-image-container.relative {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_user-image-container {
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
}
.feed-item-donation_user-image-container span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_user-image-container span {
    font-size: 17px;
  }
}
.feed-item-donation_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
}
.feed-item-donation_main {
  position: relative;
}
.feed-item-donation_body {
  margin-left: 65px;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_body {
    margin-left: 53px;
  }
}
.feed-item-donation_description {
  color: #666;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.feed-item-donation_author {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_author {
    font-size: 14px;
  }
}
.feed-item-donation_action {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_action {
    font-size: 13px;
  }
}
.feed-item-donation_content::after {
  clear: both;
  content: "";
  display: table;
}
.feed-item-donation_content {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_content {
    font-size: 12px;
  }
}
.feed-item-donation_meta {
  margin-top: 3px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_meta {
    font-size: 11px;
  }
}
.feed-item-donation_comments-total, .feed-item-donation_comments-new, .feed-item-donation_comment-new {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0 5px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.feed-item-donation_comments-total i, .feed-item-donation_comments-new i, .feed-item-donation_comment-new i {
  color: #57687d;
  padding-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_comments-total, .feed-item-donation_comments-new, .feed-item-donation_comment-new {
    font-size: 11px;
  }
}
.feed-item-donation_comments-new {
  vertical-align: bottom;
}
.feed-item-donation_comments-new:before {
  content: "•";
  margin-right: 5px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}
.feed-item-donation_comments-new.gray {
  color: #57687d;
}
.feed-item-donation_comments-container {
  margin-top: 15px;
  margin-left: 65px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 540px) {
  .feed-item-donation_comments-container {
    margin-left: 0px;
  }
}
.feed-item-donation_comments-all {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  padding: 15px 0 15px 64px;
  margin: 0;
  color: #57687d;
  font-weight: 600;
}
.feed-item-donation_comments-item {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin: 0;
  padding: 15px;
}
.feed-item-donation_comments-item:last-child {
  margin: 0;
}
.feed-item-donation_comments-item.provisional {
  opacity: 0.1;
}
.feed-item-donation_comment-form {
  padding: 15px;
  position: relative;
  background-color: rgb(248, 248, 248);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.feed-item-donation_comment-form .ci {
  color: rgb(161, 168, 172);
  font-size: 40px;
}
.feed-item-donation_comment-input-section {
  width: 100%;
  padding-left: 17px;
}
.feed-item-donation_comment-input {
  width: 100%;
  border: 1px solid rgb(191, 193, 196);
  border-radius: 4px;
  height: 42px;
  font-size: 14px;
  padding: 10px;
  color: #57687d;
  background-color: #ffffff;
  outline: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.feed-item-donation {
  margin-bottom: 0;
  padding: 25px 0;
}
.feed-item-donation.active {
  background-color: rgb(248, 248, 248);
  padding-left: 45px;
  border-left: 6px solid transparent;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-bottom: 0;
}
.feed-item-donation:not(.has-comment):hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.feed-item-donation_button .admin-button__primary {
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  transition: opacity 0s;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_button {
    max-height: 38px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 568px) {
  .feed-item-donation_button .quatenary {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px !important;
  }
}
.feed-item-donation_comment-form-donation {
  padding: 15px;
}
.feed-item-donation_body {
  height: 45px;
}
.feed-item-donation_comment-hidden {
  background: rgb(240, 240, 240);
  border-radius: 3px;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  padding: 6px 10px;
  font-size: 12px;
  margin-right: 10px;
  overflow: hidden;
  color: rgb(114, 126, 131);
  display: none;
}
.feed-item-donation_comment-hidden .first-comment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.feed-item-donation_comment-hidden a {
  text-decoration: underline;
}
.feed-item-donation.show-comment:hover .feed-item-donation_comment-hidden {
  display: block;
}
.feed-item-donation.show-comment:hover .feed-item-donation_button {
  display: none;
}
.feed-item-donation_meta {
  margin-top: 0;
}
.feed-item-donation_comment-input {
  margin-left: 0;
}
.feed-item-donation .ci-close-x {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 0px;
}
.feed-item-donation_button-group {
  text-align: right;
  margin-top: 20px;
}
.feed-item-donation_button-group .admin-button__primary:last-child {
  margin-left: 10px;
}
.feed-item-donation_link {
  margin-right: 30px;
  text-decoration: underline;
  float: left;
  font-size: 13px;
  margin-top: 12px;
  display: inline-block;
}
.feed-item-donation_dollar-amount {
  font-size: 16px;
  margin-right: 25px;
}
@media screen and (max-width: 1024px) {
  .feed-item-donation_dollar-amount {
    margin: auto;
    margin-right: 10px;
  }
}
@media screen and (max-width: 568px) {
  .feed-item-donation_dollar-amount {
    font-size: 12px;
    margin-right: 15px;
  }
}

.form_field-input fieldset {
  margin: 0;
  border: none;
}

.big-tip {
  position: absolute;
  z-index: 6;
}
.big-tip_caret {
  display: block;
  position: absolute;
  top: 1px;
  z-index: 6;
}
.big-tip_caret:before {
  position: absolute;
  bottom: 100%;
  content: "";
  display: block;
  width: 22px;
  height: 11px;
  border-bottom: 11px solid #bfc1c4;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}
.big-tip_caret:after {
  position: absolute;
  bottom: 100%;
  left: 1px;
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  border-bottom: 10px solid currentColor;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.big-tip_content {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border: 1px solid #bfc1c4;
  overflow: hidden;
}
@media screen and (max-width: 208px) {
  .big-tip_content {
    position: relative;
    left: 90px;
    width: 78%;
  }
}

.slideshow {
  background-color: #ffffff;
}
@media screen and (max-width: 568px) {
  .slideshow .fa.fa-angle-left,
  .slideshow .fa.fa-angle-right {
    display: none;
  }
}
.slideshow_placeholder {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideshow_placeholder-img {
  width: 100%;
  max-height: 330px;
}
.slideshow {
  /**
   * HTML hack so you can swipe on top of iframes
   */
}
.slideshow_swiper-div {
  position: absolute;
  z-index: 5;
}
.slideshow_swiper-div.left {
  width: 35%;
  height: 80%;
  left: 0;
}
.slideshow_swiper-div.right {
  width: 35%;
  height: 80%;
  right: 0;
}
.slideshow_swiper-div.top {
  width: 100%;
  height: 0%;
  top: 0;
}
.slideshow_swiper-div.bottom {
  width: 0%;
  bottom: 20%;
  height: 20%;
}
.slideshow_pager {
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-align: center;
  height: 40px;
  padding: 25px 0 0;
  background: rgba(0, 0, 0, 0.3);
}
.slideshow_pager.hide {
  display: none;
}
.slideshow_pager.hide ~ .fa {
  display: none;
}
.slideshow_pager.mobile {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: transparent;
  width: auto;
  left: 50%;
  z-index: 5;
}
.slideshow_pager-dot {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  margin: 0 5px;
  position: relative;
  z-index: 4;
  border-color: #ffffff;
  opacity: 0.6;
  border-radius: 6px;
  display: inline-block;
  border-width: 6px;
  border-style: solid;
  vertical-align: top;
}
.slideshow_pager-dot.active {
  opacity: 1;
}
.slideshow_content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.slideshow_slide {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .slideshow_slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.slideshow_prev, .slideshow_next {
  position: absolute;
  bottom: 4px;
  color: #ffffff;
  font-size: 35px;
  z-index: 4;
}
@media screen and (max-width: 568px) {
  .slideshow_prev, .slideshow_next {
    display: none;
  }
}
.slideshow_prev {
  left: 10px;
}
.slideshow_next {
  right: 10px;
}

.social-buttons.overlay-mode {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 7;
}
.social-buttons.overlay-mode .share-card-content {
  display: none;
}
.overlay-mode .social-buttons_container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
}
@media screen and (max-width: 568px) {
  .overlay-mode .social-buttons_container {
    padding: 4px;
  }
}
.overlay-mode .social-buttons_section {
  position: absolute;
  /* Responsive width */
  max-width: 580px;
  width: 100%;
  top: 50%;
  left: 50%;
  background-color: white;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 5px;
  overflow: hidden;
  height: 28em;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .overlay-mode .social-buttons_section {
    min-height: 40dvh;
    max-height: 100dvh;
  }
}
@media screen and (max-width: 768px) {
  .overlay-mode .social-buttons_section {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}
@media screen and (max-width: 568px) {
  .overlay-mode .social-buttons_section {
    padding: 1rem;
    left: 0;
    top: unset;
    bottom: 0;
    -webkit-transform: unset;
    transform: unset;
    height: auto;
    overflow: hidden;
  }
  .overlay-mode .social-buttons_section.qr-code-mode {
    min-height: 75dvh;
  }
}
.social-buttons_section .header {
  margin-bottom: 25px;
}
.social-buttons_section .header .sc-flow-modal_close {
  top: 25px;
  right: 25px;
}
.social-buttons_section .indicator {
  margin: 1.5rem 0;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  border: 1px solid #e5e1d7;
}
.social-buttons_section .copy-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.75rem;
  font-size: 0.875rem;
}
.social-buttons_section .copy-link .vanity-url {
  color: #767676;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #e5e1d7;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 10px;
  height: 48px;
}
.social-buttons_section .copy-link .copy-text {
  margin-left: 0;
  border: 1px solid #e5e1d7;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  height: 48px;
  background: none;
  font-size: 14px;
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.social-buttons_section .copy-link .copy-text img {
  vertical-align: middle;
  padding: 5px;
}
.social-buttons_section .social-body h2 {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 568px) {
  .overlay-mode.unified-social .social-buttons_section .social-body h2, .icons-mode.unified-social .social-buttons_section .social-body h2, .card-mode.unified-social .social-buttons_section .social-body h2 {
    font-size: 20px;
  }
}
.social-buttons_cta {
  display: none;
}
.overlay-mode .social-buttons_cta {
  color: rgb(87, 104, 125);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  display: block;
  width: 100%;
  padding: 14px 18px 10px 18px;
  background: rgb(248, 248, 248);
  border-bottom: 1px solid rgb(210, 210, 210);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-align: center;
}
.overlay-mode .social-buttons_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgb(248, 248, 248);
  padding: 14px 18px;
}
@media screen and (max-width: 568px) {
  .overlay-mode .social-buttons_list {
    padding: 14px 4px;
  }
}
.overlay-mode .social-buttons_list {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.social-buttons_list.social-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  background-color: #fff;
}
@media screen and (max-width: 568px) {
  .social-buttons_list.social-items {
    padding: 14px 4px;
  }
  .overlay-mode.unified-social .social-buttons_list.social-items, .icons-mode.unified-social .social-buttons_list.social-items, .card-mode.unified-social .social-buttons_list.social-items {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding: 0;
  }
}
.social-buttons_list.social-items .social-buttons_item {
  width: 50%;
  margin-top: 1.5rem;
}
@media screen and (max-width: 568px) {
  .overlay-mode.unified-social .social-buttons_list.social-items .social-buttons_item, .icons-mode.unified-social .social-buttons_list.social-items .social-buttons_item, .card-mode.unified-social .social-buttons_list.social-items .social-buttons_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-top: unset;
    margin-bottom: 1.5rem;
  }
}
.social-buttons_list.social-items .social-buttons_item .social-buttons_item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 568px) {
  .overlay-mode.unified-social .social-buttons_list.social-items .social-buttons_item .social-buttons_item-link, .icons-mode.unified-social .social-buttons_list.social-items .social-buttons_item .social-buttons_item-link, .card-mode.unified-social .social-buttons_list.social-items .social-buttons_item .social-buttons_item-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.social-buttons_list.social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-title {
  font-size: 16px;
  color: #252525;
}
@media screen and (max-width: 568px) {
  .overlay-mode.unified-social .social-buttons_list.social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-title, .icons-mode.unified-social .social-buttons_list.social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-title, .card-mode.unified-social .social-buttons_list.social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-title {
    font-size: 0.75rem;
  }
}
.social-buttons_item {
  display: block;
}
.tooltip-mode .social-buttons_item {
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  display: block;
  padding: 10px 25px 10px 20px;
  text-align: left;
}
.tooltip-mode .social-buttons_item:hover {
  background-color: #8e8e8e;
}
.overlay-mode .social-buttons_item {
  width: 63px;
  text-align: center;
}
.social-buttons_item-twitter .social-buttons_item-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 3px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tooltip-mode .social-buttons_item-sms {
  display: none;
}
.overlay-mode .social-buttons_item-sms {
  display: block;
}
.social-buttons_item-link {
  padding: 0;
  text-align: left;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
.tooltip-mode .social-buttons_item-link {
  display: block;
}
.social-buttons_item-link img {
  margin-bottom: -1.5px;
  width: 14px;
  max-width: inherit;
}
.overlay-mode .social-buttons_item-title {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.tooltip-mode .social-buttons_item-title {
  vertical-align: middle;
}
.tooltip-mode .social-buttons_item-icon {
  display: inline-block;
  margin-right: 8px;
  font-size: 20px;
  max-height: 20px;
  vertical-align: middle;
}
.overlay-mode .social-buttons_item-icon {
  font-size: 50px;
  width: 44px;
  height: 45px;
}
.overlay-mode .social-buttons_item-instagram .social-buttons_item-icon {
  margin-top: 2px;
  margin-bottom: -5px;
}
.overlay-mode .social-buttons_item-twitter .social-buttons_item-icon {
  margin-top: 2px;
  margin-bottom: -1px;
}
.overlay-mode .social-buttons_item-sms .social-buttons_item-icon {
  font-size: 28px;
  background-color: #73d7c8;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  margin-top: 4px;
  margin-bottom: -1px;
}
.social-buttons_item-icon.fa-facebook-square {
  color: rgb(59, 89, 152);
}
.social-buttons_item-icon.fa-envelope-square {
  color: rgb(247, 116, 98);
}
.overlay-mode .social-buttons_social-icon, .icons-mode .social-buttons_social-icon, .card-mode .social-buttons_social-icon {
  border-radius: 50%;
  padding: 8px 8px 8px 10px;
  font-size: 35px;
  width: 40px;
  height: 40px;
}
.social-buttons_social-icon.facebook {
  background-color: #1877f2;
  color: #fff;
}
.social-buttons_cancel {
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
  left: -9999px;
}
.overlay-mode .social-buttons_cancel {
  color: rgb(87, 104, 125);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  display: block;
  margin-top: 10px;
  background: rgb(248, 248, 248);
  padding: 14px 18px;
  text-align: center;
  border-radius: 3px;
  position: static;
  height: auto;
  width: auto;
}
.social-buttons .qr-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.social-buttons .qr-content.slide-in {
  -webkit-transform: translateX(-4%);
  transform: translateX(-4%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  gap: 30px;
  overflow-y: auto;
}
.social-buttons .qr-content .back-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: none;
}
.social-buttons .qr-content .qr-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border: 1px solid #c8c8c8;
  border-radius: 12px;
  background-color: #efefef;
  padding: 2.5rem;
}
@media screen and (max-width: 568px) {
  .social-buttons .qr-content .qr-display {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
  }
}
.social-buttons .qr-content .qr-display .qr-details {
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.social-buttons .qr-content .qr-display .qr-header {
  width: 100%;
}
.social-buttons .qr-content .qr-display .qr-sub-header_mobile p, .social-buttons .qr-content .qr-display .qr-sub-header_desktop p {
  font-size: 14px;
  text-align: center;
}
.social-buttons .qr-content .qr-display .qr-sub-header_desktop {
  display: block;
}
.social-buttons .qr-content .qr-display .qr-sub-header_mobile {
  display: none;
}
@media screen and (max-width: 568px) {
  .social-buttons .qr-content .qr-display .qr-sub-header_desktop {
    display: none;
  }
  .social-buttons .qr-content .qr-display .qr-sub-header_mobile {
    display: block;
  }
}
.social-buttons .qr-content .qr-display .qr-code-section {
  max-width: 180px;
  height: 180px;
}
.social-buttons .qr-content .qr-display .qr-code-section img {
  border-radius: 20px;
}
.social-buttons .qr-content .action-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 568px) {
  .social-buttons .qr-content .action-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.social-buttons .qr-content .action-container .act-btn {
  font-size: 16px;
  font-weight: 700;
  max-width: 161px;
  height: 48px;
  width: 100%;
  color: #333333;
}
.social-buttons .qr-content .action-container .act-btn.save-btn {
  background-color: #333333;
  color: #ffffff;
}
.social-buttons .slide-out {
  -webkit-transform: translateX(-104%);
  transform: translateX(-104%);
}
.social-buttons .slide-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu {
  -webkit-transition: opacity 1ms ease 200ms, -webkit-transform 1ms ease 200ms;
  transition: opacity 1ms ease 200ms, -webkit-transform 1ms ease 200ms;
  transition: transform 1ms ease 200ms, opacity 1ms ease 200ms;
  transition: transform 1ms ease 200ms, opacity 1ms ease 200ms, -webkit-transform 1ms ease 200ms;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.mobile-menu.active {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-menu.inactive {
  display: none;
}
.mobile-menu_overlay {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
}
.active .mobile-menu_overlay {
  opacity: 1;
}
.mobile-menu_drawer {
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  position: absolute;
  top: 0;
  right: 0;
  width: 264px;
}
@media screen and (max-width: 568px) {
  .mobile-menu_drawer {
    width: 100%;
  }
}
.mobile-menu_drawer {
  height: 100%;
  -webkit-transform: translate3d(265px, 0, 0);
  transform: translate3d(265px, 0, 0);
  background: #fafafa;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.active .mobile-menu_drawer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-menu_content {
  padding-bottom: 20px;
}
.mobile-menu_close {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 36px;
  height: 36px;
  padding: 9px;
  background-color: transparent;
}
.mobile-menu_close-icon {
  font-size: 18px;
}
.mobile-menu_header::after {
  clear: both;
  content: "";
  display: table;
}
.mobile-menu_header {
  padding: 12px 18px;
}
.mobile-menu_user {
  float: left;
}
.mobile-menu_user-image {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 60px;
}
.mobile-menu_user-greeting {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  display: block;
}
.mobile-menu_section {
  margin-top: 18px;
}
.mobile-menu_section-title {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin: 20px 0 10px 18px;
}
.mobile-menu_nav {
  background-color: #ffffff;
}
.mobile-menu_nav-list {
  margin: 0;
  display: block;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  padding-left: 20px;
}
.mobile-menu_nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 54px;
  padding-right: 20px;
}
.mobile-menu_nav-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mobile-menu_nav-item-figure {
  display: block;
  width: 45px;
  height: 24px;
  line-height: 24px;
  text-align: left;
  vertical-align: middle;
}
.mobile-menu_nav-item-icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
}
.mobile-menu_nav-item-image {
  max-width: 24px;
  border-radius: 1px;
}
.mobile-menu_nav-item-label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.progress-circle {
  position: relative;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.progress-circle::after {
  clear: both;
  content: "";
  display: table;
}
.progress-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexboxlegacy .progress-circle {
  display: block;
}
.progress-circle svg {
  width: 100%;
}
.progress-circle__transcluded-content {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: absolute;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
}

.form_field-input.currency-picker,
.create-flow_input-wrap.currency-picker,
.donation-amount_details-total-input-wrap.currency-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form_field-input.currency-picker input,
.create-flow_input-wrap.currency-picker input,
.donation-amount_details-total-input-wrap.currency-picker input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
  max-width: calc(100% - 76px);
}

.currency-picker,
.form_field.currency-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.currency-picker.has-focus .currency-picker__wrapper,
.currency-picker.has-focus input,
.form_field.currency-picker.has-focus .currency-picker__wrapper,
.form_field.currency-picker.has-focus input {
  border-color: rgba(0, 0, 0, 0.38);
}
.currency-picker.sc-form-error .currency-picker__wrapper,
.currency-picker.sc-form-error input,
.form_field.currency-picker.sc-form-error .currency-picker__wrapper,
.form_field.currency-picker.sc-form-error input {
  border-color: rgb(247, 116, 98);
}
.currency-picker input,
.form_field.currency-picker input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0 !important;
  /*max-width: calc(100% - 70px);*/
}
.currency-picker__wrapper,
.form_field.currency-picker__wrapper {
  height: 42px;
  background: #ffffff;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.currency-picker__wrapper.disabled,
.form_field.currency-picker__wrapper.disabled {
  background-color: #f0f0f0;
}
.currency-picker__wrapper.no-pick .currency-picker__short,
.form_field.currency-picker__wrapper.no-pick .currency-picker__short {
  background-image: none;
  text-align: center;
}
.currency-picker__select-wrapper,
.form_field.currency-picker__select-wrapper {
  position: relative;
  width: 76px;
}
.currency-picker__select, .currency-picker__short,
.form_field.currency-picker__select,
.form_field.currency-picker__short {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.currency-picker__select, .currency-picker__short,
.form_field.currency-picker__select,
.form_field.currency-picker__short {
  background-color: #ffffff;
}
.currency-picker__select.sc-invalid, .currency-picker__short.sc-invalid,
.form_field.currency-picker__select.sc-invalid,
.form_field.currency-picker__short.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.currency-picker__select, .currency-picker__short,
.form_field.currency-picker__select,
.form_field.currency-picker__short {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.currency-picker__select:disabled, .currency-picker__short:disabled,
.form_field.currency-picker__select:disabled,
.form_field.currency-picker__short:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.currency-picker__select, .currency-picker__short,
.form_field.currency-picker__select,
.form_field.currency-picker__short {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.currency-picker__select:focus:focus, .currency-picker__short:focus:focus,
.form_field.currency-picker__select:focus:focus,
.form_field.currency-picker__short:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.currency-picker__select, .currency-picker__short,
.form_field.currency-picker__select,
.form_field.currency-picker__short {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  border-width: 0px 1px 0px 0px;
  border-radius: 3px 0px 0px 3px;
}
.currency-picker__select:focus, .currency-picker__short:focus,
.form_field.currency-picker__select:focus,
.form_field.currency-picker__short:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.currency-picker__short,
.form_field.currency-picker__short {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  line-height: normal;
  height: 40px;
}
.currency-picker__symbol,
.form_field.currency-picker__symbol {
  position: absolute;
  display: block;
  top: 0;
  right: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #a1a8ac;
  line-height: 42px;
}
.currency-picker__full-symbol,
.form_field.currency-picker__full-symbol {
  position: relative;
  margin-left: 85px;
  top: 8px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}

/*
  Objects
--------------------------------------*/
.sc-consent {
  padding: 10px 0;
}

.sc-checkbox_top .sc-checkbox_input::before {
  top: 20px;
}

/*
  Page
--------------------------------------*/
.sc-page_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}

/*
  Blocks
--------------------------------------*/
/** Shared */
.frs-button_primary {
  display: inline-block;
  text-align: center;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 5px 10px;
}
.frs-button_primary.small {
  width: 190px;
  height: 45px;
}
.frs-button_primary.large {
  width: 236px;
  height: 53px;
}
.frs-button_primary[disabled], .frs-button_primary:disabled {
  color: #adadad;
  background-color: #f1f2f2;
}
.frs-button_primary {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  text-transform: uppercase;
  padding: 25px 45px;
  width: 100%;
}
.frs-button_primary .fa {
  margin-left: 5px;
}
.frs-button_primary.blue {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.frs-button_primary.blue .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.frs-button_primary.blue .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.frs-button_primary.blue .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.frs-button_primary.blue,
.frs-button_primary.blue .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.frs-button_primary.blue:focus,
.frs-button_primary.blue .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.frs-button_primary.blue:hover, .frs-button_primary.blue:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.frs-button_icon.right {
  margin-left: 5px;
}
.frs-button_split {
  display: inline-block;
  text-align: center;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 5px 10px;
}
.frs-button_split.small {
  width: 190px;
  height: 45px;
}
.frs-button_split.large {
  width: 236px;
  height: 53px;
}
.frs-button_split[disabled], .frs-button_split:disabled {
  color: #adadad;
  background-color: #f1f2f2;
}
.frs-button_split {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.frs-button_split .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.frs-button_split .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.frs-button_split .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.frs-button_split,
.frs-button_split .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.frs-button_split:focus,
.frs-button_split .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.frs-button_split:hover, .frs-button_split:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.frs-button_split {
  padding: 0 0 0 25px;
  font-size: 18px;
  border-radius: 8px;
}
.frs-button_right-side {
  display: inline-block;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 12px 0;
  margin-left: 25px;
  width: 75px;
  background-color: rgba(0, 0, 0, 0.5);
}
.frs-button_to-top {
  text-decoration: none;
  font-size: 18px;
  display: block;
  color: rgb(161, 168, 172);
  font-weight: 400;
}
.frs-button_to-top-icon {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  padding: 6px 8px 10px 8px;
  margin-left: 5px;
}
.frs-button_thank-you.large {
  display: inline-block;
  text-align: center;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 5px 10px;
}
.frs-button_thank-you.large.small {
  width: 190px;
  height: 45px;
}
.frs-button_thank-you.large.large {
  width: 236px;
  height: 53px;
}
.frs-button_thank-you.large[disabled], .frs-button_thank-you.large:disabled {
  color: #adadad;
  background-color: #f1f2f2;
}
.frs-button_thank-you.large {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.frs-button_thank-you.large .frs-dropdown__options {
  border-color: #000000;
  border-width: 1px;
}
.frs-button_thank-you.large .frs-dropdown__option {
  color: rgb(127.5, 127.5, 127.5);
}
.frs-button_thank-you.large .frs-dropdown__option:hover {
  color: white;
  background-color: hsl(0, 0%, -5%);
}
.frs-button_thank-you.large,
.frs-button_thank-you.large .frs-dropdown__options {
  color: #000000;
}
.frs-button_thank-you.large:hover, .frs-button_thank-you.large:hover .frs-dropdown__options {
  color: rgb(238, 238, 238);
  background-color: #000000;
}
.frs-button_thank-you.large {
  background-color: #ffffff;
  color: #000000;
  border-color: #57687d;
  border-width: 1px;
  border-style: solid;
}
.frs-button_thank-you.large:hover {
  background-color: rgb(238, 238, 238);
  color: #000000;
}
.frs-button_thank-you.large:focus {
  outline: 3px solid Highlight;
}
.frs-button_thank-you.large {
  border-radius: 4px;
  padding: 8px 20px;
  margin-bottom: 15px;
  font-size: 14px;
}
.frs-button_thank-you.large img, .frs-button_thank-you.large i {
  margin-left: 5px;
  margin-right: 5px;
  width: 20px;
  font-size: 22px;
  vertical-align: middle;
}

.frs-content {
  text-align: center;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.4;
}
.frs-content img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - 10px);
}
.frs-content img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.frs-content img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.frs-content span {
  display: inline;
}
.frs-content img.fr-rounded {
  border-radius: 100%;
}
@media screen and (max-width: 1024px) {
  .frs-content {
    max-width: 90%;
    padding: 0;
    font-weight: 400;
  }
}
@media screen and (max-width: 568px) {
  .frs-content {
    max-width: 100%;
    padding: 0 0 5px 0;
  }
}
.frs-content span {
  text-decoration: inherit;
}

.frs-data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -moz-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .frs-data::after {
  clear: both;
  content: "";
  display: table;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .frs-data {
  padding: 25px 0;
}
.no-media .frs-data {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  box-flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .frs-data {
  padding: 0;
  width: 35%;
  float: left;
}
.frs-data_item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: center;
  border-right: 1px dotted #ccc;
}
.frs-data_item:last-child {
  border-right: 0px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .frs-data_item {
  float: left;
  width: 33%;
}
.no-media .frs-data_item {
  padding: 0 25px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .frs-data_item {
  width: 50%;
  font-size: 0;
  float: left;
}
.frs-data_stat {
  display: block;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 5px;
}
.no-media .frs-data_stat {
  font-size: 36px;
  font-weight: 700;
}
.frs-data_stat-label {
  font-size: 14px;
  font-size: 500;
  color: #999;
}

.frs-header {
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}
.frs-header_ {
  font-size: 42px;
  margin: 0 auto 30px auto;
  max-width: 800px;
  line-height: 55px;
}
@media screen and (max-width: 1024px) {
  .frs-header_ {
    font-size: 30px;
    padding-bottom: 0;
    max-width: 90%;
  }
}
@media screen and (max-width: 568px) {
  .frs-header_ {
    font-size: 25px;
    line-height: 30px;
    max-width: 100%;
  }
}
.frs-header_.white {
  color: #ffffff;
}
.frs-header_.white + .frs-content {
  color: #ffffff;
}

.frs-subheader {
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  text-align: center;
  max-width: 90%;
  margin: 5px auto 30px auto;
}
@media screen and (max-width: 568px) {
  .frs-subheader {
    font-size: 16px;
  }
}

.frs-subheader_label {
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  text-align: left;
  max-width: 90%;
  margin: 40px 0px 10px 0px;
}
@media screen and (max-width: 568px) {
  .frs-subheader_label {
    font-size: 16px;
  }
}

.frs-modal_close {
  position: absolute;
  right: -20px;
  top: -25px;
  z-index: 1;
  color: #ffffff;
}
.frs-modal_close .ci {
  font-size: 19px;
}
.frs-modal_canvas {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  overflow: visible;
}
.frs-modal_main {
  position: relative;
  background-color: #ffffff;
  text-align: center;
  padding: 40px 58px 20px 58px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 568px) {
  .frs-modal_main {
    padding: 40px 20px 20px 20px;
  }
}
.frs-modal_image {
  width: 100px;
  height: 99px;
  display: inline-block;
  margin: 0 auto 27px auto;
}
.frs-modal_title {
  font-size: 27px;
  font-weight: 700;
  color: #3a434a;
  margin-bottom: 25px;
}
.frs-modal-sup {
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  background-color: #f9735e;
  text-transform: uppercase;
  padding: 1px 4px;
}
.frs-modal_p {
  font-size: 14px;
  color: #57687d;
  margin-bottom: 33px;
}
.frs-modal_cancel {
  font-size: 12px;
  color: #000000;
  display: inline-block;
  margin: 25px 30px;
}

/** Feed */
.feed-item {
  margin: 0 0 25px 0;
}
.feed-item:nth-child(odd) .feed-item_comments-item:nth-child(odd) .is-blank .user-first-initial {
  z-index: 1;
}
.feed-item:nth-child(odd) .feed-item_comments-item:nth-child(odd) .is-blank:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.feed-item:nth-child(even) .is-blank .user-first-initial {
  z-index: 1;
}
.feed-item:nth-child(even) .is-blank:not(.comment_user-image-container):after {
  content: "";
  background-color: rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.feed-item:nth-child(even) .feed-item_comments-item:nth-child(even) .is-blank .user-first-initial {
  z-index: 1;
}
.feed-item:nth-child(even) .feed-item_comments-item:nth-child(even) .is-blank:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.feed-item .ci-close-x {
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 0px;
}
.feed-item.flexed .activity-post_comments-and-desc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.feed-item.flexed .activity-post_button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 25px;
}
.feed-item.flexed .activity-post_button .fa-check-circle {
  font-size: 22px;
  margin-right: 35px;
  color: rgb(210, 210, 210);
}
.feed-item.flexed .activity-post_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.feed-item_clarification {
  background-color: rgb(248, 248, 248);
  border-radius: 3px;
  margin-top: 15px;
  display: block;
  padding: 10px 15px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
}
.feed-item_clarification:after {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid rgb(248, 248, 248);
}
.feed-item_clarification .fa {
  font-size: 13px;
  margin-right: 4px;
}
.feed-item_clarification:after {
  right: 8px;
}
.feed-item_empty-state {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 20px;
}
.feed-item_button .admin-button__primary.purple {
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  transition: opacity 0s;
}
.feed-item_initials {
  color: #ffffff;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -12px;
  margin-left: -3px;
}
.feed-item_button-group {
  text-align: right;
  margin-top: 20px;
}
.feed-item_button-group .admin-button__primary:last-child {
  margin-left: 10px;
}
@media screen and (max-width: 320px) {
  .feed-item_button-group .admin-button__primary {
    font-size: 13px;
    width: 135px;
  }
}
.feed-item_confirmation {
  font-size: 13px;
}
.feed-item_confirmation .feed-item_link {
  float: none;
  margin-left: 8px;
}
.feed-item_link {
  margin-right: 30px;
  text-decoration: underline;
  float: left;
  font-size: 13px;
  margin-top: 12px;
  display: inline-block;
}
.feed-item {
  position: relative;
}
.feed-item_user-image-container {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 48px;
}
.feed-item_user-image-container.relative {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .feed-item_user-image-container {
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
}
.feed-item_user-image-container span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1024px) {
  .feed-item_user-image-container span {
    font-size: 17px;
  }
}
.feed-item_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
}
.feed-item_main {
  position: relative;
}
.feed-item_body {
  margin-left: 65px;
}
@media screen and (max-width: 1024px) {
  .feed-item_body {
    margin-left: 53px;
  }
}
.feed-item_description {
  color: #666;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.feed-item_author {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .feed-item_author {
    font-size: 14px;
  }
}
.feed-item_action {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-item_action {
    font-size: 13px;
  }
}
.feed-item_content::after {
  clear: both;
  content: "";
  display: table;
}
.feed-item_content {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-item_content {
    font-size: 12px;
  }
}
.feed-item_meta {
  margin-top: 3px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-item_meta {
    font-size: 11px;
  }
}
.feed-item_comments-total, .feed-item_comments-new, .feed-item_comment-new {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0 5px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.feed-item_comments-total i, .feed-item_comments-new i, .feed-item_comment-new i {
  color: #57687d;
  padding-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .feed-item_comments-total, .feed-item_comments-new, .feed-item_comment-new {
    font-size: 11px;
  }
}
.feed-item_comments-new {
  vertical-align: bottom;
}
.feed-item_comments-new:before {
  content: "•";
  margin-right: 5px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}
.feed-item_comments-new.gray {
  color: #57687d;
}
.feed-item_comments-container {
  margin-top: 15px;
  margin-left: 65px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 540px) {
  .feed-item_comments-container {
    margin-left: 0px;
  }
}
.feed-item_comments-all {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  padding: 15px 0 15px 64px;
  margin: 0;
  color: #57687d;
  font-weight: 600;
}
.feed-item_comments-item {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin: 0;
  padding: 15px;
}
.feed-item_comments-item:last-child {
  margin: 0;
}
.feed-item_comments-item.provisional {
  opacity: 0.1;
}
.feed-item_comment-form {
  padding: 15px;
  position: relative;
  background-color: rgb(248, 248, 248);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.feed-item_comment-form .ci {
  color: rgb(161, 168, 172);
  font-size: 40px;
}
.feed-item_comment-input-section {
  width: 100%;
  padding-left: 17px;
}
.feed-item_comment-input {
  width: 100%;
  border: 1px solid rgb(191, 193, 196);
  border-radius: 4px;
  height: 42px;
  font-size: 14px;
  padding: 10px;
  color: #57687d;
  background-color: #ffffff;
  outline: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.feed-item_form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.feed-item_comment-box {
  margin-left: 15px;
  width: 100%;
}
.feed-item_comment-box input {
  margin-left: 0px;
}

.delete-comment {
  padding: 24px;
  text-align: center;
  font-size: 13px;
}
.delete-comment_title {
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.delete-comment_subtitle {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 18px;
}
.delete-comment_button {
  border-radius: 3px;
  text-align: center;
  border: none;
  height: 42px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 15px;
  display: block;
  width: calc(50% - 12px);
}
.delete-comment_button.cancel {
  color: rgba(0, 0, 0, 0.54);
  background-color: rgba(0, 0, 0, 0.12);
}
.delete-comment_button.delete {
  background-color: rgb(247, 116, 98);
  color: #ffffff;
}
.delete-comment_button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comment {
  position: relative;
}
.comment_user-image-container {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 48px;
}
.comment_user-image-container.relative {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .comment_user-image-container {
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
}
.comment_user-image-container span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1024px) {
  .comment_user-image-container span {
    font-size: 17px;
  }
}
.comment_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
}
.comment_main {
  position: relative;
}
.comment_body {
  margin-left: 65px;
}
@media screen and (max-width: 1024px) {
  .comment_body {
    margin-left: 53px;
  }
}
.comment_description {
  color: #666;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.comment_author {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .comment_author {
    font-size: 14px;
  }
}
.comment_action {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .comment_action {
    font-size: 13px;
  }
}
.comment_content::after {
  clear: both;
  content: "";
  display: table;
}
.comment_content {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .comment_content {
    font-size: 12px;
  }
}
.comment_meta {
  margin-top: 3px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .comment_meta {
    font-size: 11px;
  }
}
.comment_comments-total, .comment_comments-new, .comment_comment-new {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0 5px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.comment_comments-total i, .comment_comments-new i, .comment_comment-new i {
  color: #57687d;
  padding-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .comment_comments-total, .comment_comments-new, .comment_comment-new {
    font-size: 11px;
  }
}
.comment_comments-new {
  vertical-align: bottom;
}
.comment_comments-new:before {
  content: "•";
  margin-right: 5px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}
.comment_comments-new.gray {
  color: #57687d;
}
.comment_comments-container {
  margin-top: 15px;
  margin-left: 65px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 540px) {
  .comment_comments-container {
    margin-left: 0px;
  }
}
.comment_comments-all {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  padding: 15px 0 15px 64px;
  margin: 0;
  color: #57687d;
  font-weight: 600;
}
.comment_comments-item {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin: 0;
  padding: 15px;
}
.comment_comments-item:last-child {
  margin: 0;
}
.comment_comments-item.provisional {
  opacity: 0.1;
}
.comment_comment-form {
  padding: 15px;
  position: relative;
  background-color: rgb(248, 248, 248);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.comment_comment-form .ci {
  color: rgb(161, 168, 172);
  font-size: 40px;
}
.comment_comment-input-section {
  width: 100%;
  padding-left: 17px;
}
.comment_comment-input {
  width: 100%;
  border: 1px solid rgb(191, 193, 196);
  border-radius: 4px;
  height: 42px;
  font-size: 14px;
  padding: 10px;
  color: #57687d;
  background-color: #ffffff;
  outline: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}

.activity-post {
  margin: 0 0 50px 0;
}
.activity-post {
  position: relative;
}
.activity-post_user-image-container {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 48px;
}
.activity-post_user-image-container.relative {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .activity-post_user-image-container {
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
}
.activity-post_user-image-container span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1024px) {
  .activity-post_user-image-container span {
    font-size: 17px;
  }
}
.activity-post_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
}
.activity-post_main {
  position: relative;
}
.activity-post_body {
  margin-left: 65px;
}
@media screen and (max-width: 1024px) {
  .activity-post_body {
    margin-left: 53px;
  }
}
.activity-post_description {
  color: #666;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.activity-post_author {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .activity-post_author {
    font-size: 14px;
  }
}
.activity-post_action {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .activity-post_action {
    font-size: 13px;
  }
}
.activity-post_content::after {
  clear: both;
  content: "";
  display: table;
}
.activity-post_content {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .activity-post_content {
    font-size: 12px;
  }
}
.activity-post_meta {
  margin-top: 3px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .activity-post_meta {
    font-size: 11px;
  }
}
.activity-post_comments-total, .activity-post_comments-new, .activity-post_comment-new {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0 5px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.activity-post_comments-total i, .activity-post_comments-new i, .activity-post_comment-new i {
  color: #57687d;
  padding-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .activity-post_comments-total, .activity-post_comments-new, .activity-post_comment-new {
    font-size: 11px;
  }
}
.activity-post_comments-new {
  vertical-align: bottom;
}
.activity-post_comments-new:before {
  content: "•";
  margin-right: 5px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}
.activity-post_comments-new.gray {
  color: #57687d;
}
.activity-post_comments-container {
  margin-top: 15px;
  margin-left: 65px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 540px) {
  .activity-post_comments-container {
    margin-left: 0px;
  }
}
.activity-post_comments-all {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  padding: 15px 0 15px 64px;
  margin: 0;
  color: #57687d;
  font-weight: 600;
}
.activity-post_comments-item {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin: 0;
  padding: 15px;
}
.activity-post_comments-item:last-child {
  margin: 0;
}
.activity-post_comments-item.provisional {
  opacity: 0.1;
}
.activity-post_comment-form {
  padding: 15px;
  position: relative;
  background-color: rgb(248, 248, 248);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.activity-post_comment-form .ci {
  color: rgb(161, 168, 172);
  font-size: 40px;
}
.activity-post_comment-input-section {
  width: 100%;
  padding-left: 17px;
}
.activity-post_comment-input {
  width: 100%;
  border: 1px solid rgb(191, 193, 196);
  border-radius: 4px;
  height: 42px;
  font-size: 14px;
  padding: 10px;
  color: #57687d;
  background-color: #ffffff;
  outline: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}

/** Supporter */
.supporter_leader {
  margin-bottom: 35px;
  padding: 0 10px;
  margin-top: 20px;
}
.supporter_leader-link:not([href^="/"]):hover {
  cursor: default;
}
.supporter_leader-title {
  color: rgb(87, 104, 125);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 9px;
  line-height: 18px;
  font-weight: 600;
}
.supporter_leader-image {
  margin: 0 auto;
  width: 115px;
  height: 115px;
  overflow: hidden;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 115px;
  background-color: rgb(248, 248, 248);
}
.supporter_leader-image::after {
  clear: both;
  content: "";
  display: table;
}
.supporter_leader-image:before {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.38);
}
@media screen and (max-width: 568px) {
  .supporter_leader-image:before {
    font-size: 35px;
  }
}
@media screen and (max-width: 568px) {
  .supporter_leader-details {
    display: inline-block;
    float: left;
    padding-top: 11px;
  }
}
.supporter_leader-image-src {
  display: block;
  width: 100%;
  height: 100%;
}
.supporter_leader-name {
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter_leader-metric {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.supporter_leader-description {
  max-width: 145px;
  margin: 0 auto;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.supporter_leader-icon {
  border-radius: 100px;
  padding: 6px;
  background: rgb(238, 238, 238);
  color: rgba(0, 0, 0, 0.38);
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  width: 32px;
  font-size: 15px;
  height: 32px;
}
.supporter_leader-icon:before {
  content: "\f105";
  font-family: "FontAwesome";
}
@media screen and (max-width: 568px) {
  .supporter_leader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(238, 238, 238);
    margin-bottom: 0px;
  }
  .supporter_leader-image {
    margin: 0;
  }
  .supporter_leader-text {
    margin-left: 15px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .supporter_leader-title {
    margin-bottom: 0;
  }
  .supporter_leader-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.sc-supporter {
  position: relative;
}
.sc-supporter_type {
  display: block;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.sc-supporter .post_content a {
  color: inherit;
  text-decoration: inherit;
}
.sc-supporter .post_content ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 0 auto;
  padding: 0 25px 25px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 568px) {
  .sc-supporter .post_content ul {
    padding: 15px;
  }
}
.sc-supporter .post_content ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.sc-supporter .post_content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .sc-supporter .post_content ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.sc-supporter .post_content ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .sc-supporter .post_content ol {
    padding: 15px;
  }
}
.sc-supporter .post_content ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.sc-supporter .post_content ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .sc-supporter .post_content ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.sc-supporter .post_content p {
  margin-bottom: 10px;
}
.sc-supporter .post_content a {
  text-decoration: underline;
}
.sc-supporter-wysiwyg {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
}
@media screen and (min-width: 568px) {
  .sc-supporter-wysiwyg {
    margin: 15px 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 0;
  }
}
.sc-supporter-wysiwyg {
  overflow: hidden;
}
.sc-supporter-wysiwyg::after {
  clear: both;
  content: "";
  display: table;
}
.sc-supporter-wysiwyg {
  padding: 0;
}
@media screen and (min-width: 568px) {
  .sc-supporter-wysiwyg {
    height: auto;
  }
}
.sc-supporter_main-text {
  padding-top: 20px;
}
.sc-supporter_activity {
  margin-top: 35px;
}
.sc-supporter_activity::after {
  clear: both;
  content: "";
  display: table;
}
.sc-supporter_activity-tab {
  width: 50%;
  text-align: center;
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.sc-supporter .activity_comment-section::after {
  clear: both;
  content: "";
  display: table;
}
.sc-supporter .activity_comment-section {
  background: rgb(248, 248, 248);
  clear: both;
}
.sc-supporter_empty-updates {
  text-align: center;
}
@media screen and (max-width: 568px) {
  .sc-supporter_empty-updates {
    font-size: 15px;
  }
}
.sc-supporter_header {
  position: relative;
  height: 475px;
}
.sc-supporter_header-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .sc-supporter_header {
    height: 210px;
    margin-top: -57px;
    padding-top: 57px;
  }
}
.sc-supporter_main::after {
  clear: both;
  content: "";
  display: table;
}
.sc-supporter_main {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .sc-supporter_main {
    margin-top: 0;
    padding: 0 5%;
  }
  .sc-supporter_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5%;
  }
}
@media screen and (max-width: 480px) {
  .sc-supporter_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5%;
  }
}
.sc-supporter {
  /** Main Content */
}
@media screen and (max-width: 768px) {
  .sc-supporter_content {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .sc-supporter_content:last-child {
    margin-right: 0;
  }
  .sc-supporter_content {
    margin-left: 0%;
  }
}
.sc-supporter_content {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.sc-supporter_content:last-child {
  margin-right: 0;
}
.sc-supporter_content {
  margin-left: 4.2500291326%;
}
.sc-supporter_headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .sc-supporter_headline {
    margin-bottom: 15px;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}
.sc-supporter_manage-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  top: -50px;
  right: 5%;
  padding: 0 25px;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  display: block;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ccc;
}
.sc-supporter_share {
  float: right;
  padding-bottom: 25px;
  padding-left: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sc-supporter_share::after {
    clear: both;
    content: "";
    display: table;
  }
  .sc-supporter_share {
    float: none;
    text-align: left;
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    top: 20px;
    right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 568px) {
  .sc-supporter_share {
    top: 2px;
    right: 7px;
  }
}
@media screen and (max-width: 768px) {
  .sc-supporter_share .ci-share-o {
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding-right: 5px;
  }
}
.sc-supporter_share-label {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .sc-supporter_share-label {
    display: none;
  }
}
.sc-supporter_share-button {
  color: rgba(0, 0, 0, 0.54);
  height: 25px;
  font-size: 25px;
  vertical-align: middle;
  margin-left: 15px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .sc-supporter_share-button {
    margin-left: 5px;
    margin-right: 15px;
  }
}
.sc-supporter_share .share-button {
  color: #585858;
  max-width: 121px;
  height: 48px;
  background-color: unset;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
}
.sc-supporter_share .share-button img {
  vertical-align: top;
}
.sc-supporter_description {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 48px;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .sc-supporter_description {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
.sc-supporter_progress {
  display: inline-block;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .sc-supporter_progress {
    margin: 20px 0 10px 0;
    width: 100%;
  }
}
.sc-supporter_progress-stats {
  position: relative;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.sc-supporter_progress-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.sc-supporter_progress-goal {
  float: right;
  position: absolute;
  bottom: 0;
  right: 5px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.sc-supporter_donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 180px;
  padding: 12px 38px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.sc-supporter_post-list-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: rgb(161, 168, 172);
  border-color: rgb(161, 168, 172);
}
.sc-supporter_post-list-more:hover, .sc-supporter_post-list-more[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: rgb(161, 168, 172);
  color: #ffffff;
}
.sc-supporter_post-list-more:active:enabled, .sc-supporter_post-list-more[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), rgb(161, 168, 172);
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), rgb(161, 168, 172);
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.sc-supporter_post-list-more[disabled], .sc-supporter_post-list-more:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.sc-supporter_post-list-more {
  margin: 0px auto 35px auto;
  display: block;
  clear: both;
  outline: 0;
}
.sc-supporter_post-list-loading {
  display: block;
  margin: 30px auto;
}
.sc-supporter_post-list-item {
  margin-bottom: 15px;
  background: #ffffff;
}
.sc-supporter_post-list-item-latest {
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 15px 10px 15px;
  background: #ffffff;
}
.sc-supporter_post-list-item-latest .post_actions {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .sc-supporter_post-list-item {
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
  }
}
.sc-supporter_activity-subtitle {
  font-size: 18px;
  font-weight: 500;
}
.sc-supporter_activity-loading {
  display: block;
  margin: 30px auto;
}
.sc-supporter_update-container {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .sc-supporter_update-container {
    padding: 15px 15px 20px 15px;
    background-color: rgb(248, 248, 248);
  }
}
.sc-supporter_button {
  padding: 12px 35px;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .sc-supporter_button {
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin: 15px 0;
  }
}
.sc-supporter_button.share {
  font-size: 18px;
  background-color: rgb(240, 240, 240);
  color: rgb(54, 62, 69);
  font-weight: 600;
  font-weight: 700;
  padding: 9px;
}
.sc-supporter_button.donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 35px;
}
.sc-supporter_title {
  text-transform: uppercase;
  color: rgb(114, 126, 131);
  font-size: 15px;
  padding-top: 13px;
  display: block;
}
.sc-supporter_photo {
  width: 40%;
  min-width: 130px;
  max-width: 200px;
  display: inline-block;
  float: left;
  margin: -20px 10px 0 0;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  padding: 3px;
  background: white;
}
.sc-supporter_parent {
  display: table;
  border-bottom: 1px solid rgb(240, 240, 240);
  padding: 15px;
  width: 100%;
}
.sc-supporter_parent-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sc-supporter_parent-img {
  display: table-cell;
  width: 65px;
  border-radius: 7px;
}
.sc-supporter_parent-info {
  display: table-cell;
  vertical-align: top;
  width: 75%;
}
.sc-supporter_parent-header {
  display: block;
  color: rgb(161, 168, 172);
  font-weight: 200;
}
.sc-supporter_parent-name {
  display: block;
  font-weight: 700;
}

.fr-popup .fr-color-set.fr-selected-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 320px;
}

img.fr-dib {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fr-box {
  white-space: wrap;
  clear: both;
  border-radius: 3px;
}

.fr-inline .fr-wrapper {
  overflow: hidden;
  border-radius: 3px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid transparent;
  -webkit-transition: border-color background-color 0.2s ease;
  -moz-transition: border-color background-color 0.2s ease;
  transition: border-color background-color 0.2s ease;
}
.fr-inline .fr-wrapper:hover {
  border-color: #425ccd;
}

iframe {
  border: none;
}

.fr-video {
  display: block !important;
  text-align: center;
}
.fr-video.fr-fvl {
  text-align: left;
}
.fr-video.fr-fvr {
  text-align: right;
}
.fr-video > iframe {
  width: 100%;
}

.fr-counter {
  font-size: 12px;
  color: #57687d;
  z-index: 1;
  position: absolute;
  right: 6px;
  bottom: 0;
}

.fr-box.update-title {
  background-color: #ffffff;
  font-weight: 400;
  /*padding: 10px 30px;*/
  color: rgb(44, 52, 59);
}
.fr-box.update-title .fr-counter {
  display: none;
}
.fr-box.update-title .fr-placeholder {
  padding: 0 20px;
}
.fr-box.update-title .fr-element {
  font-size: 20px;
  padding: 10px 30px;
}
@media screen and (max-width: 540px) {
  .fr-box.update-title .fr-element {
    font-size: 15px;
  }
}
.fr-box.update-title .fr-toolbar {
  border: none;
}
.fr-box.update-title.fr-top .fr-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 540px) {
  .fr-box.update-title.fr-top .fr-wrapper {
    height: 80px;
  }
}

.fr-box.gray-bare-theme .fr-wrapper {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.merge-tag-theme.fr-box.fr-basic .fr-element {
  line-height: inherit;
}

.merge-tag-theme.fr-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0px 12px;
}

.merge-tag-theme .fr-separator.fr-vs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background: transparent;
}

.merge-tag-theme.fr-popup {
  background-color: #ffffff;
  border-radius: 4px;
  border-top: none;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.12);
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}

.merge-tag-theme.fr-popup.fr-above {
  border-bottom: none;
}

.merge-tag-theme.fr-popup .fr-arrow {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.fr-box.update-paragraph {
  color: rgb(44, 52, 59);
}
.fr-box.update-paragraph .fr-toolbar {
  border-top: 1px solid #e3e3e3;
  background-color: rgb(240, 240, 240);
  padding: 10px 5px;
}
.fr-box.update-paragraph .fr-btn {
  color: rgb(161, 168, 172);
}
.fr-box.update-paragraph .fr-element {
  padding: 10px 30px 30px 30px;
  height: 400px;
}
@media screen and (max-width: 568px) {
  .fr-box.update-paragraph .fr-element {
    height: calc(100vh - 230px);
  }
}
.fr-box.update-paragraph .fr-wrapper {
  padding-top: 10px;
  top: 0px;
}
.fr-box.update-paragraph .fr-placeholder {
  padding: 10px 20px 0 20px;
  top: 0px;
}
@media screen and (max-width: 540px) {
  .fr-box.update-paragraph .fr-placeholder {
    top: 20px;
  }
}
.fr-box.update-paragraph.fr-classy-mobile .fr-toolbar {
  border-radius: 0;
  border-top: 1px solid rgb(210, 210, 210);
}

.fr-classy-mobile .fr-wrapper {
  padding: 0;
}
.fr-classy-mobile .fr-view {
  border: none;
}

.fr-box.textarea-theme .fr-element {
  padding: 10px 10px 40px !important;
  min-height: 100px !important;
  line-height: 1.4 !important;
}
.fr-box.textarea-theme .fr-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background-color: transparent !important;
}
.fr-box.textarea-theme .fr-toolbar {
  display: none !important;
}
.fr-box.textarea-theme .fr-placeholder {
  display: none !important;
}

.fr-box.singleline-theme .fr-wrapper {
  height: 42px !important;
  border: rgba(0, 0, 0, 0.8);
  border-style: solid;
  border-width: 1px;
  padding: 0px 0px 0px !important;
  border-color: transparent !important;
  white-space: nowrap !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.fr-box.singleline-theme .fr-wrapper .fr-element {
  min-height: 42px !important;
  border: none !important;
  overflow-x: hidden !important;
  margin-right: 60px !important;
  padding: 10px 10px 10px 10px !important;
}
.fr-box.singleline-theme .fr-toolbar {
  display: none !important;
}
.fr-box.singleline-theme .fr-placeholder {
  display: none !important;
}
.fr-box.singleline-theme .fr-counter {
  margin-bottom: 0px !important;
}
.fr-box.singleline-theme .fr-view {
  outline: none !important;
}

.fr-element {
  line-height: 1.2;
}

.about .fr-element {
  line-height: 1.4;
  color: inherit;
  text-align: inherit;
}

.admin-body__form .fr-toolbar.fr-bottom,
.admin-body_form .fr-toolbar.fr-bottom,
.form_field .fr-toolbar.fr-bottom {
  background-color: rgb(240, 240, 240);
  border: 0;
  z-index: 1;
}
.admin-body__form .fr-toolbar.fr-bottom .fr-command.fr-btn,
.admin-body_form .fr-toolbar.fr-bottom .fr-command.fr-btn,
.form_field .fr-toolbar.fr-bottom .fr-command.fr-btn {
  color: rgb(161, 168, 172);
}
.admin-body__form .fr-toolbar + .fr-counter,
.admin-body_form .fr-toolbar + .fr-counter,
.form_field .fr-toolbar + .fr-counter {
  bottom: 42px;
  margin-bottom: 0 !important;
}
.admin-body__form .fr-basic .fr-toolbar + .fr-counter,
.admin-body_form .fr-basic .fr-toolbar + .fr-counter,
.form_field .fr-basic .fr-toolbar + .fr-counter {
  bottom: 5px;
}
.admin-body__form .fr-placeholder,
.admin-body_form .fr-placeholder,
.form_field .fr-placeholder {
  font-style: italic;
  color: #57687d !important;
  font-size: 14px;
  white-space: pre-wrap;
}
.admin-body__form .fr-view,
.admin-body_form .fr-view,
.form_field .fr-view {
  font-size: 14px;
  /*min-height: 200px;*/
}
.admin-body__form .fr-view .heading,
.admin-body_form .fr-view .heading,
.form_field .fr-view .heading {
  font-size: 23px;
}
.admin-body__form .fr-view .subheading,
.admin-body_form .fr-view .subheading,
.form_field .fr-view .subheading {
  font-size: 12px;
}
.admin-body__form .fr-view p,
.admin-body_form .fr-view p,
.form_field .fr-view p {
  margin: 0 0 10px 0;
}
.admin-body__form .fr-view ul,
.admin-body_form .fr-view ul,
.form_field .fr-view ul {
  list-style-type: disc;
  margin-left: 1.4em;
}
.admin-body__form .fr-view ol,
.admin-body_form .fr-view ol,
.form_field .fr-view ol {
  list-style-type: decimal;
  margin-left: 1.4em;
}
.admin-body__form .fr-view a,
.admin-body_form .fr-view a,
.form_field .fr-view a {
  text-decoration: inherit;
}

.fr-toolbar.fr-inline .fr-command.fr-btn {
  float: left;
}

.fr-box.fundraiser-headline .fr-counter {
  bottom: 5px;
}

.fr-box.dashboard-details .fr-counter {
  bottom: 6px;
}

.fr-box.bordered .fr-wrapper {
  border: 1px solid rgb(210, 210, 210) !important;
}

.fr-box.no-counter .fr-counter {
  display: none;
}

.fr-box.advanced-designer .fr-counter {
  bottom: 3;
}

.fr-box .fr-video-resizer .fr-handler {
  cursor: pointer !important;
}

.fr-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fr-toolbar {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fr-tooltip,
.fr-toolbar,
.fr-popup {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.fr-tooltip .fr-btn-caption,
.fr-toolbar .fr-btn-caption,
.fr-popup .fr-btn-caption {
  width: auto !important;
}

.fr-image-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-image-resizer.fr-active {
  display: block;
}

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

/* -------------------------------------------------------------------------- *
 * Designer stuff
 * -------------------------------------------------------------------------- */
.crowdfunding,
.p2p-crowdfunding,
.about,
.header-block,
.footer,
.activity,
.impact,
.rwf-hero,
.rwf-hero__grid,
.progress-circle-block,
.progress-circle-block__grid,
.location-block,
.location-block__grid,
.registration-block,
.registration-block__grid,
.clickable-element:not(a):not(li) {
  cursor: default;
}

.edit-design_preview .p2p-crowdfunding,
.edit-design_preview .p2p,
.edit-design_preview .about,
.edit-design_preview .header-block,
.edit-design_preview .footer,
.edit-design_preview .activity,
.edit-design_preview .impact,
.edit-design_preview .rwf-hero,
.edit-design_preview .rwf-hero__grid,
.edit-design_preview .progress-circle-block,
.edit-design_preview .progress-circle-block__grid,
.edit-design_preview .location-block,
.edit-design_preview .location-block__grid,
.edit-design_preview .registration-block,
.edit-design_preview .registration-block__grid {
  cursor: pointer;
}

.edit-design_preview .clickable-element {
  position: relative;
  cursor: pointer;
}
.edit-design_preview .clickable-element:hover:after {
  content: "";
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  position: absolute;
  border: 2px solid #425ccd;
}

/*
  Public Rendering of Block
--------------------------------*/
.sc-block {
  margin: 0;
  position: relative;
}
.sc-block::after {
  clear: both;
  content: "";
  display: table;
}
.flexbox.flexboxlegacy .sc-block-section-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.flexbox .sc-block-section.body {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .sc-block-section.body, .flexbox.no-flexboxlegacy .sc-block-section.body {
  min-height: calc(100vh - 226px);
}
.sc-block_design-menu {
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  background-color: transparent;
  z-index: -1;
}
.sc-block:hover .sc-block_design-menu {
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  opacity: 1;
}
.sc-block_design-menu-button {
  background-color: #a1a8ac;
  padding: 15px;
  display: block;
  font-size: 20px;
  cursor: move;
}
.sc-block_design-menu-button:first-child {
  border-top-right-radius: 3px;
}
.sc-block_design-menu-button:last-child {
  border-bottom-right-radius: 3px;
}
.sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block_content {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.sc-block_para {
  font-size: 16px;
}
.sc-block[data-type=static] {
  border: 1px solid #000;
}
.sc-block_bg, .sc-block_bg-color, .sc-block_bg-image, .sc-block_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 568px) {
  .sc-block_bg-image {
    background-attachment: local !important;
  }
}
.sc-block_overlay {
  z-index: 2;
}

/** Shared styles */
.checkout-flow::after {
  clear: both;
  content: "";
  display: table;
}
.checkout-flow {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}
.checkout-flow_left {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.checkout-flow_left:last-child {
  margin-right: 0;
}
.checkout-flow_left {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  margin-top: 20px;
  margin-bottom: 100px;
  position: relative;
  border-top-style: solid;
  border-top-width: thin;
  border-top-color: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
  .checkout-flow_left {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .checkout-flow_left:last-child {
    margin-right: 0;
  }
  .checkout-flow_left {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
  }
}
.checkout-flow_right {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.checkout-flow_right:last-child {
  margin-right: 0;
}
.checkout-flow_right {
  margin-right: 0;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1024px) {
  .checkout-flow_right {
    width: 100%;
  }
}
.checkout-flow_right_headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 15px;
}
.checkout-flow_right_headline .fa {
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
  line-height: 0.8;
}
.checkout-flow_right_list {
  margin-bottom: 40px;
}
.checkout-flow_right_list-fa {
  color: rgba(0, 0, 0, 0.54);
}
.checkout-flow_right_list-fa:before {
  content: "\f0da";
}
.checkout-flow_right_list-term {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: block;
  text-decoration: none;
  padding-bottom: 0;
  cursor: pointer;
  margin: 20px 0;
}
.checkout-flow_right_list-term.on .checkout-flow_right_list-fa:before {
  content: "\f0d7";
}
.checkout-flow_right_list-question {
  color: #102033;
}
.checkout-flow_right_list-definition {
  padding: 10px 15px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  background: #f4f4f4;
  margin: -10px 0 15px 0;
  border-radius: 8px;
  display: none;
}
.checkout-flow_right_list-definition.on {
  display: block;
}
.checkout-flow_right_list-para {
  margin: 10px 15px;
}
.checkout-flow_headline {
  padding: 0 0 30px 0px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 45px;
  line-height: 60px;
  font-weight: 400;
}
.checkout-flow_description {
  padding: 0 0px 10px 0px;
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.checkout-flow_description p {
  padding: 0 0 20px 0;
}
.checkout-flow_description ul > li {
  list-style: disc;
  margin-left: 1.4em;
}
.checkout-flow_description ol > li {
  margin-left: 1.4em;
}
.checkout-flow_description a {
  text-decoration: underline;
}
.checkout-flow_description img {
  max-width: 100%;
}
.checkout-flow_legend {
  padding: 48px 10px 0 0;
  margin: 0 0 25px;
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.checkout-flow_legend.dotted {
  border-top: 1px dotted rgb(210, 210, 210);
}

@media screen and (max-width: 1024px) {
  .checkout-flow {
    padding: 0;
  }
  .checkout-flow_left, .checkout-flow_right {
    border-radius: 0px;
  }
}
@media screen and (max-width: 568px) {
  .checkout-flow_headline {
    font-size: 23px;
    padding: 10px 0;
  }
}
/** Block-specific styles */
[sc-crowdfunding-block]::after {
  clear: both;
  content: "";
  display: table;
}
[sc-crowdfunding-block] {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}

.sc-block[data-type=crowdfunding] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=crowdfunding] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sc-block-section[data-section=header] {
  position: relative;
  z-index: 2;
}
.sc-block-section[data-section=body] {
  position: relative;
  z-index: 1;
}
.sc-block-section .about_content p[style*="font-size: 0px"] {
  font-size: 22px !important;
}
.sc-block-section.body .sc-block.first-visible-block {
  margin-top: -115px;
  padding-top: 115px;
}
@media screen and (max-width: 768px) {
  .sc-block-section.body .sc-block.first-visible-block {
    margin-top: -57px;
    padding-top: 57px;
  }
}
.sc-block-section.body .sc-block.first-visible-block .team-block_header,
.sc-block-section.body .sc-block.first-visible-block .fundraiser-block_header,
.sc-block-section.body .sc-block.first-visible-block .progress-circle-block,
.sc-block-section.body .sc-block.first-visible-block .location-block {
  margin-top: -115px;
  padding-top: 115px;
}
@media screen and (max-width: 768px) {
  .sc-block-section.body .sc-block.first-visible-block .team-block_header,
  .sc-block-section.body .sc-block.first-visible-block .fundraiser-block_header,
  .sc-block-section.body .sc-block.first-visible-block .progress-circle-block,
  .sc-block-section.body .sc-block.first-visible-block .location-block {
    margin-top: -57px;
    padding-top: 57px;
  }
}
.sc-block-section.body .sc-block.first-visible-block section.text,
.sc-block-section.body .sc-block.first-visible-block section.impact,
.sc-block-section.body .sc-block.first-visible-block section.about,
.sc-block-section.body .sc-block.first-visible-block section.activity {
  margin-top: -115px;
  padding-top: 175px;
}
@media screen and (max-width: 768px) {
  .sc-block-section.body .sc-block.first-visible-block section.text,
  .sc-block-section.body .sc-block.first-visible-block section.impact,
  .sc-block-section.body .sc-block.first-visible-block section.about,
  .sc-block-section.body .sc-block.first-visible-block section.activity {
    margin-top: -57px;
    padding-top: 117px;
  }
}

.crowdfunding_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.npo-admin .crowdfunding_header .crowdfunding_header-title {
  vertical-align: middle;
  min-height: 0 !important;
  width: 100%;
  display: table-cell;
}
@media screen and (max-width: 1024px) {
  .crowdfunding_header {
    margin: 0 15px;
  }
}
.crowdfunding_featured.with-progress-stats {
  background-color: white;
}
.crowdfunding .embed-responsive-item {
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.crowdfunding .embed-responsive-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.crowdfunding .embed-responsive-img:before {
  content: "\f04b";
  font-family: "FontAwesome";
  color: #ffffff;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  margin-left: -24px;
  left: 50%;
  font-size: 60px;
}
.crowdfunding_wrapper {
  display: table;
  width: 100%;
}
.ie .crowdfunding_wrapper {
  table-layout: fixed;
}
.crowdfunding_wrapper {
  height: -webkit-calc(100vw * (9/16) - (100vw * .25) - 145px);
  height: calc(100vw * (9/16) - (100vw * .25) - 145px);
  min-height: -webkit-calc(100vw * (9/16) - (100vw * .25) - 145px);
  min-height: calc(100vw * (9/16) - (100vw * .25) - 145px);
}
@media screen and (max-width: 768px) {
  .crowdfunding_wrapper {
    min-height: 0;
  }
}
.crowdfunding_wrapper.no-media {
  height: -webkit-calc(100vw * (9/16) - (100vw * .1) - 115px);
  height: calc(100vw * (9/16) - (100vw * .1) - 115px);
  min-height: -webkit-calc(100vw * (9/16) - (100vw * .1) - 115px);
  min-height: calc(100vw * (9/16) - (100vw * .1) - 115px);
}
@media screen and (max-width: 1024px) {
  .crowdfunding_wrapper.no-media {
    height: -webkit-calc(100vw * (9/16) - 100px);
    height: calc(100vw * (9/16) - 100px);
    min-height: -webkit-calc(100vw * (9/16) - 100px);
    min-height: calc(100vw * (9/16) - 100px);
  }
}
@media screen and (max-width: 768px) {
  .crowdfunding_wrapper.no-media {
    position: relative;
    height: -webkit-calc(100vw * (9/16));
    height: calc(100vw * (9/16));
    min-height: 0;
  }
}
.crowdfunding_wrapper.dynamic {
  min-height: -webkit-calc(100vh - 554px);
  min-height: calc(100vh - 554px);
  height: -webkit-calc(100vh - 554px);
  height: calc(100vh - 554px);
}
@media screen and (max-width: 1600px) {
  .crowdfunding_wrapper.dynamic {
    min-height: -webkit-calc(100vh - 485px);
    min-height: calc(100vh - 485px);
    height: -webkit-calc(100vh - 485px);
    height: calc(100vh - 485px);
  }
}
@media screen and (max-width: 1024px) {
  .crowdfunding_wrapper.dynamic {
    min-height: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 960px) {
  .crowdfunding_wrapper.dynamic {
    min-height: 0px;
  }
}
.crowdfunding_wrapper.dynamic.no-media {
  min-height: -webkit-calc(100vh - 308px);
  min-height: calc(100vh - 308px);
  height: -webkit-calc(100vh - 308px);
  height: calc(100vh - 308px);
}
@media screen and (max-width: 1600px) {
  .crowdfunding_wrapper.dynamic.no-media {
    min-height: -webkit-calc(100vh - 264px);
    min-height: calc(100vh - 264px);
    height: -webkit-calc(100vh - 264px);
    height: calc(100vh - 264px);
  }
}
@media screen and (max-width: 1024px) {
  .crowdfunding_wrapper.dynamic.no-media {
    min-height: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 960px) {
  .crowdfunding_wrapper.dynamic.no-media {
    min-height: 0px;
  }
}
.npo-admin .crowdfunding_wrapper {
  height: 370px;
  min-height: 370px;
  width: 100%;
}
.npo-admin .crowdfunding_wrapper.no-media {
  height: 583px;
  min-height: 583px;
}
.crowdfunding_wrapper:not(.no-headline) {
  padding: 96px 0;
}
.crowdfunding_slide-bg {
  background: rgb(238, 238, 238);
  left: -1px;
}

.crowdfunding_background {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.crowdfunding_headline-image {
  position: relative;
  max-width: 100%;
  padding: 0 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .crowdfunding_headline-image {
    padding: 15px 0;
  }
}
.npo-admin .crowdfunding_headline-image-placeholder {
  height: 200px;
  width: 100%;
  border: 3px dashed rgb(210, 210, 210);
  position: relative;
}
.crowdfunding_headline-image-container {
  width: 100%;
  max-height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.crowdfunding_display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.crowdfunding_wrap-w-margin {
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .crowdfunding_wrap-w-margin {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .crowdfunding_wrap-w-margin:last-child {
    margin-right: 0;
  }
  .crowdfunding_wrap-w-margin {
    margin-left: 17.0001165302%;
  }
}
@media screen and (max-width: 1024px) {
  .crowdfunding_wrap-w-margin {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 82.9998834698%;
  }
  .crowdfunding_wrap-w-margin:last-child {
    margin-right: 0;
  }
  .crowdfunding_wrap-w-margin {
    margin-left: 8.5000582651%;
  }
}
@media screen and (max-width: 568px) {
  .crowdfunding_wrap-w-margin {
    width: 100%;
    margin-left: 0;
  }
}
.crowdfunding_wrap-w-margin_featured-content {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 38.5537094046%;
}
.crowdfunding_wrap-w-margin_featured-content:last-child {
  margin-right: 0;
}
.crowdfunding_wrap-inner {
  float: none;
  vertical-align: middle;
  display: table-cell;
}
.crowdfunding_header {
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  font-size: 42px;
  margin: 0 auto 30px auto;
  max-width: 800px;
  line-height: 55px;
}
@media screen and (max-width: 1024px) {
  .crowdfunding_header {
    font-size: 30px;
    padding-bottom: 0;
    max-width: 90%;
  }
}
@media screen and (max-width: 568px) {
  .crowdfunding_header {
    font-size: 25px;
    line-height: 30px;
    max-width: 100%;
  }
}
.crowdfunding_header.white {
  color: #ffffff;
}
.crowdfunding_header.white + .frs-content {
  color: #ffffff;
}
.crowdfunding_header {
  line-height: 1.3;
  white-space: normal;
  word-wrap: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
  font-size: 55px;
  word-break: normal;
  font-weight: 400;
}
.crowdfunding_header span h1,
.crowdfunding_header h2 {
  font-size: 55px;
}
.crowdfunding_header span h2 {
  font-weight: 400;
}
.crowdfunding_header .subheading {
  font-size: 30px;
  margin-top: 10px;
}
.crowdfunding_header span:not(.fr-placeholder) {
  display: inline;
}
.crowdfunding_header-title {
  position: relative;
  line-height: 1.2;
}
.crowdfunding_header-title .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
.crowdfunding_header .froala-editor {
  position: relative;
  line-height: 1.2;
}
.crowdfunding_header .froala-editor .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1024px) {
  .crowdfunding_header {
    font-size: 40px;
    font-size: 6vw;
    word-break: break-word;
  }
  .crowdfunding_header .subheading {
    font-size: 23px;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 960px) {
  .with-media .crowdfunding_header {
    min-height: 0;
  }
}
@media screen and (max-width: 568px) {
  .crowdfunding_header {
    font-size: 29px;
    font-size: 7vw;
  }
  .crowdfunding_header .subheading {
    font-size: 16px;
    font-size: 4vw;
  }
}
.crowdfunding {
  /**
   * Featured media text is in ems so here we set base font sizes
   */
}
.crowdfunding_featured::after {
  clear: both;
  content: "";
  display: table;
}
.crowdfunding_featured {
  font-size: 28px;
  padding: 1em;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px 3px 0px 0px;
}
.button-only .crowdfunding_featured {
  padding: 0;
  margin-bottom: 25px;
  background-color: transparent;
}
@media screen and (max-width: 1600px) {
  .crowdfunding_featured {
    font-size: 22px;
  }
  .no-media .crowdfunding_featured {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .crowdfunding_featured {
    font-size: 20px;
  }
  .no-media .crowdfunding_featured {
    font-size: 18px;
  }
}
@media screen and (max-width: 960px) {
  .crowdfunding_featured {
    font-size: 18px;
  }
  .no-media .crowdfunding_featured {
    font-size: 18px;
  }
}
.crowdfunding_featured-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.crowdfunding_featured-media {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 59.0358062698%;
}
.crowdfunding_featured-media:last-child {
  margin-right: 0;
}
.crowdfunding_featured-media-slider {
  padding-bottom: 56.25%;
}
.crowdfunding_featured-media-video {
  height: 100%;
  width: 100%;
}
.crowdfunding_featured-media-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.crowdfunding_featured-media-video-pane {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.crowdfunding_featured-media-slider, .crowdfunding_featured-media-slider-pane {
  display: block;
  overflow: hidden;
  position: relative;
}
.crowdfunding_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding-bottom: 56.25%;
  padding: 0;
}
.crowdfunding_wrap .crowdfunding_featured-content {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 38.5537094046%;
}
.crowdfunding_wrap .crowdfunding_featured-content:last-child {
  margin-right: 0;
}
.crowdfunding_wrap .crowdfunding_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.no-media .crowdfunding_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  width: 100%;
}
.crowdfunding_progress {
  position: relative;
}
.no-media .crowdfunding_progress {
  padding: 0 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_progress {
  padding: 0;
  width: 35%;
  float: left;
}
.crowdfunding .sc-campaign-progress_raised {
  font-size: 1.8em;
  color: rgba(0, 0, 0, 0.87);
}
.crowdfunding .sc-campaign-progress_raised .no-media {
  font-size: 2em;
}
.no-media .crowdfunding_donate {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  font-size: 1em;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_donate {
  width: 30%;
  float: left;
}
.crowdfunding_donate-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  font-weight: 600;
  color: #ffffff;
  border-radius: 3px;
  border: none;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
  padding: 1.1em 1em;
  font-size: 18px;
  font-size: 0.9em;
  position: relative;
}
.crowdfunding_donate-button:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.crowdfunding_donate-button:hover:not(.selected):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.crowdfunding_donate-button {
  line-height: 1.1;
}
@media screen and (max-width: 1600px) {
  .no-media .crowdfunding_donate-button {
    padding: 1.3em 1em;
  }
}
.crowdfunding_donate-button i {
  margin-left: 5px;
}
.crowdfunding_data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
}
.no-media .crowdfunding_data {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0;
  -moz-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .no-media .crowdfunding_data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.no-flexboxlegacy.flexboxtweener .no-media .crowdfunding_data {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data {
  padding: 0;
  float: left;
  display: inline-block;
}
.crowdfunding_data-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: center;
  border-right: 1px solid rgb(238, 238, 238);
  white-space: nowrap;
}
.crowdfunding_data-item:last-child {
  border-right-width: 0;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .crowdfunding_data-item, .no-flexboxlegacy.flexboxtweener .crowdfunding_data-item {
  float: left;
  width: 33%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .crowdfunding_data-item:nth-last-child(2):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .crowdfunding_data-item:nth-last-child(2):first-child ~ *, .no-flexboxlegacy.flexboxtweener .crowdfunding_data-item:nth-last-child(2):first-child, .no-flexboxlegacy.flexboxtweener .crowdfunding_data-item:nth-last-child(2):first-child ~ * {
  width: 50%;
}
.no-media .crowdfunding_data-item {
  padding: 0 18px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data-item, .no-flexboxlegacy.flexboxtweener .no-media .crowdfunding_data-item {
  padding: 0 12px;
  display: block;
  width: 100%;
  float: left;
  min-width: 100px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(3):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(3):first-child ~ *, .no-flexboxlegacy.flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(3):first-child, .no-flexboxlegacy.flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(3):first-child ~ * {
  width: 33%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(2):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(2):first-child ~ *, .no-flexboxlegacy.flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(2):first-child, .no-flexboxlegacy.flexboxtweener .no-media .crowdfunding_data-item:nth-last-child(2):first-child ~ * {
  width: 50%;
}
.no-media .crowdfunding_data-item:last-child {
  border-right: 1px solid rgb(238, 238, 238);
}
.no-media .crowdfunding_data-item-days {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
}
.no-media .crowdfunding_data-item-percent {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
}
.crowdfunding_stat {
  display: block;
  color: #393939;
  font-weight: 600;
  margin: 0 0 11px;
  font-size: 1.2em;
  line-height: 1;
}
.no-media .crowdfunding_stat {
  font-size: 40px;
  font-size: 1.5em;
}
.crowdfunding_stat-label {
  font-size: 14px;
  font-weight: 400;
  color: #727e83;
  display: block;
  font-size: 0.55em;
  text-transform: uppercase;
}
.no-media .crowdfunding_stat-label {
  font-size: 0.6em;
}
@media screen and (max-width: 768px) {
  .crowdfunding_wrapper {
    padding: 0 !important;
  }
  .crowdfunding_background-image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
  }
  .crowdfunding_background-color {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
  }
  .crowdfunding_header {
    height: auto;
    width: 100%;
    z-index: 3;
    background-color: transparent;
    word-break: break-word;
    padding-bottom: 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .crowdfunding_header-title {
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  .crowdfunding_progress {
    margin-bottom: 15px;
  }
  .no-media .crowdfunding_progress {
    padding: 0;
  }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_progress {
    width: 100%;
    display: block;
  }
  .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .crowdfunding_data {
    width: 100%;
    display: block;
  }
  .no-media .crowdfunding_data-item-supporters {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    display: block;
  }
  .no-media .crowdfunding_data-item {
    padding: 0 5%;
  }
  .no-media .crowdfunding_data-item-days {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .no-media .crowdfunding_data-item-percent {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .no-media .crowdfunding_donate {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
  .crowdfunding_featured {
    border-radius: 0;
  }
  .crowdfunding_featured.with-progress-stats {
    background-color: white;
  }
  .crowdfunding_featured.without-progress-stats {
    background-color: transparent;
  }
  .crowdfunding_featured-content {
    width: 100%;
  }
  .no-media .crowdfunding_featured-content {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .crowdfunding_featured-media-slider .slideshow_content .crowdfunding_header {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    min-height: 0;
    position: absolute;
    right: 0;
    left: 0;
  }
}
.p2p-crowdfunding_background {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.p2p-crowdfunding_headline-image {
  position: relative;
  max-width: 100%;
  padding: 0 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .p2p-crowdfunding_headline-image {
    padding: 15px 0;
  }
}
.npo-admin .p2p-crowdfunding_headline-image-placeholder {
  height: 200px;
  width: 100%;
  border: 3px dashed rgb(210, 210, 210);
  position: relative;
}
.p2p-crowdfunding_headline-image-container {
  width: 100%;
  max-height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p2p-crowdfunding_display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p2p-crowdfunding_wrap-w-margin {
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .p2p-crowdfunding_wrap-w-margin {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .p2p-crowdfunding_wrap-w-margin:last-child {
    margin-right: 0;
  }
  .p2p-crowdfunding_wrap-w-margin {
    margin-left: 17.0001165302%;
  }
}
@media screen and (max-width: 1024px) {
  .p2p-crowdfunding_wrap-w-margin {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 82.9998834698%;
  }
  .p2p-crowdfunding_wrap-w-margin:last-child {
    margin-right: 0;
  }
  .p2p-crowdfunding_wrap-w-margin {
    margin-left: 8.5000582651%;
  }
}
@media screen and (max-width: 568px) {
  .p2p-crowdfunding_wrap-w-margin {
    width: 100%;
    margin-left: 0;
  }
}
.p2p-crowdfunding_wrap-w-margin_featured-content {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 38.5537094046%;
}
.p2p-crowdfunding_wrap-w-margin_featured-content:last-child {
  margin-right: 0;
}
.p2p-crowdfunding_wrap-inner {
  float: none;
  vertical-align: middle;
  display: table-cell;
}
.p2p-crowdfunding_header {
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  font-size: 42px;
  margin: 0 auto 30px auto;
  max-width: 800px;
  line-height: 55px;
}
@media screen and (max-width: 1024px) {
  .p2p-crowdfunding_header {
    font-size: 30px;
    padding-bottom: 0;
    max-width: 90%;
  }
}
@media screen and (max-width: 568px) {
  .p2p-crowdfunding_header {
    font-size: 25px;
    line-height: 30px;
    max-width: 100%;
  }
}
.p2p-crowdfunding_header.white {
  color: #ffffff;
}
.p2p-crowdfunding_header.white + .frs-content {
  color: #ffffff;
}
.p2p-crowdfunding_header {
  line-height: 1.3;
  white-space: normal;
  word-wrap: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
  font-size: 55px;
  word-break: normal;
  font-weight: 400;
}
.p2p-crowdfunding_header span h1,
.p2p-crowdfunding_header h2 {
  font-size: 55px;
}
.p2p-crowdfunding_header span h2 {
  font-weight: 400;
}
.p2p-crowdfunding_header .subheading {
  font-size: 30px;
  margin-top: 10px;
}
.p2p-crowdfunding_header-title {
  position: relative;
  line-height: 1.2;
}
.p2p-crowdfunding_header-title .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
.p2p-crowdfunding_header .froala-editor {
  position: relative;
  line-height: 1.2;
}
.p2p-crowdfunding_header .froala-editor .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1024px) {
  .p2p-crowdfunding_header {
    font-size: 40px;
    font-size: 6vw;
    word-break: break-word;
  }
  .p2p-crowdfunding_header .subheading {
    font-size: 23px;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 960px) {
  .with-media .p2p-crowdfunding_header {
    min-height: 0;
  }
}
@media screen and (max-width: 568px) {
  .p2p-crowdfunding_header {
    font-size: 29px;
    font-size: 7vw;
  }
  .p2p-crowdfunding_header .subheading {
    font-size: 16px;
    font-size: 4vw;
  }
}
.p2p-crowdfunding {
  /**
   * Featured media text is in ems so here we set base font sizes
   */
}
.p2p-crowdfunding_featured::after {
  clear: both;
  content: "";
  display: table;
}
.p2p-crowdfunding_featured {
  font-size: 28px;
  padding: 1em;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px 3px 0px 0px;
}
.button-only .p2p-crowdfunding_featured {
  padding: 0;
  margin-bottom: 25px;
  background-color: transparent;
}
@media screen and (max-width: 1600px) {
  .p2p-crowdfunding_featured {
    font-size: 22px;
  }
  .no-media .p2p-crowdfunding_featured {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .p2p-crowdfunding_featured {
    font-size: 20px;
  }
  .no-media .p2p-crowdfunding_featured {
    font-size: 18px;
  }
}
@media screen and (max-width: 960px) {
  .p2p-crowdfunding_featured {
    font-size: 18px;
  }
  .no-media .p2p-crowdfunding_featured {
    font-size: 18px;
  }
}
.p2p-crowdfunding_featured-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p2p-crowdfunding_featured-media {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 59.0358062698%;
}
.p2p-crowdfunding_featured-media:last-child {
  margin-right: 0;
}
.p2p-crowdfunding_featured-media-slider {
  padding-bottom: 56.25%;
}
.p2p-crowdfunding_featured-media-video {
  height: 100%;
  width: 100%;
}
.p2p-crowdfunding_featured-media-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.p2p-crowdfunding_featured-media-video-pane {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.p2p-crowdfunding_featured-media-slider, .p2p-crowdfunding_featured-media-slider-pane {
  display: block;
  overflow: hidden;
  position: relative;
}
.p2p-crowdfunding_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding-bottom: 56.25%;
  padding: 0;
}
.crowdfunding_wrap .p2p-crowdfunding_featured-content {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 38.5537094046%;
}
.crowdfunding_wrap .p2p-crowdfunding_featured-content:last-child {
  margin-right: 0;
}
.crowdfunding_wrap .p2p-crowdfunding_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.no-media .p2p-crowdfunding_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  width: 100%;
}
.p2p-crowdfunding_progress {
  position: relative;
}
.no-media .p2p-crowdfunding_progress {
  padding: 0 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_progress {
  padding: 0;
  width: 35%;
  float: left;
}
.p2p-crowdfunding .sc-campaign-progress_raised {
  font-size: 1.8em;
  color: rgba(0, 0, 0, 0.87);
}
.p2p-crowdfunding .sc-campaign-progress_raised .no-media {
  font-size: 2em;
}
.no-media .p2p-crowdfunding_donate {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  font-size: 1em;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_donate {
  width: 30%;
  float: left;
}
.p2p-crowdfunding_donate-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  font-weight: 600;
  color: #ffffff;
  border-radius: 3px;
  border: none;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
  padding: 1.1em 1em;
  font-size: 18px;
  font-size: 0.9em;
  position: relative;
}
.p2p-crowdfunding_donate-button:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p2p-crowdfunding_donate-button:hover:not(.selected):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.p2p-crowdfunding_donate-button {
  line-height: 1.1;
}
@media screen and (max-width: 1600px) {
  .no-media .p2p-crowdfunding_donate-button {
    padding: 1.3em 1em;
  }
}
.p2p-crowdfunding_donate-button i {
  margin-left: 5px;
}
.p2p-crowdfunding_data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
}
.no-media .p2p-crowdfunding_data {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0;
  -moz-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .no-media .p2p-crowdfunding_data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.no-flexboxlegacy.flexboxtweener .no-media .p2p-crowdfunding_data {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_data {
  padding: 0;
  float: left;
  display: inline-block;
}
.p2p-crowdfunding_data-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: center;
  border-right: 1px solid rgb(238, 238, 238);
  white-space: nowrap;
}
.p2p-crowdfunding_data-item:last-child {
  border-right-width: 0;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .p2p-crowdfunding_data-item, .no-flexboxlegacy.flexboxtweener .p2p-crowdfunding_data-item {
  float: left;
  width: 33%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .p2p-crowdfunding_data-item:nth-last-child(2):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .p2p-crowdfunding_data-item:nth-last-child(2):first-child ~ *, .no-flexboxlegacy.flexboxtweener .p2p-crowdfunding_data-item:nth-last-child(2):first-child, .no-flexboxlegacy.flexboxtweener .p2p-crowdfunding_data-item:nth-last-child(2):first-child ~ * {
  width: 50%;
}
.no-media .p2p-crowdfunding_data-item {
  padding: 0 18px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_data-item, .no-flexboxlegacy.flexboxtweener .no-media .p2p-crowdfunding_data-item {
  padding: 0 12px;
  display: block;
  width: 100%;
  float: left;
  min-width: 100px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(3):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(3):first-child ~ *, .no-flexboxlegacy.flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(3):first-child, .no-flexboxlegacy.flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(3):first-child ~ * {
  width: 33%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(2):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(2):first-child ~ *, .no-flexboxlegacy.flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(2):first-child, .no-flexboxlegacy.flexboxtweener .no-media .p2p-crowdfunding_data-item:nth-last-child(2):first-child ~ * {
  width: 50%;
}
.no-media .p2p-crowdfunding_data-item:last-child {
  border-right: 1px solid rgb(238, 238, 238);
}
.no-media .p2p-crowdfunding_data-item-days {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
}
.no-media .p2p-crowdfunding_data-item-percent {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
}
.p2p-crowdfunding_stat {
  display: block;
  color: #393939;
  font-weight: 600;
  margin: 0 0 11px;
  font-size: 1.2em;
  line-height: 1;
}
.no-media .p2p-crowdfunding_stat {
  font-size: 40px;
  font-size: 1.5em;
}
.p2p-crowdfunding_stat-label {
  font-size: 14px;
  font-weight: 400;
  color: #727e83;
  display: block;
  font-size: 0.55em;
  text-transform: uppercase;
}
.no-media .p2p-crowdfunding_stat-label {
  font-size: 0.6em;
}
.p2p-crowdfunding_wrap::after {
  clear: both;
  content: "";
  display: table;
}
.p2p-crowdfunding_wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: -webkit-calc(100vw * (9/16) - 160px);
  height: calc(100vw * (9/16) - 160px);
  min-height: -webkit-calc(100vw * (9/16) - 160px);
  min-height: calc(100vw * (9/16) - 160px);
}
.p2p-crowdfunding_wrap.dynamic {
  height: -webkit-calc(100vh - 150px);
  height: calc(100vh - 150px);
  min-height: -webkit-calc(100vh - 150px);
  min-height: calc(100vh - 150px);
}
@media screen and (max-width: 768px) {
  .p2p-crowdfunding_wrap.dynamic {
    height: -webkit-calc(100vh - 96px);
    height: calc(100vh - 96px);
    min-height: -webkit-calc(100vh - 96px);
    min-height: calc(100vh - 96px);
  }
}
.p2p-crowdfunding_wrap-content {
  margin: 0 auto;
}
@media screen and (min-width: 1280px) {
  .p2p-crowdfunding_wrap-content {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .p2p-crowdfunding_wrap-content:last-child {
    margin-right: 0;
  }
  .p2p-crowdfunding_wrap-content {
    margin-left: 17.0001165302%;
  }
}
.npo-admin .p2p-crowdfunding_wrap {
  height: 665px;
  min-height: 665px;
}
@media screen and (min-width: 320px) {
  .p2p-crowdfunding__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p2p-crowdfunding__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .p2p-crowdfunding__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .p2p-crowdfunding__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p2p-crowdfunding__grid {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 640px) {
  .p2p-crowdfunding__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p2p-crowdfunding__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .p2p-crowdfunding__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .p2p-crowdfunding__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p2p-crowdfunding__grid {
    max-width: 640px;
    width: 640px;
  }
}
@media screen and (min-width: 1024px) {
  .p2p-crowdfunding__grid {
    max-width: 1024px;
    width: 1024px;
  }
}
@media screen and (min-width: 1280px) {
  .p2p-crowdfunding__grid {
    width: 1280px;
    max-width: 1280px;
    padding: 96px 0;
  }
}
.p2p-crowdfunding__grid {
  height: 100%;
  cursor: default;
}
.p2p-crowdfunding__grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p2p-crowdfunding__grid {
  margin: 0 auto;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.p2p-crowdfunding_headline-image, .p2p-crowdfunding_headline-image-placeholder {
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 0 15px !important;
}
.p2p-crowdfunding_header {
  word-wrap: break-word;
  margin-bottom: 72px;
  max-width: 90vw;
}
.p2p-crowdfunding_header .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 768px) {
  .p2p-crowdfunding_header {
    word-break: break-word;
    margin-left: auto;
    margin-right: auto;
  }
}
.p2p-crowdfunding_header span:not(.fr-placeholder) {
  display: inline;
}
.p2p-crowdfunding_featured {
  padding: 0;
  background-color: transparent;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.no-media .p2p-crowdfunding_featured .p2p-crowdfunding_featured-content {
  margin-left: 0;
  width: 100%;
  display: block !important;
}
.no-media .p2p-crowdfunding_progress {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .no-media .p2p-crowdfunding_progress {
    width: 664px;
  }
}
@media screen and (max-width: 568px) {
  .no-media .p2p-crowdfunding_progress {
    padding: 0;
  }
}
.p2p-crowdfunding_progress .sc-p2p-campaign-progress_raised {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.p2p-crowdfunding_progress .sc-p2p-campaign-progress_raised-text {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  opacity: 0.7;
}
.p2p-crowdfunding_progress .sc-p2p-campaign-progress_goal {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  opacity: 0.7;
}
@media screen and (max-width: 568px) {
  .p2p-crowdfunding_progress .sc-p2p-campaign-progress_raised,
  .p2p-crowdfunding_progress .sc-p2p-campaign-progress_raised-text,
  .p2p-crowdfunding_progress .sc-p2p-campaign-progress_goal {
    font-size: 16px;
  }
}
.p2p-crowdfunding_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 17px;
  word-break: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 286px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  font-size: 19px;
  line-height: normal;
  margin: 0 10px 20px;
}
.p2p-crowdfunding_button[disabled] {
  cursor: not-allowed;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), color-stop(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3)));
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3));
}
@media screen and (max-width: 700px) {
  .p2p-crowdfunding_button {
    max-width: 420px;
  }
}
@media screen and (max-width: 568px) {
  .p2p-crowdfunding_button {
    font-size: 18px;
  }
}
@media screen and (max-width: 320px) {
  .p2p-crowdfunding_button {
    font-size: 16px;
    width: 90%;
  }
}
.p2p-crowdfunding_button {
  display: inline-block;
  vertical-align: middle;
}
.p2p-crowdfunding_button-container {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p2p-crowdfunding_button:last-child {
    margin-bottom: 0px;
  }
}
.p2p-crowdfunding_button textarea {
  resize: none !important;
}

.rwf-hero {
  margin: 0 auto;
}
.rwf-hero_background {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.rwf-hero_headline-image {
  position: relative;
  max-width: 100%;
  padding: 0 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .rwf-hero_headline-image {
    padding: 15px 0;
  }
}
.npo-admin .rwf-hero_headline-image-placeholder {
  height: 200px;
  width: 100%;
  border: 3px dashed rgb(210, 210, 210);
  position: relative;
}
.rwf-hero_headline-image-container {
  width: 100%;
  max-height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.rwf-hero_display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rwf-hero_wrap-w-margin {
  text-align: center;
}
@media screen and (max-width: 1600px) {
  .rwf-hero_wrap-w-margin {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .rwf-hero_wrap-w-margin:last-child {
    margin-right: 0;
  }
  .rwf-hero_wrap-w-margin {
    margin-left: 17.0001165302%;
  }
}
@media screen and (max-width: 1024px) {
  .rwf-hero_wrap-w-margin {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 82.9998834698%;
  }
  .rwf-hero_wrap-w-margin:last-child {
    margin-right: 0;
  }
  .rwf-hero_wrap-w-margin {
    margin-left: 8.5000582651%;
  }
}
@media screen and (max-width: 568px) {
  .rwf-hero_wrap-w-margin {
    width: 100%;
    margin-left: 0;
  }
}
.rwf-hero_wrap-w-margin_featured-content {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 38.5537094046%;
}
.rwf-hero_wrap-w-margin_featured-content:last-child {
  margin-right: 0;
}
.rwf-hero_wrap-inner {
  float: none;
  vertical-align: middle;
  display: table-cell;
}
.rwf-hero_header {
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  font-size: 42px;
  margin: 0 auto 30px auto;
  max-width: 800px;
  line-height: 55px;
}
@media screen and (max-width: 1024px) {
  .rwf-hero_header {
    font-size: 30px;
    padding-bottom: 0;
    max-width: 90%;
  }
}
@media screen and (max-width: 568px) {
  .rwf-hero_header {
    font-size: 25px;
    line-height: 30px;
    max-width: 100%;
  }
}
.rwf-hero_header.white {
  color: #ffffff;
}
.rwf-hero_header.white + .frs-content {
  color: #ffffff;
}
.rwf-hero_header {
  line-height: 1.3;
  white-space: normal;
  word-wrap: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
  font-size: 55px;
  word-break: normal;
  font-weight: 400;
}
.rwf-hero_header span h1,
.rwf-hero_header h2 {
  font-size: 55px;
}
.rwf-hero_header span h2 {
  font-weight: 400;
}
.rwf-hero_header .subheading {
  font-size: 30px;
  margin-top: 10px;
}
.rwf-hero_header span:not(.fr-placeholder) {
  display: inline;
}
.rwf-hero_header-title {
  position: relative;
  line-height: 1.2;
}
.rwf-hero_header-title .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
.rwf-hero_header .froala-editor {
  position: relative;
  line-height: 1.2;
}
.rwf-hero_header .froala-editor .outlined {
  text-shadow: #000 0 0 2px, #000 0 0 2px, #000 0 0 2px, #000 0 0 2px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1024px) {
  .rwf-hero_header {
    font-size: 40px;
    font-size: 6vw;
    word-break: break-word;
  }
  .rwf-hero_header .subheading {
    font-size: 23px;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 960px) {
  .with-media .rwf-hero_header {
    min-height: 0;
  }
}
@media screen and (max-width: 568px) {
  .rwf-hero_header {
    font-size: 29px;
    font-size: 7vw;
  }
  .rwf-hero_header .subheading {
    font-size: 16px;
    font-size: 4vw;
  }
}
.rwf-hero_featured::after {
  clear: both;
  content: "";
  display: table;
}
.rwf-hero_featured {
  font-size: 28px;
  padding: 1em;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px 3px 0px 0px;
}
.button-only .rwf-hero_featured {
  padding: 0;
  margin-bottom: 25px;
  background-color: transparent;
}
@media screen and (max-width: 1600px) {
  .rwf-hero_featured {
    font-size: 22px;
  }
  .no-media .rwf-hero_featured {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .rwf-hero_featured {
    font-size: 20px;
  }
  .no-media .rwf-hero_featured {
    font-size: 18px;
  }
}
@media screen and (max-width: 960px) {
  .rwf-hero_featured {
    font-size: 18px;
  }
  .no-media .rwf-hero_featured {
    font-size: 18px;
  }
}
.rwf-hero_featured-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.rwf-hero_featured-media {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 59.0358062698%;
}
.rwf-hero_featured-media:last-child {
  margin-right: 0;
}
.rwf-hero_featured-media-slider {
  padding-bottom: 56.25%;
}
.rwf-hero_featured-media-video {
  height: 100%;
  width: 100%;
}
.rwf-hero_featured-media-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.rwf-hero_featured-media-video-pane {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.rwf-hero_featured-media-slider, .rwf-hero_featured-media-slider-pane {
  display: block;
  overflow: hidden;
  position: relative;
}
.rwf-hero_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  padding-bottom: 56.25%;
  padding: 0;
}
.crowdfunding_wrap .rwf-hero_featured-content {
  float: left;
  display: block;
  margin-right: 2.4104843256%;
  width: 38.5537094046%;
}
.crowdfunding_wrap .rwf-hero_featured-content:last-child {
  margin-right: 0;
}
.crowdfunding_wrap .rwf-hero_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.no-media .rwf-hero_featured-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  width: 100%;
}
.rwf-hero_progress {
  position: relative;
}
.no-media .rwf-hero_progress {
  padding: 0 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_progress {
  padding: 0;
  width: 35%;
  float: left;
}
.rwf-hero .sc-campaign-progress_raised {
  font-size: 1.8em;
  color: rgba(0, 0, 0, 0.87);
}
.rwf-hero .sc-campaign-progress_raised .no-media {
  font-size: 2em;
}
.no-media .rwf-hero_donate {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  -moz-order: 3;
  order: 3;
  -ms-flex-order: 3;
  font-size: 1em;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_donate {
  width: 30%;
  float: left;
}
.rwf-hero_donate-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  font-weight: 600;
  color: #ffffff;
  border-radius: 3px;
  border: none;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
  padding: 1.1em 1em;
  font-size: 18px;
  font-size: 0.9em;
  position: relative;
}
.rwf-hero_donate-button:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rwf-hero_donate-button:hover:not(.selected):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.rwf-hero_donate-button {
  line-height: 1.1;
}
@media screen and (max-width: 1600px) {
  .no-media .rwf-hero_donate-button {
    padding: 1.3em 1em;
  }
}
.rwf-hero_donate-button i {
  margin-left: 5px;
}
.rwf-hero_data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative;
}
.no-media .rwf-hero_data {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0;
  -moz-flex: 0 0;
  -ms-flex: 0 0;
  flex: 0 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@supports (overflow: -webkit-marquee) and (justify-content: inherit) {
  .no-media .rwf-hero_data {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.no-flexboxlegacy.flexboxtweener .no-media .rwf-hero_data {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_data {
  padding: 0;
  float: left;
  display: inline-block;
}
.rwf-hero_data-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: center;
  border-right: 1px solid rgb(238, 238, 238);
  white-space: nowrap;
}
.rwf-hero_data-item:last-child {
  border-right-width: 0;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .rwf-hero_data-item, .no-flexboxlegacy.flexboxtweener .rwf-hero_data-item {
  float: left;
  width: 33%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .rwf-hero_data-item:nth-last-child(2):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .rwf-hero_data-item:nth-last-child(2):first-child ~ *, .no-flexboxlegacy.flexboxtweener .rwf-hero_data-item:nth-last-child(2):first-child, .no-flexboxlegacy.flexboxtweener .rwf-hero_data-item:nth-last-child(2):first-child ~ * {
  width: 50%;
}
.no-media .rwf-hero_data-item {
  padding: 0 18px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_data-item, .no-flexboxlegacy.flexboxtweener .no-media .rwf-hero_data-item {
  padding: 0 12px;
  display: block;
  width: 100%;
  float: left;
  min-width: 100px;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(3):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(3):first-child ~ *, .no-flexboxlegacy.flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(3):first-child, .no-flexboxlegacy.flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(3):first-child ~ * {
  width: 33%;
}
.no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(2):first-child, .no-flexbox.no-flexboxlegacy.no-flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(2):first-child ~ *, .no-flexboxlegacy.flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(2):first-child, .no-flexboxlegacy.flexboxtweener .no-media .rwf-hero_data-item:nth-last-child(2):first-child ~ * {
  width: 50%;
}
.no-media .rwf-hero_data-item:last-child {
  border-right: 1px solid rgb(238, 238, 238);
}
.no-media .rwf-hero_data-item-days {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
}
.no-media .rwf-hero_data-item-percent {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
}
.rwf-hero_stat {
  display: block;
  color: #393939;
  font-weight: 600;
  margin: 0 0 11px;
  font-size: 1.2em;
  line-height: 1;
}
.no-media .rwf-hero_stat {
  font-size: 40px;
  font-size: 1.5em;
}
.rwf-hero_stat-label {
  font-size: 14px;
  font-weight: 400;
  color: #727e83;
  display: block;
  font-size: 0.55em;
  text-transform: uppercase;
}
.no-media .rwf-hero_stat-label {
  font-size: 0.6em;
}
.rwf-hero {
  height: 100%;
}
.rwf-hero::after {
  clear: both;
  content: "";
  display: table;
}
.rwf-hero {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: -webkit-calc(100vw * (9/16) - 160px);
  height: calc(100vw * (9/16) - 160px);
  min-height: -webkit-calc(100vw * (9/16) - 160px);
  min-height: calc(100vw * (9/16) - 160px);
}
.rwf-hero.dynamic {
  height: -webkit-calc(100vh - 150px);
  height: calc(100vh - 150px);
  min-height: -webkit-calc(100vh - 150px);
  min-height: calc(100vh - 150px);
}
@media screen and (max-width: 768px) {
  .rwf-hero.dynamic {
    height: -webkit-calc(100vh - 96px);
    height: calc(100vh - 96px);
    min-height: -webkit-calc(100vh - 96px);
    min-height: calc(100vh - 96px);
  }
}
.rwf-hero {
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .rwf-hero__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .rwf-hero__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .rwf-hero__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .rwf-hero__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .rwf-hero__grid {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 640px) {
  .rwf-hero__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .rwf-hero__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .rwf-hero__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .rwf-hero__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .rwf-hero__grid {
    max-width: 640px;
    width: 640px;
  }
}
@media screen and (min-width: 1024px) {
  .rwf-hero__grid {
    max-width: 1024px;
    width: 1024px;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__grid {
    width: 1280px;
    max-width: 1280px;
    padding: 96px 0;
  }
}
.rwf-hero__grid {
  height: 100%;
  cursor: default;
}
.rwf-hero__grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.rwf-hero__grid {
  margin: 0 auto;
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 48px 24px;
}
.rwf-hero__grid-container {
  height: 100%;
}
.rwf-hero__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.rwf-hero__row--left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  position: relative;
}
.rwf-hero__headline {
  font-size: 6vw;
}
@media screen and (min-width: 320px) {
  .rwf-hero__headline {
    width: 100%;
  }
  .rwf-hero__headline .heading {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.33;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__headline {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__headline:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__headline-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__headline-12-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__headline-11:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__headline-11-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__headline-10:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__headline-10-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__headline-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__headline-9-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .rwf-hero__headline-9-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__headline-8:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__headline-8-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .rwf-hero__headline-8-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__headline-7:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__headline-7-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .rwf-hero__headline-7-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__headline-6:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__headline-6-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .rwf-hero__headline-6-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__headline-5:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__headline-5-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .rwf-hero__headline-5-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__headline-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__headline-4-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .rwf-hero__headline-4-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .rwf-hero__headline-4-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__headline-3:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__headline-3-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .rwf-hero__headline-3-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .rwf-hero__headline-3-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__headline-2:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__headline-2-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .rwf-hero__headline-2-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .rwf-hero__headline-2-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__headline-1:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__headline-1-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .rwf-hero__headline-1-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .rwf-hero__headline-1-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__headline .heading {
    font-size: 72px;
    line-height: 1;
  }
}
@media screen and (min-width: 1024px) {
  .rwf-hero__headline {
    font-size: 55px;
  }
}
.rwf-hero__headline {
  text-align: inherit;
  word-wrap: break-word;
}
.rwf-hero__headline .crowdfunding_header-title {
  text-align: inherit;
}
@media screen and (min-width: 320px) {
  .rwf-hero__date {
    font-size: 18px;
    margin-top: 12px;
    line-height: 1.17;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__date {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__date:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__date-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__date-12-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__date-11:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__date-11-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__date-10:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__date-10-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__date-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__date-9-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .rwf-hero__date-9-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__date-8:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__date-8-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .rwf-hero__date-8-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__date-7:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__date-7-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .rwf-hero__date-7-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__date-6:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__date-6-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .rwf-hero__date-6-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__date-5:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__date-5-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .rwf-hero__date-5-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__date-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__date-4-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .rwf-hero__date-4-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .rwf-hero__date-4-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__date-3:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__date-3-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .rwf-hero__date-3-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .rwf-hero__date-3-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__date-2:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__date-2-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .rwf-hero__date-2-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .rwf-hero__date-2-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__date-1:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__date-1-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .rwf-hero__date-1-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .rwf-hero__date-1-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__date {
    font-size: 30px;
    margin-top: 24px;
    line-height: 1.4;
  }
}
.rwf-hero__date {
  text-align: inherit;
  color: #ffffff;
}
@media screen and (min-width: 320px) {
  .rwf-hero__venue {
    line-height: 1.6;
    font-size: 15px;
    margin-top: 6px;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__venue {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__venue:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__venue-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__venue-12-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__venue-11:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__venue-11-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__venue-10:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__venue-10-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__venue-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__venue-9-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .rwf-hero__venue-9-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__venue-8:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__venue-8-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .rwf-hero__venue-8-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__venue-7:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__venue-7-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .rwf-hero__venue-7-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__venue-6:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__venue-6-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .rwf-hero__venue-6-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__venue-5:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__venue-5-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .rwf-hero__venue-5-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__venue-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__venue-4-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .rwf-hero__venue-4-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .rwf-hero__venue-4-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__venue-3:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__venue-3-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .rwf-hero__venue-3-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .rwf-hero__venue-3-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__venue-2:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__venue-2-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .rwf-hero__venue-2-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .rwf-hero__venue-2-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__venue-1:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__venue-1-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .rwf-hero__venue-1-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .rwf-hero__venue-1-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__venue {
    line-height: 1.14;
    font-size: 21px;
    margin-top: 12px;
  }
}
.rwf-hero__venue {
  text-align: inherit;
  font-weight: 600;
  color: #ffffff;
}
.rwf-hero__buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 36px;
  z-index: 3;
  display: flex;
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .rwf-hero__buttons {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.rwf-hero__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.rwf-hero__buttons--left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 36px;
  z-index: 3;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  word-break: break-word;
}
@media screen and (min-width: 320px) {
  .rwf-hero__buttons--left {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__buttons--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.rwf-hero__buttons--left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.rwf-hero__buttons--left .rwf-hero__button--left,
.rwf-hero__buttons--left .rwf-hero__button--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .rwf-hero__buttons--left .rwf-hero__button--left,
  .rwf-hero__buttons--left .rwf-hero__button--right {
    width: 320px;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__buttons--left .rwf-hero__button--left,
  .rwf-hero__buttons--left .rwf-hero__button--right {
    width: auto;
    width-max: 302px;
  }
}
.rwf-hero__button--left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rwf-hero__button--left .rwf-hero__button {
  margin: 0;
}
@media screen and (min-width: 640px) {
  .rwf-hero__button--left {
    width: 320px;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__button--left {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__button--left:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__button--left-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__button--left-12-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__button--left-11:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__button--left-11-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__button--left-10:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__button--left-10-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__button--left-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__button--left-9-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .rwf-hero__button--left-9-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__button--left-8:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__button--left-8-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .rwf-hero__button--left-8-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__button--left-7:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__button--left-7-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .rwf-hero__button--left-7-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__button--left-6:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__button--left-6-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .rwf-hero__button--left-6-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__button--left-5:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__button--left-5-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .rwf-hero__button--left-5-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__button--left-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__button--left-4-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .rwf-hero__button--left-4-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .rwf-hero__button--left-4-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__button--left-3:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__button--left-3-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .rwf-hero__button--left-3-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .rwf-hero__button--left-3-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__button--left-2:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__button--left-2-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .rwf-hero__button--left-2-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .rwf-hero__button--left-2-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__button--left-1:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__button--left-1-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .rwf-hero__button--left-1-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .rwf-hero__button--left-1-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__button--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}
.rwf-hero__button--right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
}
@media screen and (min-width: 640px) {
  .rwf-hero__button--right {
    width: 320px;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__button--right {
    margin-top: 0px;
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__button--right:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__button--right-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .rwf-hero__button--right-12-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__button--right-11:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .rwf-hero__button--right-11-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__button--right-10:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .rwf-hero__button--right-10-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__button--right-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .rwf-hero__button--right-9-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .rwf-hero__button--right-9-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__button--right-8:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .rwf-hero__button--right-8-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .rwf-hero__button--right-8-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__button--right-7:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .rwf-hero__button--right-7-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .rwf-hero__button--right-7-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__button--right-6:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .rwf-hero__button--right-6-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .rwf-hero__button--right-6-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__button--right-5:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .rwf-hero__button--right-5-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .rwf-hero__button--right-5-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__button--right-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .rwf-hero__button--right-4-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .rwf-hero__button--right-4-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .rwf-hero__button--right-4-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__button--right-3:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .rwf-hero__button--right-3-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .rwf-hero__button--right-3-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .rwf-hero__button--right-3-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__button--right-2:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .rwf-hero__button--right-2-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .rwf-hero__button--right-2-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .rwf-hero__button--right-2-of-4:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__button--right-1:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .rwf-hero__button--right-1-of-12:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .rwf-hero__button--right-1-of-9:last-of-type {
    margin-right: 0;
  }
  .rwf-hero__button--right-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .rwf-hero__button--right-1-of-4:last-of-type {
    margin-right: 0;
  }
}
.rwf-hero__button {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 12px 18px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  background-color: #425ccd;
  color: #ffffff;
}
.rwf-hero__button:hover, .rwf-hero__button[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.rwf-hero__button[disabled], .rwf-hero__button:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.rwf-hero__button:active:enabled, .rwf-hero__button[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.rwf-hero__button[disabled], .rwf-hero__button:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.rwf-hero__button {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  word-wrap: break-word;
  -ms-word-break: break-all;
  text-transform: uppercase;
}
@media screen and (min-width: 320px) {
  .rwf-hero__button {
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 2px;
    border: 2px solid transparent;
    padding: 12px 18px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #425ccd;
    color: #ffffff;
  }
  .rwf-hero__button:hover, .rwf-hero__button[hover] {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
  .rwf-hero__button[disabled], .rwf-hero__button:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  }
  .rwf-hero__button:active:enabled, .rwf-hero__button[active] {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    border-image-slice: 1;
  }
  .rwf-hero__button[disabled], .rwf-hero__button:disabled {
    color: #ffffff;
    background-color: rgb(210, 210, 210);
    border-color: rgb(210, 210, 210);
    cursor: default;
    pointer-events: none;
  }
  .rwf-hero__button {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .rwf-hero__button {
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 2px;
    border: 2px solid transparent;
    padding: 18px 36px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #425ccd;
    color: #ffffff;
  }
  .rwf-hero__button:hover, .rwf-hero__button[hover] {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
  .rwf-hero__button[disabled], .rwf-hero__button:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  }
  .rwf-hero__button:active:enabled, .rwf-hero__button[active] {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    border-image-slice: 1;
  }
  .rwf-hero__button[disabled], .rwf-hero__button:disabled {
    color: #ffffff;
    background-color: rgb(210, 210, 210);
    border-color: rgb(210, 210, 210);
    cursor: default;
    pointer-events: none;
  }
  .rwf-hero__button {
    width: auto;
  }
}
.rwf-hero__button .fr-wrapper {
  padding: 0;
  border: none;
}
.rwf-hero__button .fr-element {
  min-width: 200px;
}
.rwf-hero__button[disabled] {
  pointer-events: auto;
  cursor: not-allowed;
}

.sc-block[data-type=about] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=about] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.about {
  padding: 60px;
  position: relative;
}
.about_content p {
  margin-bottom: 15px;
}
.about_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about_inner-content {
  position: relative;
}
.about_content a {
  text-decoration: inherit;
}
.about_content ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 0 auto;
  padding: 0 25px 25px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 568px) {
  .about_content ul {
    padding: 15px;
  }
}
.about_content ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.about_content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .about_content ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.about_content ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .about_content ol {
    padding: 15px;
  }
}
.about_content ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.about_content ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .about_content ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.about_content::after {
  clear: both;
  content: "";
  display: table;
}
.about_content {
  word-break: break-word;
}
.about_content a {
  color: inherit;
  text-decoration: none;
}
.about_content ul, .about_content ol {
  text-align: left;
  margin: 30px auto 0;
  list-style-position: inside;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
.about_content ul {
  list-style-type: disc;
}
@media screen and (max-width: 540px) {
  .about {
    padding: 60px 10px;
  }
}

@media screen and (max-width: 568px) {
  .about {
    padding: 60px 20px;
  }
}

@media screen and (max-width: 640px) {
  .donation .donation_header,
  .donation .donation_header-details {
    border-style: none;
  }
  .donation .donation_user-goal-status {
    display: none;
  }
  .donation .donation_progress-mask {
    height: 15px;
  }
  .donation .donation_user-header,
  .donation .donation_targets-header {
    font-size: 15px;
  }
  .donation .raisedGoal {
    float: right;
    padding: 5px 15px 0 0;
  }
}
@media screen and (max-width: 568px) {
  .donation .donation_user-photo {
    display: none;
  }
  .donation .donation_user-goal {
    width: 95%;
    margin-left: 0;
  }
  .donation .donation_targets-container {
    width: 100%;
  }
}

.donation_header {
  padding: 40px 5% 0 5%;
  /*border-bottom: 1px solid $lightGray;*/
}
@media screen and (max-width: 960px) {
  .donation_header {
    padding-left: 20px;
  }
}
.donation_header-details {
  border-style: none;
  padding: 5px 5% 0 5%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 25px;
}
@media screen and (max-width: 960px) {
  .donation_header-details {
    padding-left: 20px;
  }
}
.donation_user {
  color: #000;
  padding: 3px 0 0px 0;
  width: 100%;
  margin: 0 auto;
}
.donation_user::after {
  clear: both;
  content: "";
  display: table;
}
.donation_user-container::after {
  clear: both;
  content: "";
  display: table;
}
.donation_user-container {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 35px;
}
.donation_user-photo {
  display: block;
  margin-right: 2.0006991813%;
  width: 14.9994173489%;
}
.donation_user-photo:last-child {
  margin-right: 0;
}
.donation_user-photo {
  max-width: 90px;
  padding: 0px;
  border: 1px solid #ccc;
  float: left;
  border-radius: 50%;
}
.donation_user-goal {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 82.9998834698%;
}
.donation_user-goal:last-child {
  margin-right: 0;
}
.donation_user-goal {
  display: inline-block;
  font-size: 18px;
  padding: 3px 0 0 0;
  margin-left: 10px;
  width: 75%;
}
.donation_user-goal-status {
  font-size: 14px;
  float: right;
  padding-top: 10px;
}
.donation_user-header {
  font-size: 18px;
}
.donation_credit {
  padding: 20px;
  background: #f7f7f7;
  margin-bottom: 50px;
}
.donation_credit-select {
  margin: 10px 0 0 0;
  width: 100%;
}
.donation_progress-mask {
  width: 100%;
  height: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  margin: 10px 0 0;
}
.donation_progress-bar {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  width: 0%;
  height: 100%;
  border-radius: 15px;
}
.donation_targets-header {
  display: block;
  clear: both;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.donation_targets-container::after {
  clear: both;
  content: "";
  display: table;
}
.donation_targets-container {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  clear: both;
  width: 60%;
}
.donation_targets-view {
  float: right;
  margin: 13px 15px -30px 0;
  position: relative;
  z-index: 3;
}
.donation_target {
  padding: 15px 20px;
  display: block;
  margin-right: 2.0006991813%;
  width: 18.399440655%;
}
.donation_target:last-child {
  margin-right: 0;
}
.donation_target {
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 21px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.donation_target.large {
  padding: 10px 20px;
}
.donation_target.medium {
  padding: 10px 20px;
}
.donation_target.small {
  padding: 10px 20px;
}
.donation_target {
  /*
    Colors
  */
  background: rgb(191, 193, 196);
  color: #ffffff;
  /*
    States
  */
}
.donation_target:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.donation_target:focus {
  outline: none;
}
.donation_target[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.donation_target[disabled]:hover {
  background-color: #e6e6e6;
}
.donation_target[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.donation_target {
  display: inline-block;
  padding: 0.7em;
  background-color: rgb(66, 92, 205);
  text-transform: uppercase;
  text-align: center;
  color: white;
  float: left;
  border-radius: 3px;
}
.donation_fundraiser-search_invalid {
  font-size: 12px;
  color: rgb(205, 68, 67);
  margin-top: 8px;
}
.donation_fundraiser-search-input:placeholder {
  color: red;
}
.donation_fundraiser-search-matches {
  /*width: 60%;*/
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  border-radius: 2;
  -webkit-box-shadow: 0px 2px 10px 0.5px #5a5a5a;
  box-shadow: 0px 2px 10px 0.5px #5a5a5a;
  font-size: 15px;
}
.donation_fundraiser-search-match {
  /*width: 60%;*/
  display: block;
  padding: 0.6em;
}
.donation_fundraiser-search-match:hover {
  background-color: rgb(240, 240, 240);
}
.donation_fundraiser-search-match-label {
  padding: 0.8em;
  display: inline-block;
}
.donation_fundraiser-search-match-photo {
  height: 50px;
  width: 50px;
  padding: 0px;
  border: 1px solid #ccc;
  float: left;
  border-radius: 50%;
}

.donation_form-fieldset .form_radio-input,
.donation_form-fieldset .form_checkbox-input {
  position: absolute;
  display: inline-block;
  z-index: -5;
}
.donation_form-fieldset .form_radio-input:focus + .form_radio-label::before, .donation_form-fieldset .form_radio-input:focus + .form_checkbox-label::before,
.donation_form-fieldset .form_checkbox-input:focus + .form_radio-label::before,
.donation_form-fieldset .form_checkbox-input:focus + .form_checkbox-label::before {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.donation_form-error {
  clear: both;
}
.donation_amount {
  padding-bottom: 27px;
  border-bottom: 1px solid rgb(210, 210, 210);
}
.donation_amount::after {
  clear: both;
  content: "";
  display: table;
}
.donation_amount-levels::after {
  clear: both;
  content: "";
  display: table;
}
.donation_amount-levels {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.donation_amount-level {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 18.399440655%;
}
.donation_amount-level {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  padding: 10px 20px;
  font-size: 21px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 5px;
  text-transform: uppercase;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.donation_amount-level.large {
  padding: 10px 20px;
}
.donation_amount-level.medium {
  padding: 10px 20px;
}
.donation_amount-level.small {
  padding: 10px 20px;
}
.donation_amount-level {
  /*
    Colors
  */
  background: rgb(191, 193, 196);
  /*
    States
  */
}
.donation_amount-level:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.donation_amount-level:focus {
  outline: none;
}
.donation_amount-level[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.donation_amount-level[disabled]:hover {
  background-color: #e6e6e6;
}
.donation_amount-level[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.donation_amount-level {
  border-radius: 3px;
  padding: 15px 20px;
  position: relative;
}
.donation_amount-level:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donation_amount-level:hover:not(.selected):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.donation_amount-level {
  background-color: #55cafe;
  color: #ffffff;
  text-transform: capitalize;
  border: 0;
  max-height: 59px;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.donation_amount-level.selected {
  background: rgb(119, 212.6, 254.2);
  border: 2px solid black;
}
.donation_amount-level.usd:before {
  content: "$";
}
.donation_amount-level:last-child {
  margin-right: 0;
}
.donation_amount-details::after {
  clear: both;
  content: "";
  display: table;
}
.donation_amount-details {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 0 0;
}
.donation_amount-details .form_currency {
  left: 100px;
  position: absolute;
  top: 6px;
  height: 100%;
  color: rgb(161, 168, 172);
}
.donation_amount-details.fixed {
  position: relative;
  padding: 0;
}
.donation_amount-details.fixed .donation_amount-detail-label {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 40.4995921442%;
}
.donation_amount-details.fixed .donation_amount-detail-label:last-child {
  margin-right: 0;
}
.donation_amount-details.fixed .donation_amount-detail-label {
  text-align: right;
  padding: 18px 0;
  font-size: 16px;
  font-weight: 700;
  color: rgb(35, 42, 47);
}
.donation_amount-details.forced .donation_amount-symbol {
  display: inline-block;
  float: left;
  padding: 5px;
}
.donation_amount-details.forced .donation_amount-detail-label {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 40.4995921442%;
}
.donation_amount-details.forced .donation_amount-detail-label:last-child {
  margin-right: 0;
}
.donation_amount-details.forced .donation_amount-detail-label {
  text-align: right;
  padding: 7px 0;
}
.donation_amount-details.forced .donation_amount-value {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation_amount-details.forced .donation_amount-value:last-child {
  margin-right: 0;
}
.donation_amount-value-fixed {
  width: auto;
  display: inline-block;
  font: bold 23px "Mulish", Arial, Helvetica, sans-serif;
  background: #f1f1f1;
  padding: 15px 20px;
  border-radius: 3px;
}
.donation_amount-value-fixed-sym {
  font-size: 21px;
}
.donation_amount-value-fixed.monthly:after {
  content: "/month";
  font-size: 21px;
  color: rgb(114, 126, 131);
  font-weight: 400;
}
.donation_amount-detail {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.donation_amount-detail:last-child {
  margin-right: 0;
}
.donation_amount-detail {
  margin-right: 0;
  text-align: right;
  color: #999;
  background: transparent;
  height: 42px;
}
.donation_amount-label {
  font: bold 13px "Mulish", Arial, Helvetica, sans-serif;
}
.donation_amount-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}
.donation_amount-symbol {
  display: table-cell;
  top: 3px;
  left: -20px;
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.donation_amount-value {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation_amount-value:last-child {
  margin-right: 0;
}
.donation_amount-value {
  position: relative;
}
.donation_amount-value-num {
  padding: 0px 40px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.donation_amount-value.monthly:after {
  content: "/mo";
  position: absolute;
  top: 25%;
  right: 6px;
  color: #ccc;
}
.donation_amount-currency {
  margin-top: 12px;
  float: left;
  text-transform: uppercase;
  left: -5px;
  position: relative;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.donation_amount-frequency {
  padding: 0;
  width: 220px;
  display: inline-block;
}
.donation_amount-frequency .form_radio-label {
  margin-right: 12px;
}
.donation_select-radio {
  margin-right: 10px;
}

#grey-background {
  background: rgb(248, 248, 248);
  margin-top: 25px;
  padding: 20px 0px 5px 20px;
  text-align: center;
}
#grey-background .form_text-input {
  background: #ffffff;
}

.dedication_info {
  color: #999;
  font-size: 11px;
  line-height: 15px;
}
.dedication_zip {
  width: 135px;
  text-align: right;
  color: #999;
  padding: 10px 15px 0px 0;
  float: left;
  clear: both;
}
.dedication_text-input {
  width: 74%;
  margin-right: 0;
}
.dedication_text-input.half {
  margin-right: 10px;
  float: left;
  width: 36%;
}
.dedication_text-input.half:last-of-type {
  margin-right: 0;
}
.dedication_details {
  padding-bottom: 18px;
  margin-bottom: 20px;
}
.dedication_details .honoree-name {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
.dedication_details .form_radio-label {
  margin-top: 13px;
  line-height: 20px;
}
.dedication_divider {
  padding: 0 3px;
}
.dedication_message {
  margin-bottom: 20px;
}
.dedication_message::after {
  clear: both;
  content: "";
  display: table;
}
.dedication_message-label {
  display: block;
  text-align: left;
  width: auto;
  padding: 0;
  color: #999;
  margin-bottom: 10px;
  font: normal 13px "Mulish", Arial, Helvetica, sans-serif;
}
.dedication_message-label span {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  float: none;
  clear: none;
}
.dedication_message-details textarea {
  float: left;
  clear: both;
  width: 100%;
  height: 178px;
  margin-bottom: 3px;
}
.dedication_message-details .right-controls {
  display: block;
  margin-top: 0;
  margin-right: 8px;
  cursor: pointer;
  color: #999;
}
.dedication_message-details .formError {
  float: left;
  clear: both;
  width: 100%;
}
.dedication_message .ecards-card {
  background-size: cover;
  background-position: center;
}
.dedication_message .ecards-grid::after {
  clear: both;
  content: "";
  display: table;
}
.dedication_message .ecards-grid {
  margin-top: 5px;
  clear: both;
}
.dedication_message .ecards-grid > div {
  position: relative;
  float: left;
  cursor: pointer;
}
.dedication_message .ecards-grid > div div {
  margin: 3px;
  outline: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 126px;
  height: 84px;
  vertical-align: bottom;
  background-size: cover;
  background-position: center center;
}
.dedication_message .ecards-grid > div div.active {
  outline: 2px solid #4293cc;
}
.dedication_message .ecards-grid > div div:hover:not(.active) {
  outline: 2px solid #ccc;
}
.dedication_message .ecards-grid > div::after {
  clear: both;
  content: "";
  display: table;
}
.dedication_message .ecards-grid_input-label {
  position: absolute;
  right: 25px;
  bottom: 25px;
  margin: 0;
  padding: 0;
}
.dedication_message .ecards-grid_input-radio {
  position: absolute;
  margin: 65px 0 0 108px;
}
.dedication_message span.info {
  color: #999;
  display: block;
  float: left;
  clear: both;
  font-size: 11px;
  line-height: 15px;
  margin-top: 10px;
}
.dedication_physical p {
  padding-top: 15px;
}
.dedication-physical .form_error {
  bottom: 0px !important;
}

.donation::after {
  clear: both;
  content: "";
  display: table;
}
.donation {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation_buttons {
  float: left;
  clear: both;
  width: 100%;
}
.donation-prompt .donation_form-field {
  margin: 0;
}
.donation-prompt p {
  margin: 0;
}
.donation-prompt .form_checkbox-label {
  display: block;
}

.donation_summary::after {
  clear: both;
  content: "";
  display: table;
}
.donation_summary {
  clear: both;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  padding: 20px;
}
.donation_summary-label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
}
.donation_summary-amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.donation_summary-details {
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 29px;
}
.donation_summary-details.indent {
  display: inline-block;
}
.donation_summary-submit {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.donation_summary-submit:last-child {
  margin-right: 0;
}
.donation_summary-submit {
  margin-top: 30px;
}
.donation_button {
  position: relative;
}
.donation_button:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donation_button:hover:not(.selected):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.donation_button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 25px;
  font-size: 35px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 5px;
  text-transform: uppercase;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.donation_button.large {
  padding: 15px 25px;
}
.donation_button.medium {
  padding: 15px 25px;
}
.donation_button.small {
  padding: 15px 25px;
}
.donation_button {
  /*
    Colors
  */
  background: rgb(191, 193, 196);
  color: #ffffff;
  /*
    States
  */
}
.donation_button:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.donation_button:focus {
  outline: none;
}
.donation_button[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.donation_button[disabled]:hover {
  background-color: #e6e6e6;
}
.donation_button[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.donation_button {
  background: rgb(52, 176, 219);
  min-width: 200px;
  border-radius: 3px;
  margin: 0;
}
.donation_button.edit {
  font-size: 18px;
}
.donation_footer::after {
  clear: both;
  content: "";
  display: table;
}
.donation_footer {
  padding-top: 35px !important;
  padding-bottom: 40px !important;
}
.donation_footer-user-photo {
  width: 60px;
  height: 60px;
  margin-right: 12px;
  padding: 0px;
  border: 1px solid #ccc;
  float: left;
  border-radius: 50%;
}
.donation_terms {
  margin: 10px 5px 20px 0px;
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.donation_terms a {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
}
.donation_terms span {
  text-transform: uppercase;
}

footer {
  clear: both;
}

@media screen and (max-width: 568px) {
  .datepicker .picker.picker--opened .picker__holder {
    height: 100vh;
    top: 0;
    bottom: 0;
  }
}
.datepicker .picker__day--highlighted:hover, .datepicker .picker--focused .picker__day--highlighted {
  border-radius: 3px;
  background: rgb(179.4, 189.8, 235);
  border: 1px solid #425ccd;
}
.datepicker .picker__input.picker__input--active {
  border-color: #425ccd;
}
.datepicker .picker__button--close {
  bottom: 500px;
  background: transparent;
  border: 0;
  font-weight: 300;
  right: -260px;
  height: 55px;
  padding: 0;
  width: 55px;
  position: relative;
}
.datepicker .picker__button--close:before {
  font-size: 60px;
  color: rgb(248, 248, 248);
  position: absolute;
  top: 0;
  right: 0;
}
.datepicker .picker__button--close:hover, .datepicker .picker__button--close:focus, .datepicker .picker__button--close:active {
  background: transparent !important;
  color: #ffffff;
  border: 0;
}
.datepicker .picker--opened .picker__frame {
  bottom: auto;
  top: 150px;
}
.datepicker .picker--opened .picker__frame .picker__header {
  margin-bottom: 60px;
  margin-top: 30px;
}
.datepicker .picker--opened .picker__frame .picker__select--year::after {
  clear: both;
  content: "";
  display: table;
}
.datepicker .picker--opened .picker__frame .picker__select--year {
  border: 0;
  font-size: 14px;
  color: rgb(44, 52, 59);
  background: #ffffff;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -50px;
  outline: 0;
  text-indent: 15px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  width: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
}
.datepicker .picker--opened .picker__frame .picker__day--selected, .datepicker .picker--opened .picker__frame .picker__day--highlighted, .datepicker .picker--opened .picker__frame .picker__day--selected:hover, .datepicker .picker--opened .picker__frame .picker--focused .picker__day--selected {
  background: #425ccd;
  border-color: #425ccd;
  border-radius: 3px;
}
.datepicker .picker--opened .picker__frame .picker__day--infocus:hover, .datepicker .picker--opened .picker__frame .picker__day--outfocus:hover, .datepicker .picker--opened .picker__frame .picker__button--today:hover, .datepicker .picker--opened .picker__frame .picker__button--clear:hover, .datepicker .picker--opened .picker__frame .picker__button--close:hover, .datepicker .picker--opened .picker__frame .picker__nav--prev:hover, .datepicker .picker--opened .picker__frame .picker__nav--next:hover {
  border-radius: 3px;
  background: rgb(179.4, 189.8, 235);
}
.datepicker .picker--opened .picker__frame .picker__day--today:before {
  border-top: 0.5em solid rgb(46.2, 64.4, 143.5);
}
.datepicker .picker--opened .picker__frame .picker__button--today:before {
  border-top: 0.66em solid rgb(46.2, 64.4, 143.5);
}
.datepicker .picker--opened .picker__frame .picker__nav--prev:before, .datepicker .picker--opened .picker__frame .picker__nav--next:before {
  font-family: FontAwesome;
  border: 0;
  left: -30%;
  position: relative;
}
.datepicker .picker--opened .picker__frame .picker__nav--prev:before {
  content: "\f053";
}
.datepicker .picker--opened .picker__frame .picker__nav--next:before {
  content: "\f054";
}
.datepicker div[uib-datepicker-popup-wrap] div[uib-datepicker] div[uib-daypicker]:focus {
  outline: none !important;
}
.datepicker div[uib-datepicker-popup-wrap] div[uib-datepicker] thead button {
  background: transparent;
}
.datepicker div[uib-datepicker-popup-wrap] div[uib-datepicker] td {
  padding: 1px;
}
.datepicker div[uib-datepicker-popup-wrap] div[uib-datepicker] button span.muted {
  opacity: 0.5;
}
.datepicker .dropdown-menu span,
.datepicker .datepicker span {
  font: normal 12px "Mulish", Arial, Helvetica, sans-serif;
}
.datepicker .dropdown-menu li,
.datepicker .datepicker li {
  padding: 5px 10px;
}
.datepicker .dropdown-menu .btn,
.datepicker .datepicker .btn {
  border: none;
  outline: 0;
  margin-left: 2px;
  margin-right: 2px;
}
.datepicker .dropdown-menu .btn:focus,
.datepicker .datepicker .btn:focus {
  outline: 0;
}
.datepicker .dropdown-menu table:focus,
.datepicker .datepicker table:focus {
  outline: 0;
}
.datepicker .dropdown-menu .glyphicon-chevron-right:before,
.datepicker .datepicker .glyphicon-chevron-right:before {
  content: "\f054";
  font-family: "FontAwesome";
  font-style: normal;
}
.datepicker .dropdown-menu .glyphicon-chevron-left:before,
.datepicker .datepicker .glyphicon-chevron-left:before {
  content: "\f053";
  font-family: "FontAwesome";
  font-style: normal;
}
.datepicker .dropdown-menu .text-center,
.datepicker .datepicker .text-center {
  text-align: center;
}
.datepicker .dropdown-menu .text-muted,
.datepicker .datepicker .text-muted {
  color: #ccc;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.datepicker .dropdown-menu small,
.datepicker .datepicker small {
  font-size: 85%;
}

.sc-block[data-type=donation] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=donation] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.inline-element {
  display: inline-block;
  margin-right: 5px;
}

.donation {
  margin-top: -115px;
  padding-top: 115px;
}
.donation_background::after {
  clear: both;
  content: "";
  display: table;
}
.donation_background {
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.donation .form_label {
  color: rgb(161, 168, 172);
}
.donation .form_text-input {
  background-color: rgb(248, 248, 248);
}
.donation .form_text-input[name=cellphone] {
  margin-bottom: 10px;
}
.donation .form_select {
  background-color: rgb(248, 248, 248);
}
.donation .form_select:focus:focus, .donation .form_text-area:focus:focus, .donation .form_text-input:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation .form_error {
  margin-left: 25.5001747953%;
  bottom: 20px;
  position: relative;
  text-align: left;
}
.donation .form_error.margin-top {
  margin-top: 20px;
}
.donation .form_checkbox-label {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.donation .form_checkbox-label.top-space {
  top: 8px;
}
@media screen and (max-width: 568px) {
  .donation .form_checkbox-label.checkbox-anonymous {
    display: initial;
  }
}
.donation .form_radio-label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
}
.donation .form_radio-label.donation-type {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  line-height: normal;
}
.donation_inner-wrap {
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.donation_inner-wrap .form_text-area {
  background-color: rgb(248, 248, 248);
}
.donation_inner-wrap.with-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 15px;
}
.donation_inner-wrap.added-padding {
  padding-bottom: 25px;
}
.donation_inner-wrap.added-padding + .donation-prompt_more {
  margin-top: 0;
}
.donation_tip {
  color: rgb(52, 176, 219);
  font-size: 16px;
}
.donation .help.donation_tip {
  left: -3px;
  position: relative;
}
@media screen and (max-width: 568px) {
  .donation .help.donation_tip {
    display: initial;
    left: 0;
  }
}
@media screen and (max-width: 568px) {
  .donation .help .balloon {
    width: 120px;
  }
}
.donation_form-field-hint {
  display: block;
  clear: both;
}
.donation_form-table {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation_form-table:last-child {
  margin-right: 0;
}
.donation_form-table {
  display: table;
  height: 42px;
}
.question-block .donation_form-table {
  height: auto;
  display: block;
  width: 100%;
  padding-bottom: 12px;
}
.donation_form-table.amount {
  width: 100%;
}
.donation_form-table.amount .donation_form-field-label {
  padding-right: 10px;
}
.donation_form-table.with-padding {
  padding-right: 15px;
}
.donation_form-table.third {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.donation_form-table.third:last-child {
  margin-right: 0;
}
.donation_form-table.third {
  display: table;
}
.donation_form-table.monthly {
  height: 58px;
}
.donation_form-field::after {
  clear: both;
  content: "";
  display: table;
}
.donation_form-field {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 0 30px 0;
  clear: both;
}
.donation_form-field-thin {
  padding: 10px 0;
}
.donation_form-field-hint {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 3px;
  text-align: right;
}
.donation_form-field-label {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}
.donation_form-field-label.left {
  text-align: left;
}
.donation_form-field-label.large {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-align: left;
  padding-top: 0;
}
.donation_form-field-label.right {
  text-align: right;
}
.donation_form-field-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}
.donation_form-fieldset {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.donation_form-fieldset:last-child {
  margin-right: 0;
}
.donation_form-fieldset {
  border: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.donation_form fieldset {
  margin: 0;
}
.donation_form .desktop-half {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 36.2495630117%;
}
.donation_form .desktop-half:last-child {
  margin-right: 0;
}
.donation_form .desktop-third {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation_form .desktop-third:last-child {
  margin-right: 0;
}
.donation_form .desktop-two-thirds {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.donation_form .desktop-two-thirds:last-child {
  margin-right: 0;
}
.donation_form .desktop-quarter {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 17.1244319152%;
}
.donation_form .desktop-quarter:last-child {
  margin-right: 0;
}
.donation_form .desktop-full {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 74.4998252047%;
}
.donation_form .desktop-full:last-child {
  margin-right: 0;
}
.donation_form .desktop-full {
  margin-right: 0;
}
.donation_form .indent {
  margin-left: 25.5001747953%;
}
.donation_form .last {
  margin-right: 0;
}
.donation-prompt {
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin: 15px 0 0;
  font-size: 14px;
  border-radius: 5px;
}
.donation-prompt.solo {
  padding: 10px 20px;
}
.donation-prompt_select {
  margin: 0 10px 0 0;
}
.donation-prompt_field::after {
  clear: both;
  content: "";
  display: table;
}
.donation-prompt_field {
  margin-top: 20px;
}
.donation-prompt_field-label {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation-prompt_field-label:last-child {
  margin-right: 0;
}
.donation-prompt_field-label {
  text-align: right;
  color: #999;
  clear: both;
  font-size: 13px;
  padding: 5px 0 0 0;
}
.donation-prompt_field-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}
.donation-prompt.select-project {
  margin: 30px 0 40px 0;
}
.donation-prompt.select-project .donation-prompt_field {
  padding: 0;
}
.donation-prompt.select-project .donation-prompt_field .required {
  width: 305px;
}
.donation-prompt_more {
  position: relative;
  background: rgb(248, 248, 248);
  margin: 20px 0 0;
  padding: 10px 6% 25px 6%;
}
.donation-prompt_more .form_text-input,
.donation-prompt_more .form_select {
  background-color: #ffffff;
}
.donation .address-collect::after {
  clear: both;
  content: "";
  display: table;
}
.donation .address-collect {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.donation .waiver-checkbox {
  float: right;
  margin-top: 10px;
}
@media screen and (min-width: 569px) {
  .donation .waiver-label {
    padding-top: 0;
    display: block;
    line-height: 22px;
  }
}

.donate-double_loading {
  display: block;
  margin: 10px auto;
}

@media screen and (max-width: 960px) {
  .donation .mobile-large-ls-full {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 74.4998252047%;
  }
  .donation .mobile-large-ls-full:last-child {
    margin-right: 0;
  }
  .donation .mobile-large-ls-full {
    margin-left: 25.5001747953%;
    margin-top: 15px;
  }
  .donation .donation_inner-wrap {
    padding: 0 20px;
  }
  .donation .donation_inner-wrap.with-border {
    padding: 10px 20px;
  }
  .donation .donation_amount-value {
    max-width: 21%;
  }
}
@media screen and (max-width: 568px) {
  .donation input[type=text],
  .donation input[type=number],
  .donation input[type=email],
  .donation input[type=tel] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .donation .form_checkbox-label {
    width: 100%;
    display: block;
  }
  .donation .form_error {
    margin-left: 0 !important;
  }
  .donation .form_input-addon {
    width: 100px;
    line-height: 35px;
    min-width: 100px;
    border-width: 0 1px 0 0;
  }
  .donation .form_input-with-addon {
    border: 1px solid rgb(210, 210, 210);
    border-radius: 5px;
    overflow: hidden;
  }
  .donation .donation-prompt_field-label {
    display: block;
    text-align: left;
    width: 100%;
  }
  .donation .donation_amount-details.fixed .donation_amount-detail-label {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 40.4995921442%;
  }
  .donation .donation_amount-details.fixed .donation_amount-detail-label:last-child {
    margin-right: 0;
  }
  .donation .donation_amount-details.fixed .donation_amount-detail-label {
    padding: 9px 0;
  }
  .donation .donation_amount-details {
    position: relative;
  }
  .donation .donation_amount-details .form_input-with-addon.monthly:after {
    content: "/mo";
    position: absolute;
    top: 27%;
    right: 46px;
    color: rgb(114, 126, 131);
  }
  .donation .donation_amount-details .donation_amount-value-fixed.monthly:after {
    content: "/mo";
    position: relative;
    color: rgb(114, 126, 131);
  }
  .donation .donation_amount-details .donation_amount-value-num {
    padding-right: 90px;
  }
  .donation .donation_amount-currency {
    position: absolute;
    left: auto;
    top: 5px;
    right: 10px;
  }
  .donation .donation_amount-value {
    max-width: none;
  }
  .donation .indent {
    margin-left: 0;
    margin-right: 0;
  }
  .donation .donation_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .donation .donation_summary-details {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 10px;
  }
  .donation .donation_summary-details.indent {
    display: inline-block;
  }
  .donation_amount-level {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 23.499475614%;
  }
  .donation_amount-level:last-child {
    margin-right: 0;
  }
  .donation_amount-level {
    padding: 8px;
  }
  .donation_amount-level:nth-child(4) {
    margin-right: 0;
  }
  .donation_amount-level:last-child {
    display: none;
  }
  .donation_form-table {
    width: 100%;
    display: block;
  }
  .donation_form-table.sc-custom-question-table {
    height: inherit;
    margin-bottom: 15px;
  }
  .donation_form-field-label.sc-custom-question-label {
    text-align: left;
  }
  .donation .desktop-third:nth-of-type(4),
  .donation .mobile-large-ls-third:nth-of-type(4),
  .donation .mobile-large-third:nth-of-type(4),
  .donation .mobile-ls-third:nth-of-type(4) {
    margin-top: 15px;
  }
  .donation .desktop-third:nth-of-type(3),
  .donation .mobile-large-ls-third:nth-of-type(3),
  .donation .mobile-large-third:nth-of-type(3),
  .donation .mobile-ls-third:nth-of-type(3) {
    margin-right: 0;
  }
  .donation .desktop-half:nth-of-type(3),
  .donation .mobile-large-ls-half:nth-of-type(3),
  .donation .mobile-large-half:nth-of-type(3),
  .donation .mobile-ls-half:nth-of-type(3) {
    margin-top: 15px;
  }
  .donation .desktop-half:nth-of-type(2),
  .donation .mobile-large-ls-half:nth-of-type(2),
  .donation .mobile-large-half:nth-of-type(2),
  .donation .mobile-ls-half:nth-of-type(2) {
    margin-right: 0;
  }
  .donation .desktop-two-thirds:nth-of-type(2),
  .donation .mobile-large-ls-two-thirds:nth-of-type(2),
  .donation .mobile-large-two-thirds:nth-of-type(2),
  .donation .mobile-ls-two-thirds:nth-of-type(2) {
    margin-top: 15px;
  }
  .donation .desktop-two-thirds:nth-of-type(1),
  .donation .mobile-large-ls-two-thirds:nth-of-type(1),
  .donation .mobile-large-two-thirds:nth-of-type(1),
  .donation .mobile-ls-two-thirds:nth-of-type(1) {
    margin-right: 0;
  }
  .donation .desktop-full:nth-of-type(2),
  .donation .mobile-large-ls-full:nth-of-type(2),
  .donation .mobile-large-full:nth-of-type(2),
  .donation .mobile-ls-full:nth-of-type(2) {
    margin-top: 15px;
  }
  .donation .desktop-full:nth-of-type(1),
  .donation .mobile-large-ls-full:nth-of-type(1),
  .donation .mobile-large-full:nth-of-type(1),
  .donation .mobile-ls-full:nth-of-type(1) {
    margin-right: 0;
  }
  .donation .desktop-third,
  .donation .mobile-large-ls-third,
  .donation .mobile-large-third,
  .donation .mobile-ls-third {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 31.9995338791%;
  }
  .donation .desktop-third:last-child,
  .donation .mobile-large-ls-third:last-child,
  .donation .mobile-large-third:last-child,
  .donation .mobile-ls-third:last-child {
    margin-right: 0;
  }
  .donation .desktop-two-thirds,
  .donation .mobile-large-ls-two-thirds,
  .donation .mobile-large-two-thirds,
  .donation .mobile-ls-two-thirds {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .donation .desktop-two-thirds:last-child,
  .donation .mobile-large-ls-two-thirds:last-child,
  .donation .mobile-large-two-thirds:last-child,
  .donation .mobile-ls-two-thirds:last-child {
    margin-right: 0;
  }
  .donation .desktop-half,
  .donation .mobile-large-ls-half,
  .donation .mobile-large-half,
  .donation .mobile-ls-half {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 48.9996504093%;
  }
  .donation .desktop-half:last-child,
  .donation .mobile-large-ls-half:last-child,
  .donation .mobile-large-half:last-child,
  .donation .mobile-ls-half:last-child {
    margin-right: 0;
  }
  .donation .desktop-full,
  .donation .mobile-large-ls-full,
  .donation .mobile-large-full,
  .donation .mobile-ls-full {
    margin-left: 0%;
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .donation .desktop-full:last-child,
  .donation .mobile-large-ls-full:last-child,
  .donation .mobile-large-full:last-child,
  .donation .mobile-ls-full:last-child {
    margin-right: 0;
  }
  .donation .desktop-full,
  .donation .mobile-large-ls-full,
  .donation .mobile-large-full,
  .donation .mobile-ls-full {
    margin-right: 0;
    clear: left;
  }
  .donation .donation_amount-value-num {
    padding-left: 22px;
    width: 100%;
    border: 0;
  }
}
@media screen and (max-width: 540px) {
  .donation .mobile-large-half {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 48.9996504093%;
  }
  .donation .mobile-large-half:last-child {
    margin-right: 0;
  }
  .donation .mobile-large-full {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .donation .mobile-large-full:last-child {
    margin-right: 0;
  }
  .donation .half {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 48.9996504093%;
  }
  .donation .half:last-child {
    margin-right: 0;
  }
  .donation .half:nth-child(3n) {
    margin-right: 0;
  }
  .donation .donation_form .indent {
    margin-left: 0;
  }
  .donation form[name=checkout] fieldset.dedication-block .dedication-physical p {
    padding: 0 0 10px 0;
  }
  .donation form[name=checkout] fieldset.yourInfo p textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .donation form[name=checkout] fieldset.yourInfo p span.hint {
    padding: 5px 0 0 0;
  }
  .donation form[name=checkout] fieldset.yourInfo p.comment .hint {
    margin: -5px 0 0 0;
  }
  .donation form[name=checkout] fieldset.yourInfo .dollarAmtField:before {
    height: 32px;
    padding: 10px 15px;
  }
  .donation form[name=checkout] fieldset.paymentDetails p select[name=cardExpMonth] {
    width: 47%;
    min-width: 0;
  }
  .donation form[name=checkout] fieldset.paymentDetails p select[name=cardExpYear] {
    width: 47%;
    min-width: 0;
    margin: 0 0 0 5px;
  }
  .donation form[name=checkout] fieldset.paymentDetails p select[name=cardCountry] {
    width: 100%;
  }
  .donation form[name=checkout] fieldset.paymentDetails p.cardNum .cardsAccepted {
    height: 50px;
    clear: both;
    position: relative;
    top: 10px;
    margin: 10px auto 0 auto;
  }
  .donation form[name=checkout] fieldset.paymentDetails p.address input[type=text], .donation form[name=checkout] fieldset.paymentDetails p.city input[type=text] {
    width: 100%;
  }
  .donation form[name=checkout] fieldset.paymentDetails p.stateZip input[type=text] {
    margin: 10px 0 0 0;
  }
  .donation form[name=checkout] fieldset.paymentDetails p.stateZip select {
    width: 100%;
    margin: 0 5px 0 0;
  }
  .donation form[name=checkout] fieldset.paymentDetails p.stateZip select:focus:focus {
    outline: #005fcc auto 1px;
    outline: -webkit-focus-ring-color auto 1px;
  }
  .donation form[name=checkout] fieldset.paymentDetails .address-collect {
    padding: 0;
  }
  .donation form[name=checkout] fieldset.shippingInfo p.address input[type=text], .donation form[name=checkout] fieldset.shippingInfo p.city input[type=text] {
    width: 100%;
  }
  .donation aside {
    display: none;
  }
}

@media screen and (max-width: 568px) {
  .picker.picker--opened .picker__holder {
    height: 100vh;
    top: 0;
    bottom: 0;
  }
}
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
  border-radius: 3px;
  background: rgb(179.4, 189.8, 235);
  border: 1px solid #425ccd;
}
.picker__input.picker__input--active {
  border-color: #425ccd;
}
.picker__button--close {
  bottom: 500px;
  background: transparent;
  border: 0;
  font-weight: 300;
  right: -260px;
  height: 55px;
  padding: 0;
  width: 55px;
  position: relative;
}
.picker__button--close:before {
  font-size: 60px;
  color: rgb(248, 248, 248);
  position: absolute;
  top: 0;
  right: 0;
}
.picker__button--close:hover, .picker__button--close:focus, .picker__button--close:active {
  background: transparent !important;
  color: #ffffff;
  border: 0;
}
.picker--opened .picker__frame {
  bottom: auto;
  top: 150px;
}
.picker--opened .picker__frame .picker__header {
  margin-bottom: 60px;
  margin-top: 30px;
}
.picker--opened .picker__frame .picker__select--year::after {
  clear: both;
  content: "";
  display: table;
}
.picker--opened .picker__frame .picker__select--year {
  border: 0;
  font-size: 14px;
  color: rgb(44, 52, 59);
  background: #ffffff;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -50px;
  outline: 0;
  text-indent: 15px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  width: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
}
.picker--opened .picker__frame .picker__day--selected, .picker--opened .picker__frame .picker__day--highlighted, .picker--opened .picker__frame .picker__day--selected:hover, .picker--opened .picker__frame .picker--focused .picker__day--selected {
  background: #425ccd;
  border-color: #425ccd;
  border-radius: 3px;
}
.picker--opened .picker__frame .picker__day--infocus:hover, .picker--opened .picker__frame .picker__day--outfocus:hover, .picker--opened .picker__frame .picker__button--today:hover, .picker--opened .picker__frame .picker__button--clear:hover, .picker--opened .picker__frame .picker__button--close:hover, .picker--opened .picker__frame .picker__nav--prev:hover, .picker--opened .picker__frame .picker__nav--next:hover {
  border-radius: 3px;
  background: rgb(179.4, 189.8, 235);
}
.picker--opened .picker__frame .picker__day--today:before {
  border-top: 0.5em solid rgb(46.2, 64.4, 143.5);
}
.picker--opened .picker__frame .picker__button--today:before {
  border-top: 0.66em solid rgb(46.2, 64.4, 143.5);
}
.picker--opened .picker__frame .picker__nav--prev:before, .picker--opened .picker__frame .picker__nav--next:before {
  font-family: FontAwesome;
  border: 0;
  left: -30%;
  position: relative;
}
.picker--opened .picker__frame .picker__nav--prev:before {
  content: "\f053";
}
.picker--opened .picker__frame .picker__nav--next:before {
  content: "\f054";
}

div[uib-datepicker-popup-wrap] div[uib-datepicker] div[uib-daypicker]:focus {
  outline: none !important;
}
div[uib-datepicker-popup-wrap] div[uib-datepicker] thead button {
  background: transparent;
}
div[uib-datepicker-popup-wrap] div[uib-datepicker] td {
  padding: 1px;
}
div[uib-datepicker-popup-wrap] div[uib-datepicker] button span.muted {
  opacity: 0.5;
}

.dropdown-menu span,
.datepicker span {
  font: normal 12px "Mulish", Arial, Helvetica, sans-serif;
}
.dropdown-menu li,
.datepicker li {
  padding: 5px 10px;
}
.dropdown-menu .btn,
.datepicker .btn {
  border: none;
  outline: 0;
  margin-left: 2px;
  margin-right: 2px;
}
.dropdown-menu .btn:focus,
.datepicker .btn:focus {
  outline: 0;
}
.dropdown-menu table:focus,
.datepicker table:focus {
  outline: 0;
}
.dropdown-menu .glyphicon-chevron-right:before,
.datepicker .glyphicon-chevron-right:before {
  content: "\f054";
  font-family: "FontAwesome";
  font-style: normal;
}
.dropdown-menu .glyphicon-chevron-left:before,
.datepicker .glyphicon-chevron-left:before {
  content: "\f053";
  font-family: "FontAwesome";
  font-style: normal;
}
.dropdown-menu .text-center,
.datepicker .text-center {
  text-align: center;
}
.dropdown-menu .text-muted,
.datepicker .text-muted {
  color: #ccc;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.dropdown-menu small,
.datepicker small {
  font-size: 85%;
}

.frs-modal_canvas.share .frs-modal_p {
  width: 80%;
  text-align: center;
  margin: 10px auto 30px auto;
}

.sc-block[data-type=thank-you] {
  position: relative;
}
.sc-block[data-type=thank-you]::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=thank-you] {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.thank-you_no-info {
  color: rgb(87, 104, 125);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  font-style: italic;
}
.thank-you_background::after {
  clear: both;
  content: "";
  display: table;
}
.thank-you_background {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.thank-you_headline {
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 15px;
  line-height: 1.2;
  overflow-wrap: break-word;
  font-weight: 400;
}
.thank-you_header {
  padding: 40px 6% 0 6%;
}
.thank-you_header_top {
  /*border-bottom: 1px dotted $lightGray;*/
  margin-bottom: 10px;
}
.thank-you_header_share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.thank-you_description {
  padding: 0 0px 10px 0px;
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.thank-you_description p {
  padding: 0 0 20px 0;
}
.thank-you_description ul > li {
  list-style: disc;
  margin-left: 1.4em;
}
.thank-you_description ol > li {
  margin-left: 1.4em;
}
.thank-you_description a {
  text-decoration: underline;
}
.thank-you_description img {
  max-width: 100%;
}
.thank-you_description {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 22px;
  padding-bottom: 0;
}
.thank-you_description ul,
.thank-you_description ol {
  list-style-position: inside;
}
.thank-you_description ul {
  list-style-type: disc;
}
.thank-you_confirmation {
  background-color: #f5f5f5;
}
.thank-you_confirmation .checkout-flow_legend {
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 13px;
  border-bottom: 1px solid #e2e2e2;
}
.thank-you_confirmation_inner {
  padding: 48px 6% 30px 6%;
}
.thank-you_confirmation_title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
.thank-you_confirmation_list::after {
  clear: both;
  content: "";
  display: table;
}
.thank-you_confirmation_list-title {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 27.7495047466%;
}
.thank-you_confirmation_list-title:last-child {
  margin-right: 0;
}
.thank-you_confirmation_list-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  min-width: 130px;
  margin-bottom: 15px;
  clear: left;
}
.thank-you_confirmation_list-campaign-goal-msg {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  float: left;
  clear: left;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.thank-you_confirmation_list-description {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  float: left;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.thank-you_fundraiser-message {
  padding: 0px 6% 25px 6%;
  color: #777;
}
.thank-you_fundraiser-message-blurb {
  padding: 0 0px 10px 0px;
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.thank-you_fundraiser-message-blurb p {
  padding: 0 0 20px 0;
}
.thank-you_fundraiser-message-blurb ul > li {
  list-style: disc;
  margin-left: 1.4em;
}
.thank-you_fundraiser-message-blurb ol > li {
  margin-left: 1.4em;
}
.thank-you_fundraiser-message-blurb a {
  text-decoration: underline;
}
.thank-you_fundraiser-message-blurb img {
  max-width: 100%;
}
.thank-you_fundraiser-message-blurb {
  padding-left: 110px;
}
.thank-you_fundraiser-message-blurb a {
  text-decoration: none;
  color: rgb(66, 92, 205);
}
.thank-you_fundraiser-photo {
  border-style: solid;
  border-width: thin;
  border-color: rgb(210, 210, 210);
  border-radius: 50%;
  height: 100px;
  width: 100px;
  display: block;
  float: left;
}
.thank-you_fundraiser-progress {
  width: 80%;
  padding: 10px 0 25px 0;
}
.thank-you_fundraiser-progress .sc-p2p-campaign-progress_bar-mask {
  border-style: solid;
  border-width: thin;
  border-color: rgb(240, 240, 240);
}
.thank-you_fundraiser-progress .sc-p2p-campaign-progress_bar-value {
  height: 100%;
  -webkit-transform: none;
  transform: none;
}
.thank-you_manage {
  padding: 0 6% 25px 6%;
  font-size: 14px;
  border-top: 1px solid rgb(240, 240, 240);
}
.thank-you_manage_prompt {
  padding: 0 0px 10px 0px;
  font-size: 24px;
  line-height: 36px;
}
.thank-you_manage_prompt p {
  padding: 0 0 20px 0;
}
.thank-you_manage_prompt ul > li {
  list-style: disc;
  margin-left: 1.4em;
}
.thank-you_manage_prompt ol > li {
  margin-left: 1.4em;
}
.thank-you_manage_prompt a {
  text-decoration: underline;
}
.thank-you_manage_prompt img {
  max-width: 100%;
}
.thank-you_manage_prompt {
  color: rgb(87, 104, 125);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  padding-left: 0;
}
.thank-you_manage_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 30px;
  margin: 15px 10px 0 0;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid currentColor;
  text-align: center;
  position: relative;
}
.thank-you_help {
  padding: 40px 6% 50px 6%;
  border-top: 1px solid rgb(240, 240, 240);
  font-size: 14px;
}
.thank-you_help_prompt {
  padding-left: 10px;
}
.thank-you_help_email {
  display: inline-block;
}
.thank-you_icon {
  font-size: 20px;
  margin-right: 5px;
}
.thank-you_custom-icon {
  position: relative;
  top: 2px;
  font-size: 30px;
}
.thank-you {
  /** Social share icons */
}
.thank-you_social-group {
  display: inline-block;
}
.thank-you_social-group .social-buttons_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.thank-you_social-group .social-buttons_item-twitter .social-buttons_item-link {
  display: block;
}
.thank-you_social-group .social-buttons_item {
  margin: 0 10px;
}
.thank-you_social-group .social-buttons_item-sms {
  display: none;
}
.thank-you_share.cancel {
  display: none;
}
.thank-you_employer-match {
  margin: 24px 40px;
}
.thank-you .dtd-plugin .grid-x > .medium-2 {
  width: 20%;
}
.thank-you .dtd-plugin .grid-x > .medium-10 {
  width: 80%;
}

.sc-block[data-type=activity] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=activity] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.activity {
  padding: 60px 0;
  background-color: #fff;
}
.activity::after {
  clear: both;
  content: "";
  display: table;
}
.activity .fr-element {
  text-align: center;
}
.activity .frs-header {
  position: relative;
}
.activity_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.activity_content:disabled, .activity_content[disabled] {
  pointer-events: none;
}
.activity_headline {
  margin: 0 auto 40px;
  max-width: 60%;
  text-align: center;
  font-size: 42px;
  font-weight: 600;
}
.activity_intro {
  margin: 0 auto 30px;
  max-width: 60%;
  text-align: center;
  font-size: 22px;
}
.activity_container {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.activity_container:last-child {
  margin-right: 0;
}
.activity_container {
  margin-left: 25.5001747953%;
  position: relative;
}
.activity_tabs {
  max-width: 450px;
  margin: 0 auto;
}
.activity_tabs::after {
  clear: both;
  content: "";
  display: table;
}
.activity_tabs {
  padding: 0;
  border-bottom: 2px solid rgb(240, 240, 240);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.activity_tab {
  position: relative;
  display: inline-block;
  padding: 15px 30px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  text-align: center;
  margin: 0 auto;
}
.activity_tab.active {
  color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87);
}
.activity_tab-count {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  vertical-align: baseline;
  display: inline-block;
  color: rgb(161, 168, 172);
  background-color: rgb(240, 240, 240);
  padding: 0 5px;
  margin-left: 3px;
  font-weight: 600;
  top: -1px;
}
.activity {
  position: relative;
}
.activity_user-image-container {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 48px;
}
.activity_user-image-container.relative {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .activity_user-image-container {
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
}
.activity_user-image-container span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1024px) {
  .activity_user-image-container span {
    font-size: 17px;
  }
}
.activity_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
}
.activity_main {
  position: relative;
}
.activity_body {
  margin-left: 65px;
}
@media screen and (max-width: 1024px) {
  .activity_body {
    margin-left: 53px;
  }
}
.activity_description {
  color: #666;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.activity_author {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .activity_author {
    font-size: 14px;
  }
}
.activity_action {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .activity_action {
    font-size: 13px;
  }
}
.activity_content::after {
  clear: both;
  content: "";
  display: table;
}
.activity_content {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .activity_content {
    font-size: 12px;
  }
}
.activity_meta {
  margin-top: 3px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .activity_meta {
    font-size: 11px;
  }
}
.activity_comments-total, .activity_comments-new, .activity_comment-new {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0 5px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.activity_comments-total i, .activity_comments-new i, .activity_comment-new i {
  color: #57687d;
  padding-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .activity_comments-total, .activity_comments-new, .activity_comment-new {
    font-size: 11px;
  }
}
.activity_comments-new {
  vertical-align: bottom;
}
.activity_comments-new:before {
  content: "•";
  margin-right: 5px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}
.activity_comments-new.gray {
  color: #57687d;
}
.activity_comments-container {
  margin-top: 15px;
  margin-left: 65px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 540px) {
  .activity_comments-container {
    margin-left: 0px;
  }
}
.activity_comments-all {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  padding: 15px 0 15px 64px;
  margin: 0;
  color: #57687d;
  font-weight: 600;
}
.activity_comments-item {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin: 0;
  padding: 15px;
}
.activity_comments-item:last-child {
  margin: 0;
}
.activity_comments-item.provisional {
  opacity: 0.1;
}
.activity_comment-form {
  padding: 15px;
  position: relative;
  background-color: rgb(248, 248, 248);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.activity_comment-form .ci {
  color: rgb(161, 168, 172);
  font-size: 40px;
}
.activity_comment-input-section {
  width: 100%;
  padding-left: 17px;
}
.activity_comment-input {
  width: 100%;
  border: 1px solid rgb(191, 193, 196);
  border-radius: 4px;
  height: 42px;
  font-size: 14px;
  padding: 10px;
  color: #57687d;
  background-color: #ffffff;
  outline: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.activity_comment-form {
  width: 100%;
  margin-bottom: 0px;
  border-bottom: 2px solid rgb(240, 240, 240);
}
.activity_comment-form-avatar {
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
.activity_comment-form.supporter {
  padding: 15px 33px;
  margin-left: 0;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .activity_comment-form.supporter {
    padding: 10px 0;
  }
}
.activity_comment-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.activity_feed {
  margin-left: 15px;
  margin-top: 36px;
}
.activity_feed.p2p {
  margin-top: 20px;
  margin-left: 4.2500291326%;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 91.4999417349%;
}
.activity_feed.p2p:last-child {
  margin-right: 0;
}
.activity_feed-load-btn {
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  transition: background 0.2s ease;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  background: rgba(0, 0, 0, 0.03);
  border-style: none;
  color: #57687d;
  outline: 0;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-left: 0;
}
.activity_feed-load-btn:hover {
  background: rgba(0, 0, 0, 0.05);
}
.activity_feed-load-btn:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}

@media screen and (max-width: 1024px) {
  .activity {
    padding: 60px 0;
  }
  .activity_container {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 91.4999417349%;
  }
  .activity_container:last-child {
    margin-right: 0;
  }
  .activity_container {
    margin-left: 4.2500291326%;
  }
  .activity_tabs {
    border-bottom: 0;
    margin-bottom: 0;
    text-align: center;
  }
  .activity_tab {
    display: inline-block;
    padding: 14px 10px;
    text-align: center;
    border-width: 3px;
    color: rgb(87, 104, 125);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1024px) and (max-width: 320px) {
  .activity_tab {
    padding: 14px 4px;
  }
}
@media screen and (max-width: 1024px) {
  .activity_tab-count {
    min-width: 18px;
    display: inline-block;
    font-size: 9px;
    font-weight: 400;
    color: rgb(161, 168, 172);
    background-color: rgb(240, 240, 240);
    padding: 1px 3px;
    margin-left: 0;
  }
  .activity_tab-title {
    margin-right: 5px;
  }
  .activity_comment-form {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .activity_comment-form:last-child {
    margin-right: 0;
  }
  .activity_comment-form {
    margin: 0;
    padding: 25px 0;
  }
  .activity_comment-form.supporter {
    padding: 15px 0;
  }
  .activity_comment-form-avatar {
    width: 33px;
    height: 33px;
    border-radius: 33px;
  }
  .activity_comment-container {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 91.4999417349%;
  }
  .activity_comment-container:last-child {
    margin-right: 0;
  }
  .activity_comment-container {
    margin-left: 4.2500291326%;
    margin-left: 0;
  }
  .activity_feed {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 91.4999417349%;
  }
  .activity_feed:last-child {
    margin-right: 0;
  }
  .activity_feed {
    margin-left: 4.2500291326%;
    margin-top: 35px;
  }
}

.sc-block[data-type=footer] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=footer] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer {
  line-height: 24px;
}
.footer_background {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.footer-block_logo-image {
  max-height: 50px;
  max-width: 300px;
}
.footer-block_logo-container {
  display: inline-block;
  margin-bottom: 30px;
}
.footer_link {
  color: inherit;
  font-size: 15px;
  line-height: 1.6;
  word-break: break-word;
}
.footer_inner::after {
  clear: both;
  content: "";
  display: table;
}
.footer_inner {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.footer_top {
  padding: 50px 50px 37px 50px;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.footer_top::after {
  clear: both;
  content: "";
  display: table;
}
.footer_top-right, .footer_top-left {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.footer_top-right:last-child, .footer_top-left:last-child {
  margin-right: 0;
}
.footer_top-right {
  text-align: right;
}
.footer_charity-name {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.4;
}
.footer_info {
  display: block;
  clear: both;
  font-size: 15px;
  line-height: 1.6;
}
.footer_scroll-to-top {
  background: none;
  border: 0;
  color: #fff;
  float: right;
  clear: both;
  margin-bottom: 14px;
  cursor: pointer;
}
.footer_scroll-to-top_text {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  float: left;
}
.footer_scroll-to-top_icon {
  margin-top: -5px;
  margin-left: 11px;
  text-align: center;
  float: left;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  font-style: normal;
  background-color: rgba(0, 0, 0, 0.1);
}
.footer_scroll-to-top_icon:before {
  line-height: 25px;
}
.footer_bottom::after {
  clear: both;
  content: "";
  display: table;
}
.footer_bottom {
  padding: 15px 50px 15px 50px;
  text-align: center;
  font-size: 12px;
  color: inherit;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
}
.footer_bottom-left {
  display: block;
  margin-right: 2.0006991813%;
  width: 57.4997086745%;
}
.footer_bottom-left:last-child {
  margin-right: 0;
}
.footer_bottom-left {
  float: left;
  text-align: left;
  color: inherit;
  line-height: 1.5;
}
.footer_bottom-right {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 40.4995921442%;
}
.footer_bottom-right:last-child {
  margin-right: 0;
}
.footer_bottom-right {
  float: right;
  text-align: right;
}
.footer_bottom-logo {
  font-size: 25px;
  display: inline-block;
  float: right;
  padding-left: 10px;
}
.footer_bottom-login {
  display: inline-block;
}
.footer_bottom-powered {
  display: inline-block;
}
.footer_bottom-link {
  color: inherit;
}
.footer_bottom-link.do-not-sell-my-info-link::before {
  content: "•";
  color: #fff;
  margin-right: 2px;
}

@media screen and (max-width: 568px) {
  .footer_top {
    padding: 20px;
  }
  .footer_charity-name {
    font-size: 15px;
    font-weight: 600;
  }
  .footer_info {
    font-size: 11px;
  }
  .footer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer_bottom {
    font-size: 12px;
    text-align: left;
    padding: 20px;
    line-height: 18px;
  }
  .footer_bottom-left {
    width: 100%;
    margin-right: unset;
  }
  .footer_bottom-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8px;
    padding-right: 0;
    width: 100%;
    text-align: unset;
  }
  .footer_bottom-login > span {
    display: none;
  }
  .footer_bottom-logo {
    padding-left: 3px;
    font-size: 12px;
  }
  .footer_top-right, .footer_top-left {
    width: 100%;
    text-align: left;
  }
  .footer_scroll-to-top {
    float: none;
    margin-left: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .footer_charity-name {
    font-size: 15px;
    font-weight: 600;
  }
  .footer_info {
    font-size: 11px;
  }
}

.link {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- *
 * Header stuff
 * -------------------------------------------------------------------------- */
.header-block {
  z-index: 3;
  position: relative;
}
.header-block_wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.header-block_wrapper {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header-block_wrapper {
    padding: 7px 15px;
  }
}
@media screen and (max-width: 768px) {
  .header-block_logo_nav {
    width: 50%;
  }
}
.header-block_dropdown {
  position: relative;
}
.header-block_logo {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.header-block_logo:last-child {
  margin-right: 0;
}
.header-block_logo {
  position: relative;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .header-block_logo {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 31.9995338791%;
  }
  .header-block_logo:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .header-block_logo {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .header-block_logo:last-child {
    margin-right: 0;
  }
  .header-block_logo {
    height: 40px;
  }
}
.header-block_logo-image {
  vertical-align: middle;
  max-height: 55px;
}
@media screen and (max-width: 768px) {
  .header-block_logo-image {
    max-height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.header-block_logo-link {
  display: inline-block;
}
.header-block_navigation {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.header-block_navigation:last-child {
  margin-right: 0;
}
.header-block_navigation {
  margin-right: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 22px;
  height: 55px;
}
.flexbox .header-block_navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexbox .header-block_navigation {
  display: block;
  text-align: right;
}
.header-block_navigation[disabled] {
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .header-block_navigation {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .header-block_navigation:last-child {
    margin-right: 0;
  }
  .header-block_navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .header-block_navigation {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 48.9996504093%;
  }
  .header-block_navigation:last-child {
    margin-right: 0;
  }
  .header-block_navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
  }
}
.header-block_search {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.header-block_search-icon {
  font-size: 22px;
}
.no-flexbox .header-block_search {
  margin-bottom: -5px;
}
.header-block_share {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.no-flexbox .header-block_share {
  display: inline-block;
  line-height: 55px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .header-block_share {
    display: none;
  }
  .no-flexbox .header-block_share {
    display: none;
  }
}
.header-block_share {
  position: relative;
  margin-top: -1px;
  display: block;
  height: 30px;
  line-height: 30px;
}
.header-block_share.share-container {
  color: #ffffff;
  max-width: 121px;
  height: 48px;
  min-width: 38px;
  background-color: #232323;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
}
@media screen and (max-width: 568px) {
  .header-block_share.share-container .header-block_share-text {
    display: none;
  }
}
.header-block_share.share-container.fundraiserPage {
  height: 38px;
}
.header-block_share-icon.ci {
  font-size: 22px;
}
.header-block_cart {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.no-flexbox .header-block_cart {
  display: inline-block;
  line-height: 55px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .header-block_cart {
    display: none;
  }
  .no-flexbox .header-block_cart {
    display: none;
  }
}
.header-block_cart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-top: -2px;
  display: flex;
  height: 30px;
  line-height: 30px;
}
.header-block_cart-icon {
  font-size: 24px;
}
.header-block_cart-qty {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (min-width: 320px) {
  .header-block_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.no-flexbox .header-block_goto {
  display: inline-block;
  line-height: 55px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .header-block_goto {
    display: none;
  }
  .no-flexbox .header-block_goto {
    display: none;
  }
}
.no-flexbox .header-block_dropdown {
  display: inline-block;
  line-height: 55px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .header-block_dropdown {
    display: none;
  }
  .no-flexbox .header-block_dropdown {
    display: none;
  }
}
.header-block_dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.header-block_dropdown .sc-user-dropdown_user-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 40px;
  max-height: 40px;
}
.header-block_user-btn {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.header-block_login {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.no-flexbox .header-block_login {
  display: inline-block;
  line-height: 55px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .header-block_login {
    display: none;
  }
  .no-flexbox .header-block_login {
    display: none;
  }
}
.header-block_login {
  padding: 10px 0;
}
.header-block_hamburger-toggle {
  font-size: 24px;
  float: right;
  display: none;
}
@media screen and (max-width: 768px) {
  .header-block_hamburger-toggle {
    display: block;
    padding: 5px 0;
    margin: inherit;
  }
}

.ace_editor {
  height: 500px;
}

.impact .fr-element {
  color: inherit;
  text-align: center;
}
.impact {
  padding: 60px 50px;
}
@media screen and (max-width: 768px) {
  .impact {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.impact_background {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.impact_title {
  padding: 0 0 20px 0;
  position: relative;
}
@media screen and (max-width: 568px) {
  .impact_title {
    padding-bottom: 0;
    font-size: 32px;
  }
}
.impact_headline {
  color: rgb(44, 52, 59);
  font-size: 42px;
  text-align: center;
  max-width: 60%;
  margin: 0 auto 40px;
  font-weight: 600;
}
.impact_levels {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.impact_content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding-bottom: 70px;
}
.impact_level {
  float: left;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.impact_level:last-child {
  margin-right: 0;
}
.impact_level {
  background-color: white;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  display: block;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 200px;
}
.impact_level.disabled {
  pointer-events: none;
}
.impact_level:nth-of-type(4n) {
  margin-right: 0;
}
.impact_level:nth-child(1n+5) {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .impact_level {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 48.9996504093%;
  }
  .impact_level:last-child {
    margin-right: 0;
  }
  .impact_level {
    margin-top: 16px;
  }
  .impact_level:nth-of-type(2n) {
    margin-right: 0;
  }
  .impact_level:nth-child(1n+5) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 568px) {
  .impact_level {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.impact_caption {
  padding: 15px;
}
.impact_caption::after {
  clear: both;
  content: "";
  display: table;
}
.impact_caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.impact_name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  text-align: left;
  width: 100%;
  padding: 5px 15px 0 15px;
  position: relative;
  font-weight: 600;
  min-height: 38px;
  word-wrap: break-word;
  clear: right;
}
@media screen and (max-width: 568px) {
  .impact_name {
    font-size: 22px;
  }
}
.impact_value {
  color: #57687d;
  font-size: 0.8em;
  font-style: italic;
  float: right;
  margin-left: 8px;
}
.impact_info {
  font-size: 15px;
  font-weight: 500;
  color: rgb(44, 52, 59);
  padding-top: 5px;
  padding: 15px 15px 0 15px;
  max-width: 100%;
  word-wrap: break-word;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.impact_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 10px 20px;
  font-weight: 600;
  color: #fff;
  border-radius: 4px;
  border: none;
  text-transform: uppercase;
  text-align: center;
  float: right;
  position: relative;
}
.impact_button:after {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.impact_button:hover:not(.selected):after {
  background-color: rgba(255, 255, 255, 0.2);
}
.impact_button[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
.impact_button-wrapper {
  width: 100%;
  padding: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.impact_image {
  width: 100%;
  max-width: 100%;
  padding-bottom: 66.6666666667%;
  background-size: cover;
  background-position: center center;
  border: none;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.impact_image.aspect_4-3 {
  padding-bottom: 75%;
}
.impact_image.aspect_3-2 {
  padding-bottom: 66.66%;
}
.impact_image.square {
  border-radius: 0;
}
.impact_donate {
  display: block;
  margin: 0 auto;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.impact .fr-placeholder {
  color: #fff !important;
}

.sc-block[data-type=location] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=location] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.location-block {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 1280px) {
  .location-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.location-block__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 320px) {
  .location-block__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .location-block__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .location-block__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .location-block__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .location-block__grid {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 640px) {
  .location-block__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .location-block__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .location-block__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .location-block__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .location-block__grid {
    max-width: 640px;
    width: 640px;
  }
}
@media screen and (min-width: 1024px) {
  .location-block__grid {
    max-width: 1024px;
    width: 1024px;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__grid {
    width: 1280px;
    max-width: 1280px;
    padding: 96px 0;
  }
}
.location-block__grid {
  height: 100%;
  cursor: default;
}
.location-block__grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.location-block__grid-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .location-block__grid-container {
    width: 640px;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__grid-container {
    width: 200%;
  }
}
.location-block__half {
  height: auto;
}
@media screen and (min-width: 320px) {
  .location-block__half {
    width: 100%;
    position: relative;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__half {
    width: 50%;
  }
}
.location-block__embed-map {
  position: relative;
  height: 100%;
}
.location-block__embed-map .google-maps__embed {
  width: 100%;
  height: 100%;
  border: 0;
}
.location-block__overlay {
  height: 100%;
  z-index: 3;
  opacity: 0.12;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .location-block__col-offset {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .location-block__col-offset:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .location-block__col-offset-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .location-block__col-offset-12-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .location-block__col-offset-11:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .location-block__col-offset-11-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .location-block__col-offset-10:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .location-block__col-offset-10-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .location-block__col-offset-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .location-block__col-offset-9-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .location-block__col-offset-9-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .location-block__col-offset-8:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .location-block__col-offset-8-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .location-block__col-offset-8-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .location-block__col-offset-7:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .location-block__col-offset-7-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .location-block__col-offset-7-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .location-block__col-offset-6:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .location-block__col-offset-6-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .location-block__col-offset-6-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .location-block__col-offset-5:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .location-block__col-offset-5-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .location-block__col-offset-5-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .location-block__col-offset-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .location-block__col-offset-4-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .location-block__col-offset-4-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .location-block__col-offset-4-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .location-block__col-offset-3:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .location-block__col-offset-3-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .location-block__col-offset-3-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .location-block__col-offset-3-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .location-block__col-offset-2:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .location-block__col-offset-2-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .location-block__col-offset-2-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .location-block__col-offset-2-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .location-block__col-offset-1:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .location-block__col-offset-1-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .location-block__col-offset-1-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-offset-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .location-block__col-offset-1-of-4:last-of-type {
    margin-right: 0;
  }
}
.location-block__col-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-wrap: break-word;
}
@media screen and (min-width: 320px) {
  .location-block__col-text {
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .location-block__col-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__col-text {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .location-block__col-text:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .location-block__col-text-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .location-block__col-text-12-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .location-block__col-text-11:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .location-block__col-text-11-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .location-block__col-text-10:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .location-block__col-text-10-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .location-block__col-text-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .location-block__col-text-9-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .location-block__col-text-9-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .location-block__col-text-8:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .location-block__col-text-8-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .location-block__col-text-8-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .location-block__col-text-7:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .location-block__col-text-7-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .location-block__col-text-7-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .location-block__col-text-6:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .location-block__col-text-6-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .location-block__col-text-6-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .location-block__col-text-5:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .location-block__col-text-5-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .location-block__col-text-5-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .location-block__col-text-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .location-block__col-text-4-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .location-block__col-text-4-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .location-block__col-text-4-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .location-block__col-text-3:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .location-block__col-text-3-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .location-block__col-text-3-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .location-block__col-text-3-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .location-block__col-text-2:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .location-block__col-text-2-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .location-block__col-text-2-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .location-block__col-text-2-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .location-block__col-text-1:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .location-block__col-text-1-of-12:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .location-block__col-text-1-of-9:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .location-block__col-text-1-of-4:last-of-type {
    margin-right: 0;
  }
  .location-block__col-text {
    text-align: left;
  }
}
@media screen and (min-width: 320px) {
  .location-block__headline {
    font-size: 21px;
    line-height: 1.29;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__headline {
    font-size: 36px;
    line-height: 1.33;
  }
}
.location-block__headline {
  color: #ffffff;
  font-weight: 600;
}
@media screen and (min-width: 320px) {
  .location-block__venue {
    font-size: 18px;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__venue {
    font-size: 24px;
  }
}
.location-block__venue {
  margin-top: 24px;
  line-height: 1.17;
  color: rgba(255, 255, 255, 0.7);
}
.location-block__content {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.6;
  color: #ffffff;
}
.location-block__content ul, .location-block__content ol {
  padding: 25px;
  list-style-position: inside;
  text-align: left;
  /**
   * Content shifts between left and center justification, so
   * bullets should also change alignment
   */
}
@media screen and (min-width: 640px) {
  .location-block__content ul, .location-block__content ol {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .location-block__content ul, .location-block__content ol {
    text-align: center;
  }
}
@media screen and (min-width: 1280px) {
  .location-block__content ul, .location-block__content ol {
    text-align: left;
  }
}
.location-block__content {
  /**
   * ! CL-15627 fix: css reset removes list-style-type for unordered lists
   */
}
.location-block__content ul {
  list-style-type: disc;
}

.subteam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0px;
  border-bottom: 1px solid rgb(240, 240, 240);
}
.subteam-nav {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: initial;
  margin: 0px 0px 30px 0px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.subteam-nav .fa-search {
  color: rgb(114, 126, 131);
  -ms-flex-item-align: baseline;
  align-self: baseline;
  margin: 3px 10px 0 0;
}
.subteam-search {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  border: none;
  width: calc(100% - 29px);
}
.subteam-search::-webkit-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.subteam-search::-moz-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.subteam-search:-ms-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.subteam-search::-ms-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.subteam-search::placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.subteam-search-field {
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 50%;
}
.subteam-spinner {
  position: relative;
}
.subteam-image {
  width: 60px;
  height: 60px;
}
.subteam-image-src {
  border-radius: 4px;
}
.subteam-details {
  margin-left: 20px;
  -ms-flex-preferred-size: calc(100% - 112px - 6%);
  flex-basis: calc(100% - 112px - 6%);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.subteam-details_arrow {
  margin-left: 6%;
}
.subteam-details_arrow-icon {
  border-radius: 100px;
  padding: 6px;
  background: rgb(238, 238, 238);
  color: rgba(0, 0, 0, 0.38);
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  width: 32px;
  font-size: 15px;
  height: 32px;
}
.subteam-details_arrow-icon:before {
  content: "\f105";
  font-family: "FontAwesome";
}
.subteam-details_text {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.subteam-name {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: rgb(35, 42, 47);
}
.subteam-members {
  padding-left: 20px;
}
.subteam-raised {
  display: inline-block;
  float: right;
}
.subteam-progress {
  display: block;
  width: 100%;
  margin: 10px 0;
  height: 8px;
  border-radius: 8px;
  background-color: #e2e2e2;
}
.subteam-progress-bar {
  display: block;
  width: 100%;
  margin: 15px 0;
  height: 8px;
  border-radius: 8px;
  background-color: #e2e2e2;
  background-color: #9b9b9b;
  max-width: 115%;
}
.subteam-list .ci-right-arrow {
  -ms-flex-item-align: center;
  align-self: center;
  color: rgb(54, 62, 69);
  font-size: 15px;
}

.team-block {
  position: relative;
}
.team-block_type {
  display: block;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.team-block .post_content a {
  color: inherit;
  text-decoration: inherit;
}
.team-block .post_content ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 0 auto;
  padding: 0 25px 25px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 568px) {
  .team-block .post_content ul {
    padding: 15px;
  }
}
.team-block .post_content ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.team-block .post_content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .team-block .post_content ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.team-block .post_content ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .team-block .post_content ol {
    padding: 15px;
  }
}
.team-block .post_content ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.team-block .post_content ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .team-block .post_content ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.team-block .post_content p {
  margin-bottom: 10px;
}
.team-block .post_content a {
  text-decoration: underline;
}
.team-block-wysiwyg {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
}
@media screen and (min-width: 568px) {
  .team-block-wysiwyg {
    margin: 15px 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 0;
  }
}
.team-block-wysiwyg {
  overflow: hidden;
}
.team-block-wysiwyg::after {
  clear: both;
  content: "";
  display: table;
}
.team-block-wysiwyg {
  padding: 0;
}
@media screen and (min-width: 568px) {
  .team-block-wysiwyg {
    height: auto;
  }
}
.team-block_main-text {
  padding-top: 20px;
}
.team-block_activity {
  margin-top: 35px;
}
.team-block_activity::after {
  clear: both;
  content: "";
  display: table;
}
.team-block_activity-tab {
  width: 50%;
  text-align: center;
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.team-block .activity_comment-section::after {
  clear: both;
  content: "";
  display: table;
}
.team-block .activity_comment-section {
  background: rgb(248, 248, 248);
  clear: both;
}
.team-block_empty-updates {
  text-align: center;
}
@media screen and (max-width: 568px) {
  .team-block_empty-updates {
    font-size: 15px;
  }
}
.team-block_header {
  position: relative;
  height: 475px;
}
.team-block_header-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .team-block_header {
    height: 210px;
    margin-top: -57px;
    padding-top: 57px;
  }
}
.team-block_main {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .team-block_main {
    margin-top: 0;
    padding: 0 5%;
  }
  .team-block_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5%;
  }
}
@media screen and (max-width: 480px) {
  .team-block_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5%;
  }
}
.team-block {
  /** Main Content */
}
@media screen and (max-width: 768px) {
  .team-block_content {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .team-block_content:last-child {
    margin-right: 0;
  }
  .team-block_content {
    margin-left: 0%;
  }
}
.team-block_content {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.team-block_content:last-child {
  margin-right: 0;
}
.team-block_content {
  margin-left: 4.2500291326%;
}
.team-block_headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .team-block_headline {
    margin-bottom: 15px;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}
.team-block_manage-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  top: -50px;
  right: 5%;
  padding: 0 25px;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  display: block;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ccc;
}
.team-block_share {
  float: right;
  padding-bottom: 25px;
  padding-left: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .team-block_share::after {
    clear: both;
    content: "";
    display: table;
  }
  .team-block_share {
    float: none;
    text-align: left;
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    top: 20px;
    right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 568px) {
  .team-block_share {
    top: 2px;
    right: 7px;
  }
}
@media screen and (max-width: 768px) {
  .team-block_share .ci-share-o {
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding-right: 5px;
  }
}
.team-block_share-label {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .team-block_share-label {
    display: none;
  }
}
.team-block_share-button {
  color: rgba(0, 0, 0, 0.54);
  height: 25px;
  font-size: 25px;
  vertical-align: middle;
  margin-left: 15px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .team-block_share-button {
    margin-left: 5px;
    margin-right: 15px;
  }
}
.team-block_share .share-button {
  color: #585858;
  max-width: 121px;
  height: 48px;
  background-color: unset;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
}
.team-block_share .share-button img {
  vertical-align: top;
}
.team-block_description {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 48px;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .team-block_description {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
.team-block_progress {
  display: inline-block;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .team-block_progress {
    margin: 20px 0 10px 0;
    width: 100%;
  }
}
.team-block_progress-stats {
  position: relative;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_progress-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.team-block_progress-goal {
  float: right;
  position: absolute;
  bottom: 0;
  right: 5px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 180px;
  padding: 12px 38px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.team-block_post-list-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: rgb(161, 168, 172);
  border-color: rgb(161, 168, 172);
}
.team-block_post-list-more:hover, .team-block_post-list-more[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: rgb(161, 168, 172);
  color: #ffffff;
}
.team-block_post-list-more:active:enabled, .team-block_post-list-more[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), rgb(161, 168, 172);
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), rgb(161, 168, 172);
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.team-block_post-list-more[disabled], .team-block_post-list-more:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.team-block_post-list-more {
  margin: 0px auto 35px auto;
  display: block;
  clear: both;
  outline: 0;
}
.team-block_post-list-loading {
  display: block;
  margin: 30px auto;
}
.team-block_post-list-item {
  margin-bottom: 15px;
  background: #ffffff;
}
.team-block_post-list-item-latest {
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 15px 10px 15px;
  background: #ffffff;
}
.team-block_post-list-item-latest .post_actions {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .team-block_post-list-item {
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
  }
}
.team-block_activity-subtitle {
  font-size: 18px;
  font-weight: 500;
}
.team-block_activity-loading {
  display: block;
  margin: 30px auto;
}
.team-block_update-container {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .team-block_update-container {
    padding: 15px 15px 20px 15px;
    background-color: rgb(248, 248, 248);
  }
}
.team-block_button {
  padding: 12px 35px;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .team-block_button {
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin: 15px 0;
  }
}
.team-block_button.share {
  font-size: 18px;
  background-color: rgb(240, 240, 240);
  color: rgb(54, 62, 69);
  font-weight: 600;
  font-weight: 700;
  padding: 9px;
}
.team-block_button.donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 35px;
}
.team-block_title {
  text-transform: uppercase;
  color: rgb(114, 126, 131);
  font-size: 15px;
  padding-top: 13px;
  display: block;
}
.team-block_photo {
  width: 40%;
  min-width: 130px;
  max-width: 200px;
  display: inline-block;
  float: left;
  margin: -20px 10px 0 0;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  padding: 3px;
  background: white;
}
.team-block_parent {
  display: table;
  border-bottom: 1px solid rgb(240, 240, 240);
  padding: 15px;
  width: 100%;
}
.team-block_parent-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-block_parent-img {
  display: table-cell;
  width: 65px;
  border-radius: 7px;
}
.team-block_parent-info {
  display: table-cell;
  vertical-align: top;
  width: 75%;
}
.team-block_parent-header {
  display: block;
  color: rgb(161, 168, 172);
  font-weight: 200;
}
.team-block_parent-name {
  display: block;
  font-weight: 700;
}
.team-block_team-members-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.team-block_show-more {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: rgb(161, 168, 172);
  border-color: rgb(161, 168, 172);
}
.team-block_show-more:hover, .team-block_show-more[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: rgb(161, 168, 172);
  color: #ffffff;
}
.team-block_show-more:active:enabled, .team-block_show-more[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), rgb(161, 168, 172);
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), rgb(161, 168, 172);
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.team-block_show-more[disabled], .team-block_show-more:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.team-block_show-more {
  margin: 0px auto 35px auto;
  display: block;
  clear: both;
  outline: 0;
}
.team-block_section {
  margin-bottom: 20px;
}
.team-block_main::after {
  clear: both;
  content: "";
  display: table;
}
.team-block_main {
  margin-top: 20px;
}
.team-block_main.without-margin {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .team-block_manage-button {
    color: #000000;
    border: 1px solid #000000;
    border-radius: 3px;
    height: auto;
    top: auto;
    float: left;
    position: relative;
    right: unset;
  }
}
@media screen and (max-width: 768px) {
  .team-block_members-container {
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
  }
}
.team-block_captain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
  .team-block_captain {
    margin-top: 13px;
  }
}
.team-block_captain-photo {
  margin-left: 36px;
  margin-right: 9px;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 768px) {
  .team-block_captain-photo {
    border-radius: 50%;
    height: 75px;
    width: auto;
    margin-left: 0;
  }
}
.team-block_captain-info {
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .team-block_captain-info {
    margin-left: 15px;
  }
}
.team-block_captain-title {
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.team-block_captain-name {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.team-block_captain-name.underline {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .team-block_captain-name {
    font-size: 15px;
    font-weight: 600;
    color: rgb(44, 52, 59);
  }
}
.team-block_name {
  margin-bottom: 9px;
}
.team-block_headline {
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.team-block_members {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 24px;
}
.team-block_members-nav {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: initial;
  margin: 0px 0px 30px 0px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.team-block_members-nav .fa-search {
  color: rgb(114, 126, 131);
  -ms-flex-item-align: baseline;
  align-self: baseline;
  margin: 3px 10px 0 0;
}
.team-block_members-search {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  border: none;
  width: calc(100% - 29px);
}
.team-block_members-search::-webkit-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_members-search::-moz-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_members-search:-ms-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_members-search::-ms-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_members-search::placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_members-search-field {
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 50%;
}
.team-block_members-empty-state {
  width: 100%;
}
.team-block_members-list {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 20px 0 20px;
}
@media screen and (max-width: 540px) {
  .team-block_members-list {
    padding: 0;
  }
}
.team-block_members-empty {
  color: #d3d3d3;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
}
.team-block_members-empty-text {
  display: block;
}
.team-block_members-loading.sc-spinner-v2 {
  top: 100%;
  padding-bottom: 10px;
}
.team-block_members .ci-profile {
  display: block;
  font-size: 75px;
  margin: 15px 0;
}
.team-block_members-join {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: rgb(44, 52, 59);
  border-color: rgb(44, 52, 59);
}
.team-block_members-join:hover, .team-block_members-join[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: rgb(44, 52, 59);
  color: #ffffff;
}
.team-block_members-join:active:enabled, .team-block_members-join[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), rgb(44, 52, 59);
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), rgb(44, 52, 59);
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.team-block_members-join[disabled], .team-block_members-join:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.team-block_members-join {
  margin: 20px 0;
}
.team-block_members-join:hover {
  background-color: transparent;
}
.team-block_members-join[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
.team-block_members-filter {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  position: relative;
}
.team-block_members-filter-menu {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px;
  float: right;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 40px;
  right: 0;
  padding: 10px;
  border-radius: 2px;
  background-color: #ffffff;
  border-top: 1px solid rgb(240, 240, 240);
  white-space: nowrap;
}
.team-block_members-filter-option {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 6px 20px 6px 25px;
}
.team-block_members-filter-current {
  float: right;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  position: relative;
}
.team-block_members-filter-current .is-open .fa {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.team-block_members-filter-current .fa {
  margin-left: 6px;
}
.team-block_members-filter-current {
  padding: 10px 13px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.team-block_members-filter-option:before {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  left: 11px;
}
.team-block_members-filter-option:hover:before {
  content: "\f058";
}
.team-block_members-filter-option.active:before {
  content: "\f058";
}
.team-block_members-filter-option.active {
  color: rgba(0, 0, 0, 0.87);
}
.team-block_leader {
  margin-bottom: 30px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 35px;
  padding: 0 10px;
  margin-top: 20px;
}
.team-block_leader-link:not([href^="/"]):hover {
  cursor: default;
}
.team-block_leader-title {
  color: rgb(87, 104, 125);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 9px;
  line-height: 18px;
  font-weight: 600;
}
.team-block_leader-image {
  margin: 0 auto;
  width: 115px;
  height: 115px;
  overflow: hidden;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 115px;
  background-color: rgb(248, 248, 248);
}
.team-block_leader-image::after {
  clear: both;
  content: "";
  display: table;
}
.team-block_leader-image:before {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.38);
}
@media screen and (max-width: 568px) {
  .team-block_leader-image:before {
    font-size: 35px;
  }
}
@media screen and (max-width: 568px) {
  .team-block_leader-details {
    display: inline-block;
    float: left;
    padding-top: 11px;
  }
}
.team-block_leader-image-src {
  display: block;
  width: 100%;
  height: 100%;
}
.team-block_leader-name {
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_leader-metric {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.team-block_leader-description {
  max-width: 145px;
  margin: 0 auto;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.team-block_leader-icon {
  border-radius: 100px;
  padding: 6px;
  background: rgb(238, 238, 238);
  color: rgba(0, 0, 0, 0.38);
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  width: 32px;
  font-size: 15px;
  height: 32px;
}
.team-block_leader-icon:before {
  content: "\f105";
  font-family: "FontAwesome";
}
@media screen and (max-width: 568px) {
  .team-block_leader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(238, 238, 238);
    margin-bottom: 0px;
  }
  .team-block_leader-image {
    margin: 0;
  }
  .team-block_leader-text {
    margin-left: 15px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .team-block_leader-title {
    margin-bottom: 0;
  }
  .team-block_leader-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.team-block_leader-container {
  min-width: 145px;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 568px) {
  .team-block_leader-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.team-block_leader-title {
  display: block;
  margin-bottom: 15px;
}
@media screen and (max-width: 568px) {
  .team-block_leader {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(238, 238, 238);
    width: 100%;
  }
  .team-block_leader-image {
    margin: 0;
  }
  .team-block_leader-text {
    margin-left: 15px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .team-block_leader-title {
    margin-bottom: 0;
  }
}
.team-block_post-list {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .team-block_post-list, .team-block_post-page, .team-block_activity {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .team-block_post-list:last-child, .team-block_post-page:last-child, .team-block_activity:last-child {
    margin-right: 0;
  }
}
.team-block_post-list-title, .team-block_post-list-tabs, .team-block_post-page-title, .team-block_post-page-tabs, .team-block_activity-title, .team-block_activity-tabs {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.team-block_post-list-title, .team-block_post-page-title, .team-block_activity-title {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .team-block_post-list-title, .team-block_post-page-title, .team-block_activity-title {
    border-bottom: none;
    padding: 10px 0;
  }
}
.team-block_post-list-content, .team-block_post-page-content, .team-block_activity-content {
  padding: 0;
}
.team-block_post-list-tabs, .team-block_post-page-tabs, .team-block_activity-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 36px;
}
.team-block_post-list-tab, .team-block_post-page-tab, .team-block_activity-tab {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: -1px;
  padding: 10px 15px 18px 15px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.team-block_post-list-tab.active, .team-block_post-page-tab.active, .team-block_activity-tab.active {
  border-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 768px) {
  .team-block_post-list-tab, .team-block_post-page-tab, .team-block_activity-tab {
    font-size: 18px !important;
  }
}
.team-block_post-list-tab-count, .team-block_post-page-tab-count, .team-block_activity-tab-count {
  border-radius: 20px;
  width: 24px;
  height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  line-height: 24px;
  top: -5px;
  position: relative;
  display: inline-block;
  background-color: rgb(240, 240, 240);
}
@media screen and (max-width: 768px) {
  .team-block_post-list-title, .team-block_post-page-title, .team-block_activity-title {
    margin-bottom: 0;
  }
}
.team-block_post-list-subtitle, .team-block_post-page-subtitle, .team-block_activity-subtitle {
  font-size: 18px;
  font-weight: 500;
}
.team-block_post-list-empty, .team-block_post-page-empty, .team-block_activity-empty {
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .team-block_activity-tabs-hide {
    overflow: hidden;
    width: 100%;
    height: 95px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  }
  .team-block_activity-tabs-hide .team-block_activity-tab {
    white-space: nowrap;
  }
  .team-block_activity-tabs-hide .team-block_activity-tab:nth-last-child(3):first-child, .team-block_activity-tabs-hide .team-block_activity-tab:nth-last-child(3):first-child ~ * {
    width: auto;
  }
  .team-block_activity-tabs-hide .team-block_activity-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 35px;
    overflow-x: auto;
    padding-bottom: 17px;
  }
}
.team-block_post-page-item {
  padding-top: 15px;
}
.team-block_progress-bar {
  display: block;
  width: 100%;
}
.team-block_progress-bar-goal {
  display: block;
  padding: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}
.team-block_progress-bar-raised {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  height: 100%;
  width: 0;
  background-color: rgb(54, 191, 247);
  border-radius: 100px;
}
.team-block_aside {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 26.0494930936%;
}
.team-block_aside:last-child {
  margin-right: 0;
}
.team-block_aside {
  background-color: transparent;
  margin-bottom: 20px;
  margin-top: -80px;
  border-radius: 4px;
}
.team-block_aside-photo {
  background-color: #fff;
  width: 100%;
  padding-bottom: 100%;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0 0px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0 0px 0 rgba(0, 0, 0, 0.12);
  padding: 3px;
  margin-bottom: 0px !important;
}
.team-block_aside-photo-container {
  margin-bottom: 30px;
}
.team-block_aside-info {
  display: none;
  margin-top: 10px;
}
.team-block_aside-info-pagename {
  color: rgb(161, 168, 172);
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
}
.team-block_aside-info-headline {
  color: rgb(54, 62, 69);
  font-size: 15px;
  font-weight: 600;
  margin-top: 4px;
}
.team-block_aside-join-button {
  width: 100%;
  margin-top: 20px;
  background-color: rgb(66, 92, 205); /** can be set by user **/
  border-radius: 3px;
  display: block;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 30px;
}
.team-block_aside-button {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  margin-top: 20px;
  border-radius: 3px;
  display: block;
}
.team-block_aside-button.colored {
  color: #fff;
  background-color: rgb(66, 92, 205);
}
.team-block_aside-button.bordered {
  color: rgb(66, 92, 205);
  background-color: transparent;
  border: 3px solid rgb(66, 92, 205);
}
.team-block_aside-progress {
  margin: 30px 0 0 0;
}
.team-block_aside-progress-bar-mask {
  background-color: rgb(240, 240, 240);
  height: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .team-block_aside-progress-bar-mask {
    height: 14px;
  }
}
.team-block_aside-progress-bar-value {
  height: 65%;
  border-radius: 15px;
  top: 50%;
  -webkit-transform: translate(2%, 25%);
  transform: translate(2%, 25%);
}
.team-block_aside-progress-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
}
.team-block_aside-progress-stats::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 768px) {
  .team-block_aside-progress-stats {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .team-block_aside-progress-left {
    font-size: 10px;
  }
}
.team-block_aside-progress-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.team-block_aside-progress-raised-text {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.team-block_aside-progress-goal {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.team-block_aside-donate-button {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  clear: left;
  text-align: center;
  padding: 12px 30px;
  border-bottom-style: dashed;
  border-bottom-width: thin;
  border-bottom-color: rgb(161, 168, 172);
  margin-top: 15px;
  border-bottom-width: 0;
}
@media screen and (max-width: 768px) {
  .team-block_aside-donate-button {
    margin: 15px 0;
  }
}
.team-block_aside-rank {
  margin-top: 45px;
  color: rgb(54, 62, 69);
  font-size: 13px;
}
.team-block_aside-rank-header {
  padding-bottom: 35px;
}
.team-block_aside-rank-title {
  float: left;
  font-size: 15px;
  font-weight: 700;
}
.team-block_aside-rank-all {
  float: right;
  color: rgb(66, 92, 205);
}
.team-block_aside-rank-list {
  clear: left;
}
.team-block_aside-rank-list-item {
  padding-top: 10px;
}
.team-block_aside-rank-list-item-raised {
  float: right;
}
.team-block_aside {
  cursor: default;
}
.team-block_aside-rank-list-item {
  padding: 12px 15px;
  background-color: rgb(248, 248, 248);
}
.team-block_aside-rank-list-item.currentTeam {
  background-color: rgba(0, 0, 0, 0.1);
}
.team-block_aside-rank-list-item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 75%;
  display: inline-block;
}
.team-block_aside-button {
  margin-top: 0;
  margin-bottom: 12px;
}
.team-block_aside-parent::after {
  clear: both;
  content: "";
  display: table;
}
.team-block_aside-parent {
  margin-bottom: 30px;
  margin-top: 30px;
}
.team-block_aside-parent-header {
  margin-bottom: 14px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .team-block_aside-parent-header {
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}
.team-block_aside-parent-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  height: 66px;
  width: 66px;
  margin-right: 24px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
@media screen and (max-width: 540px) {
  .team-block_aside-parent-thumb {
    margin-right: 12px;
  }
}
.team-block_aside-parent-thumb-src {
  width: auto;
  height: 66px;
  max-width: inherit;
}
.team-block_aside-parent-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.team-block_aside-parent-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -moz-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.team-block_aside-parent-name {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.team-block_aside-parent-progress {
  margin-top: 3px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.team-block_aside-parent .sc-campaign-progress_bar-mask {
  width: auto;
  height: 6px;
  background-color: rgb(240, 240, 240);
}
.team-block_aside-parent {
  margin-top: 38px;
}
@media screen and (max-width: 768px) {
  .team-block_aside-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
.team-block_aside-parent-info {
  -ms-flex-item-align: center;
  align-self: center;
}
.team-block_aside-parent-view {
  text-decoration: underline;
  display: block;
  margin-top: 8px;
  font-size: 14px;
}
.team-block_aside-photo {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .team-block_aside-photo {
    width: 60px;
    height: auto;
    border: 1px solid rgb(210, 210, 210);
    margin-right: 20px;
    padding: 0;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 0;
  }
  .team-block_aside-photo.campaign {
    border-radius: 3px;
  }
  .team-block_aside-photo.captain {
    border-radius: 50%;
  }
}
.team-block_aside-join-container {
  position: relative;
}
.team-block_aside-join {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 5, 0, 0.4);
  box-shadow: 0px 2px 5px rgba(0, 5, 0, 0.4);
  margin-top: 3px;
  font-size: 13px;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .team-block_aside-join {
    width: 93.5%;
  }
}
.team-block_aside-join-option {
  padding: 15px 25px;
  border-bottom: 1px solid rgb(240, 240, 240);
  background-color: #fff;
}
.team-block_aside-join-option:hover {
  background-color: #f0f0f0;
}
.team-block_aside-join-option-text {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: rgb(35, 42, 47);
}
.team-block_aside-join-option-subtext {
  color: rgb(114, 126, 131);
}
.team-block_aside-progress-bar-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 16px;
}
.team-block_aside-progress-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 13px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.team-block_aside-progress-amount-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.team-block_aside-progress-amount-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  margin-right: 6px;
  margin-bottom: -4px;
}
.team-block_aside-progress-amount-goal {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.team-block_subteams-intro::after {
  clear: both;
  content: "";
  display: table;
}
.team-block_subteams-intro {
  color: rgb(35, 42, 47);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  padding: 20px 25px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.team-block_subteams-intro_header {
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
.team-block_subteams-intro_text {
  margin-bottom: 20px;
}
.team-block_subteams-intro_inner {
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .team-block_subteams-intro_inner {
    text-align: center;
  }
}
.team-block_subteams-button {
  display: inline-block;
  padding: 10px 20px;
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 600;
  text-align: center;
}
.team-block_subteams-button.bordered {
  border: 3px solid rgb(66, 92, 205);
  color: rgb(66, 92, 205);
}

@media screen and (max-width: 768px) {
  .column-sm-full {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .column-sm-full:last-child {
    margin-right: 0;
  }
}
.publicSection {
  cursor: default;
}

div[data-sc-team-block-settings] .edit-design_aside-section-list-item,
div[data-sc-fundraiser-block-settings] .edit-design_aside-section-list-item {
  padding: 0;
}
div[data-sc-team-block-settings] .edit-design-form_advanced-link,
div[data-sc-fundraiser-block-settings] .edit-design-form_advanced-link {
  padding: 18px 18px 18px;
  margin-left: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size: 15px;
}
div[data-sc-team-block-settings] .edit-design-form_advanced-link.story:not(.on) + .edit-design-form_hidden-content .fr-box.update-title .fr-toolbar,
div[data-sc-fundraiser-block-settings] .edit-design-form_advanced-link.story:not(.on) + .edit-design-form_hidden-content .fr-box.update-title .fr-toolbar {
  display: none;
}
div[data-sc-team-block-settings] .edit-design-form_hidden-content, div[data-sc-team-block-settings] .edit-design-form_advanced-link,
div[data-sc-fundraiser-block-settings] .edit-design-form_hidden-content,
div[data-sc-fundraiser-block-settings] .edit-design-form_advanced-link {
  background-color: transparent;
}

.team-form fieldset {
  border: 0;
}
.team-form fieldset.team-block_updates {
  padding-top: 10px;
}

.team-form .form_field .fr-counter {
  bottom: 0;
}

.sc-block[data-type=text] .sc-block_content::after {
  clear: both;
  content: "";
  display: table;
}
.sc-block[data-type=text] .sc-block_content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.text {
  padding: 60px;
  position: relative;
}
.text_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text_inner-content {
  position: relative;
}
.text_content a {
  color: inherit;
  text-decoration: underline;
}
.text_content p {
  margin-bottom: 15px;
}
.text_content ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .text_content ul {
    padding: 15px;
  }
}
.text_content ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.text_content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .text_content ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.text_content ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .text_content ol {
    padding: 15px;
  }
}
.text_content ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.text_content ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .text_content ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.text_content img {
  max-width: 100%;
}

@media screen and (max-width: 568px) {
  .text {
    padding: 60px 20px;
  }
}

.fundraiser-block {
  position: relative;
}
.fundraiser-block_type {
  display: block;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.fundraiser-block .post_content a {
  color: inherit;
  text-decoration: inherit;
}
.fundraiser-block .post_content ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 0 auto;
  padding: 0 25px 25px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 568px) {
  .fundraiser-block .post_content ul {
    padding: 15px;
  }
}
.fundraiser-block .post_content ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.fundraiser-block .post_content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .fundraiser-block .post_content ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.fundraiser-block .post_content ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .fundraiser-block .post_content ol {
    padding: 15px;
  }
}
.fundraiser-block .post_content ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.fundraiser-block .post_content ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .fundraiser-block .post_content ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.fundraiser-block .post_content p {
  margin-bottom: 10px;
}
.fundraiser-block .post_content a {
  text-decoration: underline;
}
.fundraiser-block-wysiwyg {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
}
@media screen and (min-width: 568px) {
  .fundraiser-block-wysiwyg {
    margin: 15px 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 0;
  }
}
.fundraiser-block-wysiwyg {
  overflow: hidden;
}
.fundraiser-block-wysiwyg::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block-wysiwyg {
  padding: 0;
}
@media screen and (min-width: 568px) {
  .fundraiser-block-wysiwyg {
    height: auto;
  }
}
.fundraiser-block_main-text {
  padding-top: 20px;
}
.fundraiser-block_activity {
  margin-top: 35px;
}
.fundraiser-block_activity::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block_activity-tab {
  width: 50%;
  text-align: center;
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.fundraiser-block .activity_comment-section::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block .activity_comment-section {
  background: rgb(248, 248, 248);
  clear: both;
}
.fundraiser-block_empty-updates {
  text-align: center;
}
@media screen and (max-width: 568px) {
  .fundraiser-block_empty-updates {
    font-size: 15px;
  }
}
.fundraiser-block_header {
  position: relative;
  height: 475px;
}
.fundraiser-block_header-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_header {
    height: 210px;
    margin-top: -57px;
    padding-top: 57px;
  }
}
.fundraiser-block_main::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block_main {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_main {
    margin-top: 0;
    padding: 0 5%;
  }
  .fundraiser-block_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5%;
  }
}
@media screen and (max-width: 480px) {
  .fundraiser-block_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5%;
  }
}
.fundraiser-block {
  /** Main Content */
}
@media screen and (max-width: 768px) {
  .fundraiser-block_content {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .fundraiser-block_content:last-child {
    margin-right: 0;
  }
  .fundraiser-block_content {
    margin-left: 0%;
  }
}
.fundraiser-block_content {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.fundraiser-block_content:last-child {
  margin-right: 0;
}
.fundraiser-block_content {
  margin-left: 4.2500291326%;
}
.fundraiser-block_headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_headline {
    margin-bottom: 15px;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}
.fundraiser-block_manage-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  top: -50px;
  right: 5%;
  padding: 0 25px;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  display: block;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ccc;
}
.fundraiser-block_share {
  float: right;
  padding-bottom: 25px;
  padding-left: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_share::after {
    clear: both;
    content: "";
    display: table;
  }
  .fundraiser-block_share {
    float: none;
    text-align: left;
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    top: 20px;
    right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 568px) {
  .fundraiser-block_share {
    top: 2px;
    right: 7px;
  }
}
@media screen and (max-width: 768px) {
  .fundraiser-block_share .ci-share-o {
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding-right: 5px;
  }
}
.fundraiser-block_share-label {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_share-label {
    display: none;
  }
}
.fundraiser-block_share-button {
  color: rgba(0, 0, 0, 0.54);
  height: 25px;
  font-size: 25px;
  vertical-align: middle;
  margin-left: 15px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_share-button {
    margin-left: 5px;
    margin-right: 15px;
  }
}
.fundraiser-block_share .share-button {
  color: #585858;
  max-width: 121px;
  height: 48px;
  background-color: unset;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
}
.fundraiser-block_share .share-button img {
  vertical-align: top;
}
.fundraiser-block_description {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 48px;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_description {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
.fundraiser-block_progress {
  display: inline-block;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_progress {
    margin: 20px 0 10px 0;
    width: 100%;
  }
}
.fundraiser-block_progress-stats {
  position: relative;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.fundraiser-block_progress-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.fundraiser-block_progress-goal {
  float: right;
  position: absolute;
  bottom: 0;
  right: 5px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.fundraiser-block_donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 180px;
  padding: 12px 38px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.fundraiser-block_post-list-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: rgb(161, 168, 172);
  border-color: rgb(161, 168, 172);
}
.fundraiser-block_post-list-more:hover, .fundraiser-block_post-list-more[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: rgb(161, 168, 172);
  color: #ffffff;
}
.fundraiser-block_post-list-more:active:enabled, .fundraiser-block_post-list-more[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), rgb(161, 168, 172);
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), rgb(161, 168, 172);
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.fundraiser-block_post-list-more[disabled], .fundraiser-block_post-list-more:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.fundraiser-block_post-list-more {
  margin: 0px auto 35px auto;
  display: block;
  clear: both;
  outline: 0;
}
.fundraiser-block_post-list-loading {
  display: block;
  margin: 30px auto;
}
.fundraiser-block_post-list-item {
  margin-bottom: 15px;
  background: #ffffff;
}
.fundraiser-block_post-list-item-latest {
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 15px 10px 15px;
  background: #ffffff;
}
.fundraiser-block_post-list-item-latest .post_actions {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_post-list-item {
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
  }
}
.fundraiser-block_activity-subtitle {
  font-size: 18px;
  font-weight: 500;
}
.fundraiser-block_activity-loading {
  display: block;
  margin: 30px auto;
}
.fundraiser-block_update-container {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_update-container {
    padding: 15px 15px 20px 15px;
    background-color: rgb(248, 248, 248);
  }
}
.fundraiser-block_button {
  padding: 12px 35px;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_button {
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin: 15px 0;
  }
}
.fundraiser-block_button.share {
  font-size: 18px;
  background-color: rgb(240, 240, 240);
  color: rgb(54, 62, 69);
  font-weight: 600;
  font-weight: 700;
  padding: 9px;
}
.fundraiser-block_button.donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 35px;
}
.fundraiser-block_title {
  text-transform: uppercase;
  color: rgb(114, 126, 131);
  font-size: 15px;
  padding-top: 13px;
  display: block;
}
.fundraiser-block_photo {
  width: 40%;
  min-width: 130px;
  max-width: 200px;
  display: inline-block;
  float: left;
  margin: -20px 10px 0 0;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  padding: 3px;
  background: white;
}
.fundraiser-block_parent {
  display: table;
  border-bottom: 1px solid rgb(240, 240, 240);
  padding: 15px;
  width: 100%;
}
.fundraiser-block_parent-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fundraiser-block_parent-img {
  display: table-cell;
  width: 65px;
  border-radius: 7px;
}
.fundraiser-block_parent-info {
  display: table-cell;
  vertical-align: top;
  width: 75%;
}
.fundraiser-block_parent-header {
  display: block;
  color: rgb(161, 168, 172);
  font-weight: 200;
}
.fundraiser-block_parent-name {
  display: block;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_activity, .fundraiser-block_post-page {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .fundraiser-block_activity:last-child, .fundraiser-block_post-page:last-child {
    margin-right: 0;
  }
}
.fundraiser-block_activity-title, .fundraiser-block_activity-tabs, .fundraiser-block_post-page-title, .fundraiser-block_post-page-tabs {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.fundraiser-block_activity-title, .fundraiser-block_post-page-title {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_activity-title, .fundraiser-block_post-page-title {
    border-bottom: none;
    padding: 10px 0;
  }
}
.fundraiser-block_activity-content, .fundraiser-block_post-page-content {
  padding: 0;
}
.fundraiser-block_activity-tabs, .fundraiser-block_post-page-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 36px;
}
.fundraiser-block_activity-tab, .fundraiser-block_post-page-tab {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: -1px;
  padding: 10px 15px 18px 15px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.fundraiser-block_activity-tab.active, .fundraiser-block_post-page-tab.active {
  border-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 768px) {
  .fundraiser-block_activity-tab, .fundraiser-block_post-page-tab {
    font-size: 18px !important;
  }
}
.fundraiser-block_activity-tab-count, .fundraiser-block_post-page-tab-count {
  border-radius: 20px;
  width: 24px;
  height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  line-height: 24px;
  top: -5px;
  position: relative;
  display: inline-block;
  background-color: rgb(240, 240, 240);
}
.fundraiser-block_post-page {
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_post-list {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .fundraiser-block_post-list:last-child {
    margin-right: 0;
  }
}
.fundraiser-block_post-list-title, .fundraiser-block_post-list-tabs {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.fundraiser-block_post-list-title {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_post-list-title {
    border-bottom: none;
    padding: 10px 0;
  }
}
.fundraiser-block_post-list-content {
  padding: 0;
}
.fundraiser-block_post-list-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 36px;
}
.fundraiser-block_post-list-tab {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: -1px;
  padding: 10px 15px 18px 15px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.fundraiser-block_post-list-tab.active {
  border-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 768px) {
  .fundraiser-block_post-list-tab {
    font-size: 18px !important;
  }
}
.fundraiser-block_post-list-tab-count {
  border-radius: 20px;
  width: 24px;
  height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  line-height: 24px;
  top: -5px;
  position: relative;
  display: inline-block;
  background-color: rgb(240, 240, 240);
}
.fundraiser-block_post-list .fundraiser-block_main {
  padding-top: 15px;
  padding-bottom: 20px;
  background-color: rgb(248, 248, 248);
}
.fundraiser-block_progress-donate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 35px;
  margin-bottom: 25px;
}
.fundraiser-block_progress-donate .sc-campaign-progress {
  margin-top: -12px;
}
.fundraiser-block_progress-donate .sc-campaign-progress_raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
}
.fundraiser-block_progress-bar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.fundraiser-block_progress-bar-container:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_progress-bar-container {
    width: 100%;
  }
}
.fundraiser-block_progress-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 13px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.fundraiser-block_progress-amount-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.fundraiser-block_progress-amount-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  margin-right: 6px;
  margin-bottom: -4px;
}
.fundraiser-block_progress-amount-goal {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.fundraiser-block_updates::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block_updates {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_updates {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates {
    padding: 0 15px;
  }
}
.fundraiser-block_updates {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates {
    padding: 0;
  }
}
.fundraiser-block_updates_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fundraiser-block_updates_nav-link {
  text-align: left;
  display: inline-block;
  font-size: 14px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.fundraiser-block_updates_nav-link .fa {
  font-size: 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
.fundraiser-block_updates_nav-link.preview {
  display: inline-block;
  text-align: right;
  color: rgb(161, 168, 172);
  float: none;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates_header {
    display: none;
  }
}
.fundraiser-block_updates_outer::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block_updates_outer {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_updates_outer {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates_outer {
    padding: 0 15px;
  }
}
.fundraiser-block_updates_outer {
  width: 100%;
  padding: 40px 65px;
  background-color: #fafafa;
  position: relative;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates_outer {
    height: 100%;
    bottom: 0;
    z-index: 6;
    padding: 0;
    position: fixed;
    top: 0;
  }
}
.fundraiser-block_updates_editor-title::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-block_updates_editor-title {
  width: 100%;
  background-color: #fff;
  margin-bottom: -13px;
  font-size: 20px;
  position: relative;
}
.fundraiser-block_updates_editor-title .form_label {
  display: none;
}
.fundraiser-block_updates_editor-post {
  position: relative;
  padding: 0;
  margin: 0;
  top: -23px;
}
.fundraiser-block_updates_editor-post .form_label {
  display: none;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates_editor-post {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    top: 0px;
  }
}
.fundraiser-block_updates .form_field {
  padding: 0;
  margin: 0;
}
.fundraiser-block_updates_share-container {
  display: inline-block;
  float: left;
  font-size: 13px;
  margin-top: 6px;
}
.fundraiser-block_updates_share-link {
  display: inline-block;
  margin: 0px 10px;
  font-size: 13px;
  position: relative;
}
.fundraiser-block_updates_share-link.disabled {
  color: rgb(210, 210, 210);
}
.fundraiser-block_updates_share-link .fa {
  font-size: 22px;
  float: left;
}
.fundraiser-block_updates_share-link .fa-facebook-square {
  color: #4469b0;
}
.fundraiser-block_updates_share-link .fa-twitter-square {
  color: #59adeb;
}
.fundraiser-block_updates_share-text {
  display: inline-block;
  padding: 3px 0 0 5px;
}
.fundraiser-block_updates_button {
  display: inline-block;
  text-transform: uppercase;
  float: left;
  padding: 15px 50px;
  letter-spacing: 0.05em;
  border-radius: 4px;
}
.fundraiser-block_updates_button-container {
  display: inline-block;
  float: right;
  margin-top: -6px;
}
.fundraiser-block_updates_button.delete {
  color: rgb(161, 168, 172);
  padding-right: 40px;
  font-weight: 500;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates_button.delete {
    display: none;
  }
}
.fundraiser-block_updates_button.publish {
  background-color: #663dc3;
  color: white;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_updates_button.publish {
    padding: 10px 20px;
  }
}
.fundraiser-block_updates-mobile {
  height: 100vh;
  width: 100%;
  top: 0;
  position: fixed;
}
.fundraiser-block_updates-mobile_header {
  display: none;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 568px) {
  .fundraiser-block_updates-mobile_header {
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 19px;
  }
}
.fundraiser-block_updates-mobile_exit {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 23px;
  font-weight: 800;
}
.fundraiser-block_updates_editor-post {
  top: 0 !important;
}
.fundraiser-block_parent-info {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_manage-button {
    color: #000000;
    border: 1px solid #000000;
    border-radius: 3px;
    height: auto;
    top: auto;
    float: left;
    position: relative;
    right: unset;
  }
}
.fundraiser-block_main-text {
  display: inline-block;
  max-width: 190px;
  padding-top: 14px;
}

.fundraiser-form fieldset {
  border: 0;
}
.fundraiser-form fieldset .fundraiser-block_updates {
  padding-top: 10px;
}

.fundraiser-form .form_field .fr-counter {
  bottom: 0;
}

.fundraiser-block_aside {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 26.0494930936%;
}
.fundraiser-block_aside:last-child {
  margin-right: 0;
}
.fundraiser-block_aside {
  background-color: transparent;
  margin-bottom: 20px;
  margin-top: -80px;
  border-radius: 4px;
}
.fundraiser-block_aside-photo {
  background-color: #fff;
  width: 100%;
  padding-bottom: 100%;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0 0px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.12), inset 0 0px 0 rgba(0, 0, 0, 0.12);
  padding: 3px;
  margin-bottom: 0px !important;
}
.fundraiser-block_aside-photo-container {
  margin-bottom: 30px;
}
.fundraiser-block_aside-info {
  display: none;
  margin-top: 10px;
}
.fundraiser-block_aside-info-pagename {
  color: rgb(161, 168, 172);
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
}
.fundraiser-block_aside-info-headline {
  color: rgb(54, 62, 69);
  font-size: 15px;
  font-weight: 600;
  margin-top: 4px;
}
.fundraiser-block_aside-join-button {
  width: 100%;
  margin-top: 20px;
  background-color: rgb(66, 92, 205); /** can be set by user **/
  border-radius: 3px;
  display: block;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 30px;
}
.fundraiser-block_aside-button {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  margin-top: 20px;
  border-radius: 3px;
  display: block;
}
.fundraiser-block_aside-button.colored {
  color: #fff;
  background-color: rgb(66, 92, 205);
}
.fundraiser-block_aside-button.bordered {
  color: rgb(66, 92, 205);
  background-color: transparent;
  border: 3px solid rgb(66, 92, 205);
}
.fundraiser-block_aside-progress {
  margin: 30px 0 0 0;
}
.fundraiser-block_aside-progress-bar-mask {
  background-color: rgb(240, 240, 240);
  height: 20px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_aside-progress-bar-mask {
    height: 14px;
  }
}
.fundraiser-block_aside-progress-bar-value {
  height: 65%;
  border-radius: 15px;
  top: 50%;
  -webkit-transform: translate(2%, 25%);
  transform: translate(2%, 25%);
}
.fundraiser-block_aside-progress-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
}
.fundraiser-block_aside-progress-stats::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_aside-progress-stats {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .fundraiser-block_aside-progress-left {
    font-size: 10px;
  }
}
.fundraiser-block_aside-progress-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.fundraiser-block_aside-progress-raised-text {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.fundraiser-block_aside-progress-goal {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.fundraiser-block_aside-donate-button {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  clear: left;
  text-align: center;
  padding: 12px 30px;
  border-bottom-style: dashed;
  border-bottom-width: thin;
  border-bottom-color: rgb(161, 168, 172);
  margin-top: 15px;
  border-bottom-width: 0;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_aside-donate-button {
    margin: 15px 0;
  }
}
.fundraiser-block_aside {
  /** Team Rank */
}
.fundraiser-block_aside-rank {
  margin-top: 45px;
  color: rgb(54, 62, 69);
  font-size: 13px;
}
.fundraiser-block_aside-rank-header {
  padding-bottom: 35px;
}
.fundraiser-block_aside-rank-title {
  float: left;
  font-size: 15px;
  font-weight: 700;
}
.fundraiser-block_aside-rank-all {
  float: right;
  color: rgb(66, 92, 205);
}
.fundraiser-block_aside-rank-list {
  clear: left;
}
.fundraiser-block_aside-rank-list-item {
  padding-top: 10px;
}
.fundraiser-block_aside-rank-list-item-raised {
  float: right;
}
.fundraiser-block_aside-share-button {
  background-color: rgb(240, 240, 240);
  padding: 0.7em;
  border-radius: 3px;
  text-align: center;
  margin: 20px auto 20px auto;
  font-size: 13px;
  font-weight: 700;
  color: rgb(54, 62, 69);
}
.fundraiser-block_aside-join-team-button {
  margin-bottom: 30px;
  margin-top: 10px;
}
.fundraiser-block_aside-parent {
  margin-bottom: 30px;
  margin-top: 30px;
}
.fundraiser-block_aside-parent-header {
  margin-bottom: 14px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .fundraiser-block_aside-parent-header {
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}
.fundraiser-block_aside-parent-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  height: 66px;
  width: 66px;
  margin-right: 24px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
@media screen and (max-width: 540px) {
  .fundraiser-block_aside-parent-thumb {
    margin-right: 12px;
  }
}
.fundraiser-block_aside-parent-thumb-src {
  width: auto;
  height: 66px;
  max-width: inherit;
}
.fundraiser-block_aside-parent-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.fundraiser-block_aside-parent-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1;
  -moz-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fundraiser-block_aside-parent-name {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.fundraiser-block_aside-parent-progress {
  margin-top: 3px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.fundraiser-block_aside-parent .sc-campaign-progress_bar-mask {
  width: auto;
  height: 6px;
  background-color: rgb(240, 240, 240);
}

.fundraisers-block::after {
  clear: both;
  content: "";
  display: table;
}
.fundraisers-block {
  padding: 60px 50px;
  background-color: #fff;
  border-bottom: 1px solid rgb(235, 235, 235);
}
@media screen and (max-width: 568px) {
  .fundraisers-block {
    padding: 30px 15px;
    background-color: rgb(248, 248, 248);
  }
}
.fundraisers-block_title {
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  font-size: 42px;
  margin: 0 auto 30px auto;
  max-width: 800px;
  line-height: 55px;
}
@media screen and (max-width: 1024px) {
  .fundraisers-block_title {
    font-size: 30px;
    padding-bottom: 0;
    max-width: 90%;
  }
}
@media screen and (max-width: 568px) {
  .fundraisers-block_title {
    font-size: 25px;
    line-height: 30px;
    max-width: 100%;
  }
}
.fundraisers-block_title.white {
  color: #ffffff;
}
.fundraisers-block_title.white + .frs-content {
  color: #ffffff;
}
.fundraisers-block_title {
  margin-bottom: 12px;
  cursor: default;
}
.fundraisers-block_search {
  max-width: 630px;
  margin: 0 auto 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .fundraisers-block_search {
    margin-bottom: 30px;
  }
}
.fundraisers-block_search-subtitle {
  color: rgb(87, 104, 125);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  text-align: center;
  margin: 15px 0 30px;
}
.fundraisers-block_search > [data-sc-resource-search] {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.fundraisers-block_recruiting-button {
  width: 286px;
  height: 62px;
  font-size: 19px;
  letter-spacing: 0.6px;
  color: #ffffff;
  font-weight: 700;
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  line-height: 62px;
  border-radius: 4px;
}
.fundraisers-block_recruiting-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #d2d2d2;
  border-color: #d2d2d2;
}
.fundraisers-block_lists::after {
  clear: both;
  content: "";
  display: table;
}
.fundraisers-block_lists {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  max-width: 968px;
  margin: 0 auto;
}
.fundraisers-block_list {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.fundraisers-block_list:last-child {
  margin-right: 0;
}
.fundraisers-block_list {
  -webkit-transition: none;
  transition: none;
  padding: 0 34px;
  position: relative;
}
.edit-design_preview .fundraisers-block_list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.fundraisers-block_list.standalone {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.fundraisers-block_list.standalone:last-child {
  margin-right: 0;
}
.fundraisers-block_list.standalone {
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
  padding: 0 34px;
}
@media screen and (max-width: 768px) {
  .fundraisers-block_list {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .fundraisers-block_list:last-child {
    margin-right: 0;
  }
  .fundraisers-block_list {
    -webkit-transition: width 300ms ease;
    transition: width 300ms ease;
    padding: 0;
  }
  .fundraisers-block_list:last-child {
    margin-top: 30px;
  }
}
.fundraisers-block_list-header::after {
  clear: both;
  content: "";
  display: table;
}
.fundraisers-block_list-header {
  border-bottom: 1px solid rgb(210, 210, 210);
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 45px;
}
@media screen and (max-width: 568px) {
  .fundraisers-block_list-header {
    margin: 0;
    border: none;
  }
}
.fundraisers-block_list-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  float: left;
}
.fundraisers-block_list-all {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  float: right;
  line-height: 12px;
  padding-top: 10px;
}
@media screen and (max-width: 568px) {
  .fundraisers-block_list-subset {
    border: 1px solid rgb(240, 240, 240);
    background-color: #ffffff;
  }
}
.standalone .fundraisers-block_list-subset:first-child {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.standalone .fundraisers-block_list-subset:first-child:last-child {
  margin-right: 0;
}
.standalone .fundraisers-block_list-subset:first-child {
  padding-right: 34px;
}
@media screen and (max-width: 568px) {
  .standalone .fundraisers-block_list-subset:first-child {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .standalone .fundraisers-block_list-subset:first-child:last-child {
    margin-right: 0;
  }
  .standalone .fundraisers-block_list-subset:first-child {
    padding-right: 0;
  }
}
.standalone .fundraisers-block_list-subset:last-child {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.standalone .fundraisers-block_list-subset:last-child:last-child {
  margin-right: 0;
}
.standalone .fundraisers-block_list-subset:last-child {
  margin-right: 0;
  padding-left: 34px;
}
@media screen and (max-width: 568px) {
  .standalone .fundraisers-block_list-subset:last-child {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .standalone .fundraisers-block_list-subset:last-child:last-child {
    margin-right: 0;
  }
  .standalone .fundraisers-block_list-subset:last-child {
    padding-left: 0;
  }
}
.fundraisers-block_top-performers {
  display: none;
}
@media screen and (max-width: 568px) {
  .fundraisers-block_top-performers {
    display: block;
    margin-bottom: 30px;
  }
}
.fundraisers-block_leaderboard {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 95px;
  position: relative;
}
.edit-design_preview .fundraisers-block_leaderboard:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 630px) {
  .fundraisers-block_leaderboard {
    display: none;
  }
}
.fundraisers-block_leader {
  text-align: center;
  margin: 0 40px;
  margin-bottom: 35px;
  padding: 0 10px;
  margin-top: 20px;
}
.fundraisers-block_leader-link:not([href^="/"]):hover {
  cursor: default;
}
.fundraisers-block_leader-title {
  color: rgb(87, 104, 125);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 9px;
  line-height: 18px;
  font-weight: 600;
}
.fundraisers-block_leader-image {
  margin: 0 auto;
  width: 115px;
  height: 115px;
  overflow: hidden;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 115px;
  background-color: rgb(248, 248, 248);
}
.fundraisers-block_leader-image::after {
  clear: both;
  content: "";
  display: table;
}
.fundraisers-block_leader-image:before {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.38);
}
@media screen and (max-width: 568px) {
  .fundraisers-block_leader-image:before {
    font-size: 35px;
  }
}
@media screen and (max-width: 568px) {
  .fundraisers-block_leader-details {
    display: inline-block;
    float: left;
    padding-top: 11px;
  }
}
.fundraisers-block_leader-image-src {
  display: block;
  width: 100%;
  height: 100%;
}
.fundraisers-block_leader-name {
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.fundraisers-block_leader-metric {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.fundraisers-block_leader-description {
  max-width: 145px;
  margin: 0 auto;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.fundraisers-block_leader-icon {
  border-radius: 100px;
  padding: 6px;
  background: rgb(238, 238, 238);
  color: rgba(0, 0, 0, 0.38);
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
  width: 32px;
  font-size: 15px;
  height: 32px;
}
.fundraisers-block_leader-icon:before {
  content: "\f105";
  font-family: "FontAwesome";
}
@media screen and (max-width: 568px) {
  .fundraisers-block_leader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(238, 238, 238);
    margin-bottom: 0px;
  }
  .fundraisers-block_leader-image {
    margin: 0;
  }
  .fundraisers-block_leader-text {
    margin-left: 15px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .fundraisers-block_leader-title {
    margin-bottom: 0;
  }
  .fundraisers-block_leader-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 568px) {
  .fundraisers-block_leader {
    margin: 15px 15px 0px 15px;
  }
}
.fundraisers-block_supporter {
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
  .fundraisers-block_supporter {
    padding: 18px;
    margin: 0;
    border-bottom: 1px solid rgb(240, 240, 240);
  }
}
.fundraisers-block_supporter-avatar {
  width: 85px;
  height: 85px;
  border-radius: 85px;
  margin-right: 27px;
  float: left;
  overflow: hidden;
}
@media screen and (max-width: 568px) {
  .fundraisers-block_supporter-avatar {
    width: 65px;
    height: 65px;
    border-radius: 65px;
    margin-top: 10px;
    margin-right: 15px;
  }
}
.fundraisers-block_supporter-avatar-src {
  width: 100%;
  height: 100%;
}
.fundraisers-block_supporter-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 85px;
}
.fundraisers-block_supporter-name {
  width: 250px;
  max-width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: rgb(68, 75, 85);
  margin-bottom: 10px;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.fundraisers-block_supporter-progress {
  margin-bottom: 5px;
}
.fundraisers-block_supporter-progress .sc-campaign-progress_bar-mask {
  margin-top: 0;
}
.fundraisers-block_supporter-raised {
  font-weight: 500;
  font-size: 14px;
  color: rgb(68, 75, 85);
}
.fundraisers-block_supporter-raised-strong {
  font-weight: 700;
}

/* -------------------------------------------------------------------------- *
 * Radio
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * Radio
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * Structure and common elements
 * -------------------------------------------------------------------------- */
.donation-subtitle {
  margin-bottom: 24px;
  font-size: 24px;
  color: #4a4a4a;
}

.donation-label {
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: normal;
}
.donation-label.sc-form-error {
  color: rgb(205, 68, 67);
}
.donation-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}

.donation-error {
  display: block;
  color: rgb(205, 68, 67);
  font-size: 13px;
  line-height: 1.4;
  margin: 5px 0;
  opacity: 1;
}

.donation-helper {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
}

.donation-table::after {
  clear: both;
  content: "";
  display: table;
}
.donation-table {
  margin-top: 16px;
}
@media screen and (max-width: 568px) {
  .donation-table {
    margin-top: 12px;
  }
}
.donation-table_label {
  display: block;
  font-size: 16px;
  color: #a1a8ac;
  font-weight: 500;
}
.donation-table_label.sc-form-error {
  color: rgb(247, 116, 98);
}
@media screen and (max-width: 568px) {
  .donation-table_label {
    width: 100%;
    min-height: 32px;
  }
}
.flexbox .donation-table_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.donation-table_row {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.donation-table_row:last-child {
  margin-right: 0;
}
.donation-table_row {
  line-height: 20px;
}
@media screen and (max-width: 568px) {
  .donation-table_row {
    width: 100%;
    margin: 0;
  }
}
.donation-table_row-error {
  display: block;
  color: rgb(205, 68, 67);
  font-size: 13px;
  line-height: 1.4;
  margin: 5px 0;
  opacity: 1;
}
@media screen and (max-width: 568px) {
  .donation-table_row {
    line-height: 32px;
  }
}
@media screen and (max-width: 540px) {
  .donation-table_row--inline-block-mobile {
    display: inline-block;
  }
}
.donation-table_columns::after {
  clear: both;
  content: "";
  display: table;
}
.donation-table_columns {
  position: relative;
  padding: 4px 0 4px;
}
.donation-table_columns + .donation-table_columns {
  margin-top: 5px;
}
.donation-table_columns .donation-text_input {
  margin: unset;
}
.donation-table_columns .donation-single_line {
  margin: unset;
}
.donation-table_columns .fr-view {
  font-size: 16px;
}
.donation-table_columns_without_margin {
  padding: unset;
}
.donation-table_columns_without_margin .donation-text_input {
  margin: 4px 0 4px;
}
.donation-table_columns_without_margin .donation-single_line {
  margin: 4px 0 4px;
}
.donation-table_columns_without_margin .donation-select {
  margin: 4px 0 4px;
}
.donation-table_column.half, .donation-table_column.mobile-large-half {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.donation-table_column.half:last-child, .donation-table_column.mobile-large-half:last-child {
  margin-right: 0;
}
.donation-table_column.third {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.donation-table_column.third:last-child {
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  .donation-table_column.third {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .donation-table_column.third:nth-child(n+2) {
    margin-top: 12px;
  }
}
.donation-table_column.quarter {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation-table_column.quarter:last-child {
  margin-right: 0;
}
.donation-table_column.last {
  margin-right: 0;
}
@media screen and (max-width: 568px) {
  .donation-table_column:first-child:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .donation-table_column.mobile-large-half {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .donation-table_column.mobile-large-half:last-child {
    margin-right: 0;
  }
}
.donation-table_with_margin_bottom {
  margin-bottom: 32px;
}

/* -------------------------------------------------------------------------- *
 * Controls
 * -------------------------------------------------------------------------- */
.donation-text_input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-text_input {
  background-color: #ffffff;
}
.donation-text_input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-text_input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-text_input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-text_input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-text_input.has-counter {
  padding-right: 55px;
}
.donation-text_input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-text_input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-text_input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-text_input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-text_input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-text_input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-text_input.large {
  height: 50px;
}
.donation-text_input {
  background-color: #f9f9f9;
}
.donation-text_input:focus {
  border-color: #9e9e9e;
}
.donation-text_input.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-text_input {
  font-size: 16px;
  margin: 4px 0 4px;
}

.donation-single_line_input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-single_line_input {
  background-color: #ffffff;
}
.donation-single_line_input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-single_line_input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-single_line_input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-single_line_input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-single_line_input.has-counter {
  padding-right: 55px;
}
.donation-single_line_input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-single_line_input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-single_line_input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-single_line_input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-single_line_input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-single_line_input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-single_line_input.large {
  height: 50px;
}
.donation-single_line_input {
  background-color: #f9f9f9;
}
.donation-single_line_input:focus {
  border-color: #9e9e9e;
}
.donation-single_line_input.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-single_line_input {
  padding-right: 64px;
  font-size: 16px;
  margin: 0px;
}

.ui-widget.ui-widget-content {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 400;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: 0 8px 16px 0 rgba(25, 29, 34, 0.12);
  box-shadow: 0 8px 16px 0 rgba(25, 29, 34, 0.12);
}
.ui-widget .ui-menu-item {
  background-color: #f9f9f9;
  border-radius: 3px;
}
.ui-widget .ui-menu-item .ui-state-active {
  background-color: #005fcc;
}
.ui-widget .ui-menu-item .ui-state-active > span {
  color: white !important;
  font-weight: bold;
}
.ui-widget .ui-menu-item :not(.ui-state-active) > span {
  color: black !important;
  font-weight: bold;
}
.ui-widget .ui-menu-item .ui-menu-item-wrapper {
  display: block;
  border-radius: 3px;
  border: none;
}

.donation-birthday_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-birthday_select {
  background-color: #ffffff;
}
.donation-birthday_select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-birthday_select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-birthday_select:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-birthday_select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.donation-birthday_select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-birthday_select:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-birthday_select.sc-form-error {
  border-color: rgb(247, 116, 98);
}
.donation-birthday_select {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.donation-birthday_select:last-child {
  margin-right: 0;
}
.donation-birthday.sc-form-error.ng-invalid-year-required .donation-birthday_select-year, .donation-birthday.sc-form-error.ng-invalid-month-required .donation-birthday_select-month, .donation-birthday.sc-form-error.ng-invalid-day-required .donation-birthday_select-day {
  border-color: rgb(247, 116, 98);
}

.donation-expiration_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-expiration_select {
  background-color: #ffffff;
}
.donation-expiration_select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-expiration_select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-expiration_select:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-expiration_select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.donation-expiration_select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-expiration_select:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-expiration_select.sc-form-error {
  border-color: rgb(247, 116, 98);
}
.donation-expiration_select {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 23.499475614%;
}
.donation-expiration_select:last-child {
  margin-right: 0;
}
@media screen and (max-width: 568px) {
  .donation-expiration_select {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 48.9996504093%;
  }
  .donation-expiration_select:last-child {
    margin-right: 0;
  }
}
.donation-expiration.sc-form-error.ng-invalid-month-required .donation-expiration_select-month, .donation-expiration.sc-form-error.ng-invalid-year-required .donation-expiration_select-year, .donation-expiration.sc-form-error.ng-invalid-is-expired .donation-expiration_select {
  border-color: rgb(247, 116, 98);
}

.donation-textarea {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-textarea:disabled {
  background-color: rgb(240, 240, 240);
}
.donation-textarea {
  background-color: #ffffff;
}
.donation-textarea.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-textarea {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.donation-textarea.gray {
  background: rgb(248, 248, 248);
}
.donation-textarea::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-textarea::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-textarea:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-textarea:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-textarea {
  background-color: #f9f9f9;
}
.donation-textarea:focus {
  border-color: #9e9e9e;
}
.donation-textarea.sc-form-error {
  border-color: rgb(247, 116, 98);
}

.donation-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-select {
  background-color: #ffffff;
}
.donation-select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-select:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.donation-select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-select:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-select.sc-form-error {
  border-color: rgb(247, 116, 98);
}
.donation-select {
  font-size: 16px;
  line-height: 20px;
}

.donation-tooltip {
  position: relative;
  cursor: help;
  line-height: 42px;
  font-size: 20px;
}
.donation-tooltip.inline {
  top: 2px;
  margin-left: 5px;
}
.donation-tooltip_message {
  font-size: 12px;
  line-height: 1.5;
  padding: 2px;
  border-radius: 3px;
}

.donation-waiver {
  font-size: 14px;
  line-height: 1.5;
  color: #102033;
  overflow: auto;
  max-height: 100px;
  background-color: rgb(238, 238, 238);
  padding: 10px;
  border-radius: 3px;
}
@media screen and (max-width: 568px) {
  .donation-waiver {
    color: #222;
  }
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.donation-block::after {
  clear: both;
  content: "";
  display: table;
}
.donation-block {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.donation-block_main {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.donation-block_main:last-child {
  margin-right: 0;
}
.donation-block_main {
  border-radius: 4px;
  position: relative;
  min-height: 400px;
}
@media screen and (max-width: 1024px) {
  .donation-block_main {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .donation-block_main:last-child {
    margin-right: 0;
  }
}
.donation-block_main .donation-footer_terms {
  margin-top: unset;
}
.donation-block_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.donation-block_loading, .donation-block_loading:before, .donation-block_loading:after {
  border-radius: 50%;
}
.donation-block_loading:before, .donation-block_loading:after {
  position: absolute;
  content: "";
}
.donation-block_loading:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.donation-block_loading:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.donation-block_loading.offWhite:before, .donation-block_loading.offWhite:after {
  background: rgb(248, 248, 248);
}
.donation-block_loading.blockSlate:before, .donation-block_loading.blockSlate:after {
  background: rgb(54, 62, 69);
}
.donation-block_loading {
  z-index: 0;
}
.donation-block_form {
  background-color: #fff;
  position: relative;
  border-radius: 5px;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
}
.donation-block_aside {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.donation-block_aside:last-child {
  margin-right: 0;
}
.donation-block_aside {
  margin-right: 0;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .donation-block_aside {
    width: 100%;
    margin-top: 20px;
  }
}
.donation-block .sc-checkbox_label {
  color: #102033;
}
.donation-block .eg-preview-banner {
  width: 65.15%;
  padding: 16px;
  margin-left: 34.85%;
  margin-bottom: 4px;
  border-radius: 4px;
  color: #425ccd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #425ccd;
  background: rgba(66, 92, 205, 0.12);
}
.donation-block .eg-preview-banner i {
  font-size: 1.5em;
  margin-right: 12px;
  vertical-align: top;
  display: inline-block;
}

.frs-donation-block {
  padding: 15px;
}

.donation-processing {
  padding: 40px 60px;
  text-align: center;
}
.donation-processing_title {
  font-size: 24px;
  line-height: 36px;
}
.donation-processing_animation {
  position: relative;
  height: 100px;
}
.donation-processing_animation-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.donation-processing_animation-spinner, .donation-processing_animation-spinner:before, .donation-processing_animation-spinner:after {
  border-radius: 50%;
}
.donation-processing_animation-spinner:before, .donation-processing_animation-spinner:after {
  position: absolute;
  content: "";
}
.donation-processing_animation-spinner:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.donation-processing_animation-spinner:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.donation-processing_animation-spinner.offWhite:before, .donation-processing_animation-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.donation-processing_animation-spinner.blockSlate:before, .donation-processing_animation-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}

/* -------------------------------------------------------------------------- *
 * Radio
 * -------------------------------------------------------------------------- */
.donation-welcome {
  padding: 40px 40px 20px;
}
@media screen and (max-width: 768px) {
  .donation-welcome {
    padding: 0px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-welcome {
    padding: 25px 15px 20px;
  }
}
.donation-welcome_title {
  margin-bottom: 30px;
  color: #333;
  font-weight: normal;
  line-height: 1.2;
  overflow-wrap: break-word;
}
.donation-welcome_description {
  font-size: 16px;
  line-height: 1.2;
  color: #102033;
}
.donation-welcome_description p {
  margin-bottom: 12px;
}
.donation-welcome_description ul,
.donation-welcome_description ol {
  list-style-position: inside;
  margin-left: 1.4em;
}
.donation-welcome_description ul {
  list-style-type: disc;
}

.donation-welcome_description p[style*="font-size: 0px"] {
  font-size: 12px !important;
}

.donation-welcome_description p[style*="font-size: 1px"] {
  font-size: 12px !important;
}

.donation-credit {
  padding: 0px 40px 8px;
}
@media screen and (max-width: 768px) {
  .donation-credit {
    padding: 0px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-credit {
    padding: 0px 15px 8px;
  }
}
.donation-credit.no-fundraising {
  padding-top: 0;
}
.donation-credit_entity::after {
  clear: both;
  content: "";
  display: table;
}
.donation-credit_entity {
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 25px;
}
.donation-credit_entity-logo {
  width: 115px;
  height: 115px;
  padding: 0px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 50%;
}
@media screen and (max-width: 568px) {
  .donation-credit_entity-logo {
    width: 95px;
    height: 95px;
  }
}
.donation-credit_entity-info {
  margin-left: 140px;
  padding-top: 15px;
}
@media screen and (max-width: 568px) {
  .donation-credit_entity-info {
    padding: 0;
    margin-left: 115px;
  }
}
.donation-credit_entity-title {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}
.donation-credit_entity-designation {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: inline-block;
  margin-left: 8px;
  font-style: italic;
}
.donation-credit_entity-status {
  font-size: 14px;
  text-align: right;
  margin-top: 15px;
}
@media screen and (max-width: 568px) {
  .donation-credit_entity-status {
    margin-top: 10px;
    text-align: left;
    font-size: 13px;
  }
}
.donation-credit_progress-bar {
  display: block;
  width: 100%;
}
.donation-credit_progress-bar-goal {
  display: block;
  padding: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}
.donation-credit_progress-bar-raised {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  height: 100%;
  width: 0;
  background-color: rgb(54, 191, 247);
  border-radius: 100px;
}
.donation-credit_progress-bar-goal {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}
.donation-credit_search {
  width: 60%;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .donation-credit_search {
    width: 100%;
  }
}
.donation-credit_search-label {
  font-size: 16px;
  line-height: 20px;
  color: #102033;
  display: block;
  padding-bottom: 4px;
}
.donation-credit_search-input-container {
  position: relative;
  margin-top: 13px;
}
.donation-credit_search-input-field {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-credit_search-input-field {
  background-color: #ffffff;
}
.donation-credit_search-input-field.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-credit_search-input-field {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-credit_search-input-field:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-credit_search-input-field {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-credit_search-input-field.has-counter {
  padding-right: 55px;
}
.donation-credit_search-input-field::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-credit_search-input-field::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-credit_search-input-field:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-credit_search-input-field:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-credit_search-input-field-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-credit_search-input-field-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-credit_search-input-field.large {
  height: 50px;
}
.donation-credit_search-input-field {
  background-color: #f9f9f9;
}
.donation-credit_search-input-field:focus {
  border-color: #9e9e9e;
}
.donation-credit_search-input-field.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-credit_search-input-loader {
  top: 50%;
  left: 50%;
  margin-top: calc(-24px / 2);
  margin-left: calc(-24px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: inset 0 0 0 calc(24px / 10) currentcolor;
  box-shadow: inset 0 0 0 calc(24px / 10) currentcolor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.donation-credit_search-input-loader, .donation-credit_search-input-loader:before, .donation-credit_search-input-loader:after {
  border-radius: 50%;
}
.donation-credit_search-input-loader:before, .donation-credit_search-input-loader:after {
  position: absolute;
  content: "";
}
.donation-credit_search-input-loader:before {
  width: calc(4px + 24px / 2);
  height: 28px;
  border-radius: 24px 0 0 24px;
  top: -2px;
  left: -2px;
  background: #f9f9f9;
  -webkit-transform-origin: calc(24px / 2) calc(24px / 2);
  transform-origin: calc(24px / 2 + 2px) calc(24px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.donation-credit_search-input-loader:after {
  width: calc(4px + 24px / 2);
  height: 28px;
  border-radius: 0 24px 24px 0;
  top: -2px;
  left: calc(24px / 2 + 2px);
  background: #f9f9f9;
  -webkit-transform-origin: 0 calc(24px / 2 + 2px);
  transform-origin: 0 calc(24px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.donation-credit_search-input-loader.offWhite:before, .donation-credit_search-input-loader.offWhite:after {
  background: rgb(248, 248, 248);
}
.donation-credit_search-input-loader.blockSlate:before, .donation-credit_search-input-loader.blockSlate:after {
  background: rgb(54, 62, 69);
}
.donation-credit_search-input-loader {
  position: absolute;
  display: block;
  margin: 0;
  top: 8px;
  right: 10px;
  bottom: auto;
  left: auto;
}
.donation-credit_search-list {
  -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
}
.donation-credit_search-item-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  padding: 5px;
  height: 60px;
  background-color: #fff;
  width: 100%;
  text-align: left;
}
.donation-credit_search-item-button:hover {
  background-color: rgb(240, 240, 240);
}
.donation-credit_search-item-button:focus {
  z-index: 2;
}
.donation-credit_search-item-img {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  margin: 0 10px 0 5px;
}
.donation-credit_search-item-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  color: #666;
  line-height: 50px;
}
.donation-credit_search-empty {
  -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
  padding: 10px;
  background-color: #fff;
  font-style: italic;
  font-size: 14px;
  color: #ccc;
  text-align: center;
}
.donation-credit_designation .form__label {
  padding-bottom: unset;
}
.donation-credit_designation .form__sublabel--shifted {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
}
.donation-credit_designation .typeahead_input-dropdown {
  margin-bottom: 4px;
}
@media screen and (min-width: 569px) {
  .donation-credit_designation {
    width: 60%;
  }
}
.donation-credit_designation {
  margin-top: 24px;
}
.donation-credit_designation.no-fundraising {
  margin-top: 0;
}
.donation-credit_designation .form_field {
  float: none;
  margin: 0;
  padding: 0;
  padding-bottom: 24px;
}

.donation-amount {
  padding: 40px 40px 20px;
}
@media screen and (max-width: 768px) {
  .donation-amount {
    padding: 0px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-amount {
    padding: 25px 15px 20px;
  }
}
.donation-amount {
  padding: 40px 40px 8px;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .donation-amount {
    padding: 24px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-amount {
    padding: 24px 15px 8px;
  }
}
.donation-amount .form_label {
  line-height: 20px;
  padding-bottom: 4px;
}
.donation-amount_levels::after {
  clear: both;
  content: "";
  display: table;
}
.donation-amount_levels {
  margin-bottom: 22px;
}
html.flexbox .donation-amount_levels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.donation-amount_levels-item {
  display: block;
  width: 18%;
  float: left;
  padding-right: 2.5%;
}
@media screen and (max-width: 568px) {
  .donation-amount_levels-item {
    width: 22%;
    padding-right: 4%;
  }
}
html.flexbox .donation-amount_levels-item {
  float: none;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding-right: 10px;
}
@media screen and (max-width: 568px) {
  html.flexbox .donation-amount_levels-item {
    padding-right: 5px;
  }
  html.flexbox .donation-amount_levels-item:nth-last-child(2) {
    padding-right: 0;
  }
}
.donation-amount_levels-item-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  border: 0;
  width: 100%;
  background-color: #425ccd;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 568px) {
  .donation-amount_levels-item-button {
    font-size: 15px;
  }
}
.donation-amount_levels-other {
  padding-right: 0;
}
html.flexbox .donation-amount_levels-other {
  padding-right: 0;
}
@media screen and (max-width: 568px) {
  .donation-amount_levels-other {
    display: none;
  }
}
.donation-amount_container {
  padding: 15px;
  background-color: #f8f8f8;
  border-radius: 4px;
}
@media screen and (max-width: 568px) {
  .donation-amount_container {
    padding: 0;
    background-color: transparent;
  }
}
.donation-amount_details::after {
  clear: both;
  content: "";
  display: table;
}
html.flexbox .donation-amount_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .donation-amount_details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
html.flexbox .donation-amount_details-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 568px) {
  .donation-amount_details-total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.donation-amount_details-total-label {
  color: #a1a8ac;
  font-size: 18px;
  font-weight: 600;
  margin-right: 15px;
  float: left;
  line-height: 42px;
}
@media screen and (max-width: 568px) {
  .donation-amount_details-total-label {
    margin-right: 0;
    text-align: center;
  }
}
.donation-amount_details-total-label.sc-form-error {
  color: rgb(247, 116, 98);
}
.donation-amount_details-total-input-wrap {
  position: relative;
  margin-right: 15px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
}
@media screen and (max-width: 568px) {
  .donation-amount_details-total-input-wrap {
    width: 100%;
  }
}
.donation-amount_details-total-symbol {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  margin-right: 5px;
}
.donation-amount_details-total-code {
  position: absolute;
  display: block;
  bottom: 5px;
  right: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #a1a8ac;
}
.donation-amount_details-total-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-amount_details-total-input {
  background-color: #ffffff;
}
.donation-amount_details-total-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-amount_details-total-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-amount_details-total-input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-amount_details-total-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-amount_details-total-input.has-counter {
  padding-right: 55px;
}
.donation-amount_details-total-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-amount_details-total-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-amount_details-total-input.large {
  height: 50px;
}
.donation-amount_details-total-input {
  background-color: #f9f9f9;
}
.donation-amount_details-total-input:focus {
  border-color: #9e9e9e;
}
.donation-amount_details-total-input.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-amount_details-total-input {
  font-size: 21px;
  font-weight: 600;
  background-color: #fff;
  padding: 0 6px;
}
.donation-amount_details-total-fixed {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-amount_details-total-fixed {
  background-color: #ffffff;
}
.donation-amount_details-total-fixed.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-amount_details-total-fixed {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-amount_details-total-fixed:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-amount_details-total-fixed {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-amount_details-total-fixed.has-counter {
  padding-right: 55px;
}
.donation-amount_details-total-fixed::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-fixed::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-fixed:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-fixed:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-amount_details-total-fixed-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-amount_details-total-fixed-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-amount_details-total-fixed.large {
  height: 50px;
}
.donation-amount_details-total-fixed {
  background-color: #f9f9f9;
}
.donation-amount_details-total-fixed:focus {
  border-color: #9e9e9e;
}
.donation-amount_details-total-fixed.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-amount_details-total-fixed {
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  background-color: #fff;
  padding: 0 15px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: 0;
  border-radius: 0px 3px 3px 0px;
}
.donation-amount_details-freq {
  padding: 0 25px;
}
.donation-amount_details-freq-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  padding-left: 25px;
  margin-right: 12px;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  height: 42px;
}
@media screen and (max-width: 568px) {
  .donation-amount_details-freq-radio {
    height: 32px;
    min-width: 50px;
  }
}
.donation-amount_details-freq-radio_input:before, .donation-amount_details-freq-radio-input:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  margin-top: calc(-20px / 2);
  height: 20px;
  width: 20px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  background-color: #d3d3d3;
}
.donation-amount_details-freq-radio_input:after, .donation-amount_details-freq-radio-input:after {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  transition: all 150ms linear;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: calc(20px / 2);
  margin-top: 0;
  height: 0;
  width: 0;
  border-radius: 20px;
  background-color: currentColor;
}
.donation-amount_details-freq-radio:focus .donation-amount_details-freq-radio-input:before, .donation-amount_details-freq-radio:focus .donation-amount_details-freq-radio_input:before {
  border-color: rgba(0, 0, 0, 0.38);
}
.donation-amount_details-freq-radio.checked .donation-amount_details-freq-radio_input:after, .donation-amount_details-freq-radio.checked .donation-amount_details-freq-radio-input:after {
  width: 12px;
  height: 12px;
  left: calc((20px - (20px - 4px * 2)) / 2);
  margin-top: calc((20px - 4px * 2) / -2);
}
.donation-amount_details-freq-radio.error .donation-amount_details-freq-radio_input:before, .donation-amount_details-freq-radio.error .donation-amount_details-freq-radio-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}

/* -------------------------------------------------------------------------- *
 * Radio
 * -------------------------------------------------------------------------- */
.donation-designation {
  padding: 40px 40px 20px;
}
@media screen and (max-width: 768px) {
  .donation-designation {
    padding: 0px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-designation {
    padding: 25px 15px 20px;
  }
}
.donation-designation {
  padding-top: 10px;
}
.donation-designation_label {
  display: block;
  font-size: 12px;
  color: #a1a8ac;
  margin-bottom: 13px;
}

.donation-matching {
  padding: 40px 40px 20px;
}
@media screen and (max-width: 768px) {
  .donation-matching {
    padding: 0px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-matching {
    padding: 25px 15px 20px;
  }
}
.donation-matching {
  padding-top: 0;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .donation-matching {
    padding: 0px 20px 24px;
  }
}
@media screen and (max-width: 568px) {
  .donation-matching {
    padding: 0px 15px 24px;
  }
}
.donation-matching .sc-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 24px;
  cursor: pointer;
  font-size: 13px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.donation-matching .sc-checkbox.inline {
  display: inline-block;
}
.donation-matching .sc-checkbox_input:before, .donation-matching .sc-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  text-indent: 1px;
  line-height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.donation-matching .sc-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-matching .sc-checkbox:focus .donation-matching .sc-checkbox_input:before, .donation-matching .sc-checkbox:focus .donation-matching .sc-checkbox-input:before {
  border-color: #9e9e9e;
}
.donation-matching .sc-checkbox.checked .donation-matching .sc-checkbox_input:before, .donation-matching .sc-checkbox.checked .donation-matching .sc-checkbox-input:before {
  line-height: 16px;
}
.donation-matching .sc-checkbox.error .donation-matching .sc-checkbox_input:before, .donation-matching .sc-checkbox.error .donation-matching .sc-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.donation-matching .sc-checkbox {
  font-size: 16px;
}
.donation-matching_employer::after, .donation-matching_employee::after {
  clear: both;
  content: "";
  display: table;
}
.donation-matching_employer, .donation-matching_employee {
  margin-bottom: 25px;
}
.donation-matching_employer-label, .donation-matching_employee-label {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 14.9994173489%;
}
.donation-matching_employer-label:last-child, .donation-matching_employee-label:last-child {
  margin-right: 0;
}
.donation-matching_employer-label, .donation-matching_employee-label {
  font-size: 13px;
  line-height: 42px;
}
.donation-matching_employer-input, .donation-matching_employee-input {
  float: left;
  margin-right: 2.0006991813%;
  width: 82.9998834698%;
}
.donation-matching_employer-input:last-child, .donation-matching_employee-input:last-child {
  margin-right: 0;
}
.donation-matching_employer-input, .donation-matching_employee-input {
  margin-right: 0;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-matching_employer-input, .donation-matching_employee-input {
  background-color: #ffffff;
}
.donation-matching_employer-input.sc-invalid, .donation-matching_employee-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-matching_employer-input, .donation-matching_employee-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-matching_employer-input:disabled, .donation-matching_employee-input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-matching_employer-input, .donation-matching_employee-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-matching_employer-input.has-counter, .donation-matching_employee-input.has-counter {
  padding-right: 55px;
}
.donation-matching_employer-input::-webkit-input-placeholder, .donation-matching_employee-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-matching_employer-input::-moz-placeholder, .donation-matching_employee-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-matching_employer-input:-moz-placeholder, .donation-matching_employee-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-matching_employer-input:-ms-input-placeholder, .donation-matching_employee-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-matching_employer-input-pre, .donation-matching_employee-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-matching_employer-input-pre + .form_text-input, .donation-matching_employee-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-matching_employer-input.large, .donation-matching_employee-input.large {
  height: 50px;
}
.donation-matching_employer-select, .donation-matching_employee-select {
  float: left;
  margin-right: 2.0006991813%;
  width: 82.9998834698%;
}
.donation-matching_employer-select:last-child, .donation-matching_employee-select:last-child {
  margin-right: 0;
}
.donation-matching_employer-select, .donation-matching_employee-select {
  margin-right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-matching_employer-select, .donation-matching_employee-select {
  background-color: #ffffff;
}
.donation-matching_employer-select.sc-invalid, .donation-matching_employee-select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-matching_employer-select, .donation-matching_employee-select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-matching_employer-select:disabled, .donation-matching_employee-select:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-matching_employer-select, .donation-matching_employee-select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.donation-matching_employer-select:focus:focus, .donation-matching_employee-select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-matching_back {
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: block;
  float: right;
  font-size: 14px;
  color: #102033;
  line-height: 1.4;
  margin: 5px 0;
}
.donation-matching .amply-donation-label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: normal;
  padding-top: 12px;
  line-height: 20px;
}
.donation-matching .amply-donation-label.sc-form-error {
  color: rgb(205, 68, 67);
}
.donation-matching .amply-donation-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}

.donation-dedication {
  padding: 40px 40px 24px;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .donation-dedication {
    padding: 0px 20px 24px;
  }
}
@media screen and (max-width: 568px) {
  .donation-dedication {
    padding: 0px 15px 24px;
  }
}
.donation-dedication .sc-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 24px;
  cursor: pointer;
  font-size: 13px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.donation-dedication .sc-checkbox.inline {
  display: inline-block;
}
.donation-dedication .sc-checkbox_input:before, .donation-dedication .sc-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  text-indent: 1px;
  line-height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.donation-dedication .sc-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.donation-dedication .sc-checkbox:focus .donation-dedication .sc-checkbox_input:before, .donation-dedication .sc-checkbox:focus .donation-dedication .sc-checkbox-input:before {
  border-color: #9e9e9e;
}
.donation-dedication .sc-checkbox.checked .donation-dedication .sc-checkbox_input:before, .donation-dedication .sc-checkbox.checked .donation-dedication .sc-checkbox-input:before {
  line-height: 16px;
}
.donation-dedication .sc-checkbox.error .donation-dedication .sc-checkbox_input:before, .donation-dedication .sc-checkbox.error .donation-dedication .sc-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.donation-dedication .sc-checkbox {
  font-size: 16px;
}
.donation-dedication_postcard-autocomplete input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-dedication_postcard-autocomplete input {
  background-color: #ffffff;
}
.donation-dedication_postcard-autocomplete input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-dedication_postcard-autocomplete input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-dedication_postcard-autocomplete input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-dedication_postcard-autocomplete input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-dedication_postcard-autocomplete input.has-counter {
  padding-right: 55px;
}
.donation-dedication_postcard-autocomplete input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-dedication_postcard-autocomplete input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-dedication_postcard-autocomplete input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-dedication_postcard-autocomplete input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-dedication_postcard-autocomplete input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-dedication_postcard-autocomplete input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-dedication_postcard-autocomplete input.large {
  height: 50px;
}
.donation-dedication_postcard-autocomplete input {
  background-color: #f9f9f9;
}
.donation-dedication_postcard-autocomplete input:focus {
  border-color: #9e9e9e;
}
.donation-dedication_postcard-autocomplete input.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-dedication .form__radio-control {
  font-size: 16px;
}
.donation-dedication__honoree {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 568px) {
  .donation-dedication__honoree {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
}
.donation-dedication_message::after {
  clear: both;
  content: "";
  display: table;
}
.donation-dedication_message {
  margin-top: 16px;
}
.donation-dedication_message-label {
  font-size: 13px;
  color: #102033;
  display: block;
  font-size: 16px;
}
.donation-dedication_message-text {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.donation-dedication_message-text:last-child {
  margin-right: 0;
}
.donation-dedication_message-text.half {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.donation-dedication_message-text.half:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .donation-dedication_message-text.half {
    width: 99%;
  }
}
@media screen and (max-width: 568px) {
  .donation-dedication_message-text.half {
    width: 99%;
  }
}
.donation-dedication_message-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-dedication_message-input:disabled {
  background-color: rgb(240, 240, 240);
}
.donation-dedication_message-input {
  background-color: #ffffff;
}
.donation-dedication_message-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-dedication_message-input {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.donation-dedication_message-input.gray {
  background: rgb(248, 248, 248);
}
.donation-dedication_message-input::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-dedication_message-input::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-dedication_message-input:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-dedication_message-input:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.donation-dedication_message-input {
  background-color: #f9f9f9;
}
.donation-dedication_message-input:focus {
  border-color: #9e9e9e;
}
.donation-dedication_message-input.sc-form-error {
  border-color: rgb(247, 116, 98);
}
.donation-dedication_message-input {
  font-size: 16px;
  margin-top: 4px;
}
.donation-dedication_message-ecard {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.donation-dedication_message-ecard:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .donation-dedication_message-ecard {
    width: 99%;
  }
}
@media screen and (max-width: 568px) {
  .donation-dedication_message-ecard {
    width: 99%;
  }
}
.donation-dedication_message-ecard-none {
  margin: 8px 0 16px;
}
.donation-dedication_message-ecard-grid::after {
  clear: both;
  content: "";
  display: table;
}
.donation-dedication_message-ecard-item {
  position: relative;
  width: 126px;
  height: 84px;
  float: left;
  margin: 0 15px 15px 0;
  border: 2px solid transparent;
}
.donation-dedication_message-ecard-item.active {
  border: 2px solid currentColor;
}
.donation-dedication_message-ecard-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.donation-dedication_message-ecard-radio {
  position: absolute;
  display: block;
  height: 42px;
  width: 16px;
  right: 5px;
  bottom: -8px;
  z-index: 2;
  margin: 0;
}
.donation-dedication_message-helper {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  margin: 4px 0 16px;
}

.modal-ecard {
  text-align: center;
  background: rgb(248, 248, 248);
  padding: 20px 0;
}
.modal-ecard_main {
  border: 1px solid #eeeeee;
  position: relative;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}
.modal-ecard .admin-modal_p {
  margin-bottom: 20px;
}
.modal-ecard img {
  display: block;
}
.modal-ecard_message {
  background: #ffffff;
  display: block;
  padding: 12px;
}

.donation-table-label-type {
  display: block;
  font-size: 16px;
  color: #a1a8ac;
  font-weight: 500;
  min-height: 28px;
  padding: 0px 0 8px;
}
.donation-table-label-type.sc-form-error {
  color: rgb(247, 116, 98);
}
@media screen and (max-width: 568px) {
  .donation-table-label-type {
    width: 100%;
    min-height: 32px;
  }
}

.flexbox .donation-table-label-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 320px) {
  .donation-gift-aid__wrapper {
    padding: 28px 24px 48px;
  }
}
@media screen and (min-width: 1280px) {
  .donation-gift-aid__wrapper {
    padding: 28px 40px 48px;
  }
}
@media screen and (min-width: 320px) {
  .donation-gift-aid__image {
    width: 108px;
    height: 42px;
    margin: 0 21px;
  }
}
@media screen and (min-width: 1024px) {
  .donation-gift-aid__image {
    width: 132px;
    height: 51px;
    margin: 0 29px;
  }
}
.donation-gift-aid__image-line {
  width: 61px;
  height: 3px;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.donation-gift-aid__image-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 320px) {
  .donation-gift-aid__image-container {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 1280px) {
  .donation-gift-aid__image-container {
    padding-bottom: 25px;
  }
}
.donation-gift-aid__header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (min-width: 320px) {
  .donation-gift-aid__subheader {
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1024px) {
  .donation-gift-aid__subheader {
    color: rgb(87, 104, 125);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1280px) {
  .donation-gift-aid__subheader {
    color: rgb(87, 104, 125);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    font-weight: 400;
  }
}
.donation-gift-aid__subheader {
  margin-top: 6px;
  margin-bottom: 12px;
}
.donation-gift-aid__checkbox-container {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 320px) {
  .donation-gift-aid__checkbox-label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1024px) {
  .donation-gift-aid__checkbox-label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1280px) {
  .donation-gift-aid__checkbox-label {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-transform: none;
    font-weight: 400;
  }
}
.donation-gift-aid__checkbox-label {
  color: rgba(25, 29, 34, 0.87);
  margin-left: 12px;
}
.donation-gift-aid__option-container {
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.donation-gift-aid__option-text {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(25, 29, 34, 0.54);
  padding: 9px;
  background-color: rgb(248, 248, 248);
}

/* -------------------------------------------------------------------------- *
 * Radio
 * -------------------------------------------------------------------------- */
.donation-donor {
  padding: 32px 40px 16px;
}
@media screen and (max-width: 768px) {
  .donation-donor {
    padding: 32px 20px 16px;
  }
}
@media screen and (max-width: 568px) {
  .donation-donor {
    padding: 32px 15px 16px;
  }
}
.donation-donor {
  border-top: 1px solid #e2e2e2;
}

.donation-table_column .form_field {
  margin-bottom: 0px;
}

.iti {
  width: 100%;
}
.iti input {
  padding-left: 45px;
}

.froala-textarea {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  line-height: 25px;
}

.froala-single_line_input {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  line-height: 25px;
  padding: 0 !important;
}

.donation-table_row-helper {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  margin: unset;
}
.donation-table .form__label {
  padding-bottom: 0;
}

.donation-block .sc-checkbox {
  font-size: 16px;
  line-height: 20px;
}

.sc-consent {
  padding: 8px 0;
}

.form_field {
  padding: unset;
  margin: unset;
}

/* -------------------------------------------------------------------------- *
 * Radio
 * -------------------------------------------------------------------------- */
.donation-shipping {
  padding: 40px 40px 20px;
}
@media screen and (max-width: 768px) {
  .donation-shipping {
    padding: 0px 20px 8px;
  }
}
@media screen and (max-width: 568px) {
  .donation-shipping {
    padding: 25px 15px 20px;
  }
}
.donation-shipping {
  border-top: 1px solid #e2e2e2;
}

.donation-payment {
  padding: 16px 40px 0px;
}
@media screen and (max-width: 768px) {
  .donation-payment {
    padding: 16px 20px 0px;
  }
}
@media screen and (max-width: 568px) {
  .donation-payment {
    padding: 16px 15px 0px;
  }
}
.donation-payment_echeckbtn {
  background: #60d3c2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  display: block;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  padding: 12px 24px 12px 24px;
  text-decoration: none;
}
.donation-payment_pan-iframe {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-payment_pan-iframe {
  background-color: #ffffff;
}
.donation-payment_pan-iframe.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-payment_pan-iframe {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-payment_pan-iframe:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-payment_pan-iframe {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-payment_pan-iframe.has-counter {
  padding-right: 55px;
}
.donation-payment_pan-iframe::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-iframe::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-iframe:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-iframe:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-iframe-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-payment_pan-iframe-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-payment_pan-iframe.large {
  height: 50px;
}
.donation-payment_pan-iframe {
  background-color: #f9f9f9;
}
.donation-payment_pan-iframe:focus {
  border-color: #9e9e9e;
}
.donation-payment_pan-iframe.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-payment_pan-iframe {
  line-height: 0;
  padding: 0;
  overflow: hidden;
}
.donation-payment_pan-iframe.focus {
  border-color: #9e9e9e;
}
.donation-payment_pan-iframe.sc-form-error {
  border-color: rgb(247, 116, 98);
}
.donation-payment_pan-hashed-bullets {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-payment_pan-hashed-bullets {
  background-color: #ffffff;
}
.donation-payment_pan-hashed-bullets.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-payment_pan-hashed-bullets {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-payment_pan-hashed-bullets:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-payment_pan-hashed-bullets {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-payment_pan-hashed-bullets.has-counter {
  padding-right: 55px;
}
.donation-payment_pan-hashed-bullets::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-hashed-bullets::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-hashed-bullets:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-hashed-bullets:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_pan-hashed-bullets-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-payment_pan-hashed-bullets-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-payment_pan-hashed-bullets.large {
  height: 50px;
}
.donation-payment_pan-hashed-bullets {
  background-color: #f9f9f9;
}
.donation-payment_pan-hashed-bullets:focus {
  border-color: #9e9e9e;
}
.donation-payment_pan-hashed-bullets.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-payment_pan-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  display: block;
  background-color: transparent;
  float: right;
  margin-top: 3px;
}
.donation-payment_accepted {
  height: 42px;
  line-height: 40px;
}
.donation-payment_accepted-image {
  vertical-align: middle;
  max-height: 30px;
}
@media screen and (max-width: 540px) {
  .donation-payment_accepted--mb-mobile {
    margin-bottom: 10px;
  }
}
.donation-payment_paypal {
  height: 42px;
}
.donation-payment_paypal-message {
  display: block;
  float: left;
  height: 42px;
  color: #a1a8ac;
  font-size: 14px;
  font-style: italic;
  line-height: 42px;
  vertical-align: middle;
  text-align: right;
  margin-right: 10px;
}
.donation-payment_paypal-button {
  display: block;
  float: left;
  margin: 0 0 5px 0;
}
@media screen and (max-width: 540px) {
  .donation-payment_paypal-button {
    margin: 0 5px 0 0;
  }
}
.logged-in .donation-payment_paypal-button {
  float: none;
}
.donation-payment_billing_address1 input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.donation-payment_billing_address1 input {
  background-color: #ffffff;
}
.donation-payment_billing_address1 input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.donation-payment_billing_address1 input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-payment_billing_address1 input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.donation-payment_billing_address1 input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.donation-payment_billing_address1 input.has-counter {
  padding-right: 55px;
}
.donation-payment_billing_address1 input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_billing_address1 input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_billing_address1 input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_billing_address1 input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.donation-payment_billing_address1 input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.donation-payment_billing_address1 input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.donation-payment_billing_address1 input.large {
  height: 50px;
}
.donation-payment_billing_address1 input {
  background-color: #f9f9f9;
}
.donation-payment_billing_address1 input:focus {
  border-color: #9e9e9e;
}
.donation-payment_billing_address1 input.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.donation-payment .donation__address2 .form__text-input--dark {
  background-color: #f9f9f9;
}
.donation-payment .donation__address2 .form__text-input--dark {
  line-height: 20px;
}

@media screen and (max-width: 540px) {
  .donation-company-name-checkbox {
    margin-top: 8px;
  }
}
.donation-company-name-checkbox .donation-table_column {
  margin: 0 !important;
}
@media screen and (max-width: 540px) {
  .donation-company-name-checkbox .donation-table_label {
    display: none;
  }
}

.donation-border-top {
  border-top: 1px solid #e2e2e2;
  padding-top: 32px;
}

.donation-footer {
  padding: 0px 40px 32px;
}
.donation-footer::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 768px) {
  .donation-footer {
    padding: 0px 20px 16px;
  }
}
@media screen and (max-width: 568px) {
  .donation-footer {
    padding: 0px 15px 16px;
  }
}
.donation-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.donation-footer_container {
  text-align: center;
  margin: 0 !important;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 82.9998834698%;
}
.donation-footer_container:last-child {
  margin-right: 0;
}
.donation-footer_container {
  margin-left: 17.0001165302%;
}
@media screen and (max-width: 568px) {
  .donation-footer_container {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .donation-footer_container:last-child {
    margin-right: 0;
  }
  .donation-footer_container {
    margin-left: 0%;
    padding: 0;
  }
}
.donation-footer_submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  padding: 15px 40px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
}
@media screen and (max-width: 568px) {
  .donation-footer_submit {
    display: block;
    margin: 0 auto;
  }
}
.donation-footer_controls {
  display: inline-block;
}
@media screen and (max-width: 568px) {
  .donation-footer_controls {
    display: block;
    text-align: center;
  }
}
.donation-footer_summary {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 568px) {
  .donation-footer_summary {
    padding-top: 0;
    display: block;
    margin: 24px 0 0px;
    text-align: center;
  }
}
.donation-footer_powered {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  margin-top: 24px;
}
.donation-footer_powered a {
  text-decoration: underline;
  color: inherit;
  font-weight: 600;
}
.donation-footer_powered span {
  text-transform: uppercase;
}
.donation-footer_creditee {
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  vertical-align: bottom;
  margin-left: 15px;
}
@media screen and (max-width: 568px) {
  .donation-footer_creditee {
    margin-left: 0;
    margin-right: 15px;
  }
}
.donation-footer_terms {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  margin-bottom: 24px;
}
.donation-footer_terms a {
  text-decoration: underline;
  color: inherit;
  font-weight: 600;
}
.donation-footer_terms span {
  text-transform: uppercase;
}
.donation-footer__compliance {
  margin-top: 20px;
  padding: 20px 0 25px;
  border-top: 1px solid #ededed;
  color: #102033;
  font-style: italic;
  font-size: 12px;
}
.donation-footer__compliance-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.donation-footer__compliance-img {
  margin-right: 17px;
  display: none;
}
@media screen and (min-width: 768px) {
  .donation-footer__compliance-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.donation-footer__compliance-img .ci-world-hands {
  margin-top: 10px;
}
.donation-footer__compliance-text {
  color: #102033;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 524px;
}
.donation-footer__compliance--unsupported {
  color: rgb(87, 104, 125);
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  background-color: #fafafa;
  font-size: 12px;
}

.donation-faq {
  padding: 20px;
}

.login-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
}
.login-text .link {
  color: rgb(66, 92, 205);
  text-decoration: underline;
}

#dd-company-name-input .dd-company-selected {
  font-size: 14px;
}
#dd-company-name-input .wrongcompany {
  font-size: 13px;
  text-decoration-line: underline;
  display: block;
}
#dd-company-name-input .wrongcompany a {
  color: #425ccd;
}
#dd-company-name-input .dtd-search-input {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
#dd-company-name-input .Select-option {
  color: rgba(0, 0, 0, 0.9) !important;
  line-height: 18px;
  font-size: 14px;
}
#dd-company-name-input .Select-menu .dtd-dropdown-is-selected {
  background-color: rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.9) !important;
}
#dd-company-name-input .streamlined-powered-by {
  line-height: 2px;
  padding: 5px 5px 6px 0 !important;
}
#dd-company-name-input .streamlined-powered-by a.streamlined-powered-by-link {
  font-size: 9px !important;
}

.double-the-donation-label {
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: normal;
  padding-top: 12px;
}
.double-the-donation-label.sc-form-error {
  color: rgb(205, 68, 67);
}
.double-the-donation-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}

.donation-table_margin_top_12 {
  margin-top: 12px;
}

.progress-circle-block {
  margin-right: 24px;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 12 / 12 + 264px);
}
.progress-circle-block:last-of-type {
  margin-right: 0;
}
.progress-circle-block-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 12 / 12 + 264px);
}
.progress-circle-block-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-12-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 12 / 12 + 264px);
}
.progress-circle-block-12-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-11 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 11 / 12 + 240px);
}
.progress-circle-block-11:last-of-type {
  margin-right: 0;
}
.progress-circle-block-11-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 11 / 12 + 240px);
}
.progress-circle-block-11-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-10 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 10 / 12 + 216px);
}
.progress-circle-block-10:last-of-type {
  margin-right: 0;
}
.progress-circle-block-10-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 10 / 12 + 216px);
}
.progress-circle-block-10-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-9 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 9 / 12 + 192px);
}
.progress-circle-block-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-9-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 9 / 12 + 192px);
}
.progress-circle-block-9-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-9-of-9 {
  position: relative;
  width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
}
.progress-circle-block-9-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-8 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 8 / 12 + 168px);
}
.progress-circle-block-8:last-of-type {
  margin-right: 0;
}
.progress-circle-block-8-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 8 / 12 + 168px);
}
.progress-circle-block-8-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-8-of-9 {
  position: relative;
  width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
}
.progress-circle-block-8-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-7 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 7 / 12 + 144px);
}
.progress-circle-block-7:last-of-type {
  margin-right: 0;
}
.progress-circle-block-7-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 7 / 12 + 144px);
}
.progress-circle-block-7-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-7-of-9 {
  position: relative;
  width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
}
.progress-circle-block-7-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-6 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 6 / 12 + 120px);
}
.progress-circle-block-6:last-of-type {
  margin-right: 0;
}
.progress-circle-block-6-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 6 / 12 + 120px);
}
.progress-circle-block-6-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-6-of-9 {
  position: relative;
  width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
}
.progress-circle-block-6-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-5 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 5 / 12 + 96px);
}
.progress-circle-block-5:last-of-type {
  margin-right: 0;
}
.progress-circle-block-5-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 5 / 12 + 96px);
}
.progress-circle-block-5-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-5-of-9 {
  position: relative;
  width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
}
.progress-circle-block-5-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-4 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 4 / 12 + 72px);
}
.progress-circle-block-4:last-of-type {
  margin-right: 0;
}
.progress-circle-block-4-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 4 / 12 + 72px);
}
.progress-circle-block-4-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-4-of-9 {
  position: relative;
  width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
}
.progress-circle-block-4-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-4-of-4 {
  position: relative;
  width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
}
.progress-circle-block-4-of-4:last-of-type {
  margin-right: 0;
}
.progress-circle-block-3 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 3 / 12 + 48px);
}
.progress-circle-block-3:last-of-type {
  margin-right: 0;
}
.progress-circle-block-3-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 3 / 12 + 48px);
}
.progress-circle-block-3-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-3-of-9 {
  position: relative;
  width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
}
.progress-circle-block-3-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-3-of-4 {
  position: relative;
  width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
}
.progress-circle-block-3-of-4:last-of-type {
  margin-right: 0;
}
.progress-circle-block-2 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 2 / 12 + 24px);
}
.progress-circle-block-2:last-of-type {
  margin-right: 0;
}
.progress-circle-block-2-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 2 / 12 + 24px);
}
.progress-circle-block-2-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-2-of-9 {
  position: relative;
  width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
}
.progress-circle-block-2-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-2-of-4 {
  position: relative;
  width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
}
.progress-circle-block-2-of-4:last-of-type {
  margin-right: 0;
}
.progress-circle-block-1 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 1 / 12 + 0px);
}
.progress-circle-block-1:last-of-type {
  margin-right: 0;
}
.progress-circle-block-1-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 1 / 12 + 0px);
}
.progress-circle-block-1-of-12:last-of-type {
  margin-right: 0;
}
.progress-circle-block-1-of-9 {
  position: relative;
  width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
}
.progress-circle-block-1-of-9:last-of-type {
  margin-right: 0;
}
.progress-circle-block-1-of-4 {
  position: relative;
  width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
}
.progress-circle-block-1-of-4:last-of-type {
  margin-right: 0;
}
.progress-circle-block {
  position: relative;
}
@media screen and (min-width: 320px) {
  .progress-circle-block__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .progress-circle-block__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .progress-circle-block__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .progress-circle-block__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .progress-circle-block__grid {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 640px) {
  .progress-circle-block__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .progress-circle-block__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .progress-circle-block__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .progress-circle-block__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .progress-circle-block__grid {
    max-width: 640px;
    width: 640px;
  }
}
@media screen and (min-width: 1024px) {
  .progress-circle-block__grid {
    max-width: 1024px;
    width: 1024px;
  }
}
@media screen and (min-width: 1280px) {
  .progress-circle-block__grid {
    width: 1280px;
    max-width: 1280px;
    padding: 96px 0;
  }
}
.progress-circle-block__grid {
  height: 100%;
  cursor: default;
}
.progress-circle-block__grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.progress-circle-block__grid {
  margin: 0 auto;
}
.progress-circle-block__grid-container {
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.progress-circle-block__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .progress-circle-block__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.progress-circle-block__circle-container {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.progress-circle-block__circle-container:last-child {
  margin-right: 0;
}
.progress-circle-block__circle-container {
  margin-right: 0;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .progress-circle-block__circle-container {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 31.9995338791%;
  }
  .progress-circle-block__circle-container:last-child {
    margin-right: 0;
  }
  .progress-circle-block__circle-container {
    height: 400px;
  }
}
.progress-circle-block__progress-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.progress-circle-block__text-container {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.progress-circle-block__text-container:last-child {
  margin-right: 0;
}
.progress-circle-block__text-container {
  position: relative;
  text-align: center;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .progress-circle-block__text-container {
    margin-top: 0px;
    text-align: left;
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .progress-circle-block__text-container:last-child {
    margin-right: 0;
  }
}
.progress-circle-block__headline {
  color: rgb(255, 255, 255);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .progress-circle-block__headline {
    color: rgb(255, 255, 255);
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
  }
}
.progress-circle-block__subheading {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 10px;
}
@media screen and (min-width: 640px) {
  .progress-circle-block__subheading {
    color: rgb(255, 255, 255);
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
  }
}
.progress-circle-block__button-container {
  margin-top: 36px;
  text-align: center;
  display: block;
}
@media screen and (min-width: 1024px) {
  .progress-circle-block__button-container {
    text-align: left;
  }
}
.progress-circle-block__button--left {
  margin-right: 20px;
}
.progress-circle-block__button--right, .progress-circle-block__button--left {
  max-width: 45%;
  word-wrap: break-word;
  -ms-word-break: break-all;
  display: inline-block;
}
.progress-circle-block__button {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  background-color: #425ccd;
  color: #ffffff;
}
.progress-circle-block__button:hover, .progress-circle-block__button[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.progress-circle-block__button[disabled], .progress-circle-block__button:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.progress-circle-block__button:active:enabled, .progress-circle-block__button[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.progress-circle-block__button[disabled], .progress-circle-block__button:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.progress-circle-block__button {
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .progress-circle-block__button {
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 2px;
    border: 2px solid transparent;
    padding: 18px 36px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #425ccd;
    color: #ffffff;
  }
  .progress-circle-block__button:hover, .progress-circle-block__button[hover] {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
  .progress-circle-block__button[disabled], .progress-circle-block__button:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  }
  .progress-circle-block__button:active:enabled, .progress-circle-block__button[active] {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    border-image-slice: 1;
  }
  .progress-circle-block__button[disabled], .progress-circle-block__button:disabled {
    color: #ffffff;
    background-color: rgb(210, 210, 210);
    border-color: rgb(210, 210, 210);
    cursor: default;
    pointer-events: none;
  }
}
.progress-circle-block__button .fr-wrapper {
  padding: 0;
  border: none;
}
.progress-circle-block__button .fr-element {
  min-width: 200px;
}

.circular-progress__text {
  display: block;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 24px;
  position: relative;
  text-align: center;
  font-weight: 600;
}
.circular-progress__text--large {
  display: block;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 24px;
  position: relative;
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
}
@media screen and (min-width: 640px) {
  .circular-progress__text--large {
    font-size: 72px;
    line-height: 72px;
  }
}
.circular-progress__text--small {
  display: block;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 24px;
  position: relative;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
}
.circular-progress__goal {
  display: block;
  margin-top: 15px;
}

.featured-block {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.featured-block .row-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.featured-block .row-flex__right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.featured-block .row-flex__center {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.featured-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px;
}
.featured-block__content {
  margin-right: 24px;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 8 / 12 + 168px);
}
.featured-block__content:last-of-type {
  margin-right: 0;
}
.featured-block__content-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 12 / 12 + 264px);
}
.featured-block__content-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-12-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 12 / 12 + 264px);
}
.featured-block__content-12-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-11 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 11 / 12 + 240px);
}
.featured-block__content-11:last-of-type {
  margin-right: 0;
}
.featured-block__content-11-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 11 / 12 + 240px);
}
.featured-block__content-11-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-10 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 10 / 12 + 216px);
}
.featured-block__content-10:last-of-type {
  margin-right: 0;
}
.featured-block__content-10-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 10 / 12 + 216px);
}
.featured-block__content-10-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-9 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 9 / 12 + 192px);
}
.featured-block__content-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-9-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 9 / 12 + 192px);
}
.featured-block__content-9-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-9-of-9 {
  position: relative;
  width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
}
.featured-block__content-9-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-8 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 8 / 12 + 168px);
}
.featured-block__content-8:last-of-type {
  margin-right: 0;
}
.featured-block__content-8-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 8 / 12 + 168px);
}
.featured-block__content-8-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-8-of-9 {
  position: relative;
  width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
}
.featured-block__content-8-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-7 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 7 / 12 + 144px);
}
.featured-block__content-7:last-of-type {
  margin-right: 0;
}
.featured-block__content-7-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 7 / 12 + 144px);
}
.featured-block__content-7-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-7-of-9 {
  position: relative;
  width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
}
.featured-block__content-7-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-6 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 6 / 12 + 120px);
}
.featured-block__content-6:last-of-type {
  margin-right: 0;
}
.featured-block__content-6-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 6 / 12 + 120px);
}
.featured-block__content-6-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-6-of-9 {
  position: relative;
  width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
}
.featured-block__content-6-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-5 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 5 / 12 + 96px);
}
.featured-block__content-5:last-of-type {
  margin-right: 0;
}
.featured-block__content-5-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 5 / 12 + 96px);
}
.featured-block__content-5-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-5-of-9 {
  position: relative;
  width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
}
.featured-block__content-5-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-4 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 4 / 12 + 72px);
}
.featured-block__content-4:last-of-type {
  margin-right: 0;
}
.featured-block__content-4-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 4 / 12 + 72px);
}
.featured-block__content-4-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-4-of-9 {
  position: relative;
  width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
}
.featured-block__content-4-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-4-of-4 {
  position: relative;
  width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
}
.featured-block__content-4-of-4:last-of-type {
  margin-right: 0;
}
.featured-block__content-3 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 3 / 12 + 48px);
}
.featured-block__content-3:last-of-type {
  margin-right: 0;
}
.featured-block__content-3-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 3 / 12 + 48px);
}
.featured-block__content-3-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-3-of-9 {
  position: relative;
  width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
}
.featured-block__content-3-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-3-of-4 {
  position: relative;
  width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
}
.featured-block__content-3-of-4:last-of-type {
  margin-right: 0;
}
.featured-block__content-2 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 2 / 12 + 24px);
}
.featured-block__content-2:last-of-type {
  margin-right: 0;
}
.featured-block__content-2-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 2 / 12 + 24px);
}
.featured-block__content-2-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-2-of-9 {
  position: relative;
  width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
}
.featured-block__content-2-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-2-of-4 {
  position: relative;
  width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
}
.featured-block__content-2-of-4:last-of-type {
  margin-right: 0;
}
.featured-block__content-1 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 1 / 12 + 0px);
}
.featured-block__content-1:last-of-type {
  margin-right: 0;
}
.featured-block__content-1-of-12 {
  margin-right: 24px;
  position: relative;
  /*
    This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
    Nested calc() statements are only supported on FF and Chrome.

    The goal here is to set the width of a column based on the number of columns,
    size of the gutter, and size of the overall container.

    - We start with 100% because we want our column size based on the size of the container.
    - Next, we subtract from that total width the amount of space we will allocate for gutters.
      This number is calculated based on the total number of gutters rendered and the size of
      each gutter.
    - Once we have calculated that number, we know the total amount of space allocated to columns.
      We multiply this by the number of columns and then divide by the number of parent columns to
      keep column size even in the case of nested grids. Finally, we add the amount of space taken
      up by gutters in current container.

    This leaves us with the width of a container necessary to let our columns each fit
    in an even way.
  */
  width: calc((100% - 264px) * 1 / 12 + 0px);
}
.featured-block__content-1-of-12:last-of-type {
  margin-right: 0;
}
.featured-block__content-1-of-9 {
  position: relative;
  width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
}
.featured-block__content-1-of-9:last-of-type {
  margin-right: 0;
}
.featured-block__content-1-of-4 {
  position: relative;
  width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
}
.featured-block__content-1-of-4:last-of-type {
  margin-right: 0;
}
.featured-block__content {
  position: relative;
}
.featured-block__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 12px;
}
.featured-block__headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  text-align: center;
}
.featured-block__subheader {
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.featured-block__cta-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 72px;
}
.featured-block__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-preferred-size: calc(33% - 20px);
  flex-basis: calc(33% - 20px);
}

.featured-block__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.featured-block__feature-image {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 1px solid #f0f0f0;
  margin-bottom: 36px;
  overflow: hidden;
}
.featured-block__feature-image-src {
  width: 100%;
  height: 100%;
}
.featured-block__feature-name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
.featured-block__feature-description {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 36px;
}
.featured-block__feature-btn {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  border-radius: 3px;
  text-transform: uppercase;
  height: 42px;
  padding: 0 20px;
}

.registration-block {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
@media screen and (min-width: 320px) {
  .registration-block__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .registration-block__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .registration-block__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .registration-block__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .registration-block__grid {
    padding: 48px 24px;
  }
}
@media screen and (min-width: 640px) {
  .registration-block__grid {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .registration-block__grid .row-flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .registration-block__grid .row-flex__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .registration-block__grid .row-flex__center {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .registration-block__grid {
    max-width: 640px;
    width: 640px;
  }
}
@media screen and (min-width: 1024px) {
  .registration-block__grid {
    max-width: 1024px;
    width: 1024px;
  }
}
@media screen and (min-width: 1280px) {
  .registration-block__grid {
    width: 1280px;
    max-width: 1280px;
    padding: 96px 0;
  }
}
.registration-block__grid {
  height: 100%;
  cursor: default;
}
.registration-block__grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.registration-block__grid {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .registration-block__grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .registration-block__grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1280px) {
  .registration-block__content {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registration-block__content:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .registration-block__content-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .registration-block__content-12-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .registration-block__content-11:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .registration-block__content-11-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .registration-block__content-10:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .registration-block__content-10-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registration-block__content-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registration-block__content-9-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .registration-block__content-9-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registration-block__content-8:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registration-block__content-8-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .registration-block__content-8-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .registration-block__content-7:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .registration-block__content-7-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .registration-block__content-7-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .registration-block__content-6:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .registration-block__content-6-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .registration-block__content-6-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .registration-block__content-5:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .registration-block__content-5-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .registration-block__content-5-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .registration-block__content-4:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .registration-block__content-4-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .registration-block__content-4-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .registration-block__content-4-of-4:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .registration-block__content-3:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .registration-block__content-3-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .registration-block__content-3-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .registration-block__content-3-of-4:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .registration-block__content-2:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .registration-block__content-2-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .registration-block__content-2-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .registration-block__content-2-of-4:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .registration-block__content-1:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .registration-block__content-1-of-12:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .registration-block__content-1-of-9:last-of-type {
    margin-right: 0;
  }
  .registration-block__content-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .registration-block__content-1-of-4:last-of-type {
    margin-right: 0;
  }
}
.registration-block__headline {
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (min-width: 640px) {
  .registration-block__headline {
    color: rgba(0, 0, 0, 0.87);
    font-size: 30px;
    line-height: 42px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1280px) {
  .registration-block__headline {
    color: rgba(0, 0, 0, 0.87);
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
  }
}
.registration-block__subheader {
  text-align: center;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (min-width: 640px) {
  .registration-block__subheader {
    color: rgb(87, 104, 125);
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
  }
}
.registration-block__registrations-list {
  width: 100%;
  padding: 60px 0;
}
@media screen and (min-width: 1280px) {
  .registration-block__registrations-list {
    padding: 48px 0;
  }
}
.registration-block__btn {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  word-wrap: break-word;
  word-break: break-word;
  -ms-word-break: break-all;
  margin-top: 10px;
}
@media screen and (min-width: 320px) {
  .registration-block__btn {
    width: 100%;
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 2px;
    border: 2px solid transparent;
    padding: 12px 18px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #425ccd;
    color: #ffffff;
  }
  .registration-block__btn:hover, .registration-block__btn[hover] {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
  .registration-block__btn[disabled], .registration-block__btn:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  }
  .registration-block__btn:active:enabled, .registration-block__btn[active] {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    border-image-slice: 1;
  }
  .registration-block__btn[disabled], .registration-block__btn:disabled {
    color: #ffffff;
    background-color: rgb(210, 210, 210);
    border-color: rgb(210, 210, 210);
    cursor: default;
    pointer-events: none;
  }
}
@media screen and (min-width: 640px) {
  .registration-block__btn {
    width: 320px;
  }
}
@media screen and (min-width: 1280px) {
  .registration-block__btn {
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 2px;
    border: 2px solid transparent;
    padding: 18px 36px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #425ccd;
    color: #ffffff;
  }
  .registration-block__btn:hover, .registration-block__btn[hover] {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
  .registration-block__btn[disabled], .registration-block__btn:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  }
  .registration-block__btn:active:enabled, .registration-block__btn[active] {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    border-image-slice: 1;
  }
  .registration-block__btn[disabled], .registration-block__btn:disabled {
    color: #ffffff;
    background-color: rgb(210, 210, 210);
    border-color: rgb(210, 210, 210);
    cursor: default;
    pointer-events: none;
  }
}
.registration-block__btn .fr-wrapper {
  padding: 0;
  border: none;
}

.registrations-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.registrations-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.registrations-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 0;
  border-bottom: solid 1px rgba(50, 72, 87, 0.12);
}
.registrations-list__item-name, .registrations-list__item-price {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 320px) {
  .registrations-list__item-name, .registrations-list__item-price {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
  }
}
.registrations-list__item-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  margin-right: 20px;
  word-break: break-word;
}
.registrations-list__item-details {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  white-space: pre-line;
  margin-top: 6px;
}
@media screen and (min-width: 1280px) {
  .registrations-list__item-details {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registrations-list__item-details:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .registrations-list__item-details-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .registrations-list__item-details-12-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .registrations-list__item-details-11:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .registrations-list__item-details-11-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .registrations-list__item-details-10:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .registrations-list__item-details-10-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registrations-list__item-details-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registrations-list__item-details-9-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .registrations-list__item-details-9-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registrations-list__item-details-8:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registrations-list__item-details-8-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .registrations-list__item-details-8-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .registrations-list__item-details-7:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .registrations-list__item-details-7-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .registrations-list__item-details-7-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .registrations-list__item-details-6:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .registrations-list__item-details-6-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .registrations-list__item-details-6-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .registrations-list__item-details-5:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .registrations-list__item-details-5-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .registrations-list__item-details-5-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .registrations-list__item-details-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .registrations-list__item-details-4-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .registrations-list__item-details-4-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .registrations-list__item-details-4-of-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .registrations-list__item-details-3:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .registrations-list__item-details-3-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .registrations-list__item-details-3-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .registrations-list__item-details-3-of-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .registrations-list__item-details-2:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .registrations-list__item-details-2-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .registrations-list__item-details-2-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .registrations-list__item-details-2-of-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .registrations-list__item-details-1:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .registrations-list__item-details-1-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .registrations-list__item-details-1-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item-details-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .registrations-list__item-details-1-of-4:last-of-type {
    margin-right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .registrations-list__item .fr-minimum-disclaimer {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registrations-list__item .fr-minimum-disclaimer:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .registrations-list__item .fr-minimum-disclaimer-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-12-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 12 / 12 + 264px);
  }
  .registrations-list__item .fr-minimum-disclaimer-12-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-11 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .registrations-list__item .fr-minimum-disclaimer-11:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-11-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 11 / 12 + 240px);
  }
  .registrations-list__item .fr-minimum-disclaimer-11-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-10 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .registrations-list__item .fr-minimum-disclaimer-10:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-10-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 10 / 12 + 216px);
  }
  .registrations-list__item .fr-minimum-disclaimer-10-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-9 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registrations-list__item .fr-minimum-disclaimer-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-9-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 9 / 12 + 192px);
  }
  .registrations-list__item .fr-minimum-disclaimer-9-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-9-of-9 {
    position: relative;
    width: calc(100% * 9 / 9 - 24px * 9 * (9 / 9 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-9-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-8 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registrations-list__item .fr-minimum-disclaimer-8:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-8-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 8 / 12 + 168px);
  }
  .registrations-list__item .fr-minimum-disclaimer-8-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-8-of-9 {
    position: relative;
    width: calc(100% * 8 / 9 - 24px * 8 * (9 / 8 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-8-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-7 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .registrations-list__item .fr-minimum-disclaimer-7:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-7-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 7 / 12 + 144px);
  }
  .registrations-list__item .fr-minimum-disclaimer-7-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-7-of-9 {
    position: relative;
    width: calc(100% * 7 / 9 - 24px * 7 * (9 / 7 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-7-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-6 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .registrations-list__item .fr-minimum-disclaimer-6:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-6-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 6 / 12 + 120px);
  }
  .registrations-list__item .fr-minimum-disclaimer-6-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-6-of-9 {
    position: relative;
    width: calc(100% * 6 / 9 - 24px * 6 * (9 / 6 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-6-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-5 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .registrations-list__item .fr-minimum-disclaimer-5:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-5-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 5 / 12 + 96px);
  }
  .registrations-list__item .fr-minimum-disclaimer-5-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-5-of-9 {
    position: relative;
    width: calc(100% * 5 / 9 - 24px * 5 * (9 / 5 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-5-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-4 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .registrations-list__item .fr-minimum-disclaimer-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-4-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 4 / 12 + 72px);
  }
  .registrations-list__item .fr-minimum-disclaimer-4-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-4-of-9 {
    position: relative;
    width: calc(100% * 4 / 9 - 24px * 4 * (9 / 4 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-4-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-4-of-4 {
    position: relative;
    width: calc(100% * 4 / 4 - 24px * 4 * (4 / 4 - 1) / 4);
  }
  .registrations-list__item .fr-minimum-disclaimer-4-of-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-3 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .registrations-list__item .fr-minimum-disclaimer-3:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-3-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 3 / 12 + 48px);
  }
  .registrations-list__item .fr-minimum-disclaimer-3-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-3-of-9 {
    position: relative;
    width: calc(100% * 3 / 9 - 24px * 3 * (9 / 3 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-3-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-3-of-4 {
    position: relative;
    width: calc(100% * 3 / 4 - 24px * 3 * (4 / 3 - 1) / 4);
  }
  .registrations-list__item .fr-minimum-disclaimer-3-of-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-2 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .registrations-list__item .fr-minimum-disclaimer-2:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-2-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 2 / 12 + 24px);
  }
  .registrations-list__item .fr-minimum-disclaimer-2-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-2-of-9 {
    position: relative;
    width: calc(100% * 2 / 9 - 24px * 2 * (9 / 2 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-2-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-2-of-4 {
    position: relative;
    width: calc(100% * 2 / 4 - 24px * 2 * (4 / 2 - 1) / 4);
  }
  .registrations-list__item .fr-minimum-disclaimer-2-of-4:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-1 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .registrations-list__item .fr-minimum-disclaimer-1:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-1-of-12 {
    margin-right: 24px;
    position: relative;
    /*
      This looks nasty because it all has to fit in a single calc() due to the usage of 100%.
      Nested calc() statements are only supported on FF and Chrome.

      The goal here is to set the width of a column based on the number of columns,
      size of the gutter, and size of the overall container.

      - We start with 100% because we want our column size based on the size of the container.
      - Next, we subtract from that total width the amount of space we will allocate for gutters.
        This number is calculated based on the total number of gutters rendered and the size of
        each gutter.
      - Once we have calculated that number, we know the total amount of space allocated to columns.
        We multiply this by the number of columns and then divide by the number of parent columns to
        keep column size even in the case of nested grids. Finally, we add the amount of space taken
        up by gutters in current container.

      This leaves us with the width of a container necessary to let our columns each fit
      in an even way.
    */
    width: calc((100% - 264px) * 1 / 12 + 0px);
  }
  .registrations-list__item .fr-minimum-disclaimer-1-of-12:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-1-of-9 {
    position: relative;
    width: calc(100% * 1 / 9 - 24px * 1 * (9 / 1 - 1) / 9);
  }
  .registrations-list__item .fr-minimum-disclaimer-1-of-9:last-of-type {
    margin-right: 0;
  }
  .registrations-list__item .fr-minimum-disclaimer-1-of-4 {
    position: relative;
    width: calc(100% * 1 / 4 - 24px * 1 * (4 / 1 - 1) / 4);
  }
  .registrations-list__item .fr-minimum-disclaimer-1-of-4:last-of-type {
    margin-right: 0;
  }
}

.custom-block_content {
  position: relative;
}
.custom-block-settings_nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.custom-block-settings_nav-list-item {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  padding: 10px 30px;
  border-bottom: 4px solid transparent;
}
.custom-block-settings_nav-list-item.active {
  border-bottom: 4px solid #425ccd;
}
.custom-block-settings_editor {
  display: block;
  width: 100%;
  background-color: #272822;
  padding: 10px;
  font-family: monospace;
}

/*
  Media
--------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

.sc-crop_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 6;
}
.sc-crop_modal {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
  position: relative;
  display: block;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.sc-crop_close {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: -20px;
  right: -25px;
  color: #fff;
  cursor: pointer;
}
.sc-crop_close:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
}
.sc-crop_close-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sc-crop_header {
  background-color: #fff;
  padding: 16px;
  font-size: 14px;
  color: #565656;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.sc-crop_loading {
  position: relative;
  background-color: #565656;
}
.sc-crop_tools {
  position: relative;
  background-color: #565656;
}
.sc-crop_footer {
  background-color: #fff;
  padding: 13px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
}
@media screen and (max-width: 568px) {
  .sc-crop_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.sc-crop_instruction {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 100%;
  font-size: 11px;
  color: #fff;
  text-align: center;
}
.sc-crop_canvas {
  display: block;
  width: 100%;
}
.sc-crop_scale-control {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 20px;
}
.sc-crop_scale-small, .sc-crop_scale-range, .sc-crop_scale-large {
  position: inline-block;
  vertical-align: middle;
}
.sc-crop_scale-small {
  color: #bbb;
  font-size: 14px;
  margin-right: 5px;
}
.sc-crop_scale-large {
  color: #bbb;
  font-size: 20px;
  margin-left: 5px;
}
.sc-crop_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  border: 0;
  padding: 8px;
  width: 125px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  background-color: #57687d;
}
@media screen and (max-width: 568px) {
  .sc-crop_button {
    width: 100%;
    margin: 0 0 13px 0;
  }
  .sc-crop_button:first-of-type {
    margin-bottom: 0;
  }
}
.sc-crop_save-button {
  background-color: #425ccd;
}
.sc-crop_viewfinder {
  position: absolute;
  cursor: -webkit-grab;
}

.event-theme__body .img-list_preview-container {
  background: rgb(248, 248, 248);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.img-list_icon {
  margin-right: 10px;
  line-height: 20px;
}
.img-list_filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  text-overflow: ellipsis;
  text-overflow: "…";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.img-list_option {
  display: none;
  margin-left: 10px;
}
.img-list_option:hover {
  color: #425ccd;
}
.img-list_uploaded {
  position: relative;
  font-size: 0;
}
.img-list_uploaded-label {
  -webkit-transition: border-color 1s ease;
  -moz-transition: border-color 1s ease;
  transition: border-color 1s ease;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  border: 1px solid rgb(210, 210, 210);
  border-radius: 3px;
  height: 42px;
  width: 100%;
  font-size: 14px;
  padding: 10px;
  color: rgb(68, 75, 85);
  background-color: #ffffff;
  outline: 0;
  margin-bottom: 10px;
  cursor: pointer;
}
.select-mode .img-list_uploaded-label {
  padding-left: 37px;
}
.img-list_uploaded-label .fa-bars {
  z-index: 2;
}
@-webkit-keyframes border-pulsate {
  0% {
    border-color: #425ccd;
  }
  50% {
    border-color: rgb(191, 193, 196);
  }
  100% {
    border-color: #425ccd;
  }
}
@keyframes border-pulsate {
  0% {
    border-color: #425ccd;
  }
  50% {
    border-color: rgb(191, 193, 196);
  }
  100% {
    border-color: #425ccd;
  }
}
.img-list_uploaded-label .sc-spinner {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: -15px;
  left: 50%;
  margin-left: -10px;
  border-width: 4px;
}
.img-list_uploaded-label.saved .sc-spinner {
  display: none;
}
.img-list_uploaded-label.preset {
  border: 1px solid #dfdfdf;
  background-color: rgb(240, 240, 240);
}
.img-list_uploaded-label-radio {
  margin: 0 10px 0 0;
}
.img-list_uploaded-label-radio-container {
  padding: 14px;
  z-index: 2;
  position: absolute;
}
.img-list_uploaded-preview {
  position: relative;
  top: 2px;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}
.event-theme__body .img-list_uploaded-preview {
  width: auto;
  height: 100%;
  display: block;
  margin: 0 auto;
}
.img-list_uploaded:hover .img-list_option, .img-list_uploaded:focus-within .img-list_option, .img-list_uploaded.persist-controls .img-list_option {
  display: block;
}
.img-list_more {
  display: none;
  position: absolute;
  right: 0;
  top: 26px;
  margin: 0px -30px 0 0px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  background-color: #242a2f;
  color: #fff;
  z-index: 1;
  font-size: 14px;
  z-index: 2;
}
.img-list_more:hover {
  display: block;
}
.more:hover + .img-list_more {
  display: block;
}
.img-list_more:before {
  content: "\f0d8";
  font-family: FontAwesome;
  color: #242a2f;
  margin: -28px 36px 0 0;
  position: absolute;
  right: 0;
  font-size: 28px;
}
.img-list_more:after {
  content: "";
  position: absolute;
  width: 30px;
  top: -18px;
  height: 18px;
  right: 30px;
}
.img-list_more-option {
  padding: 5px 5px 5px 20px;
  display: block;
  white-space: nowrap;
}
.img-list_more-option.on:before {
  color: #425ccd;
  content: "\f00c";
  font-family: FontAwesome;
  margin-left: -19px;
  padding-right: 5px;
}
.img-list_upload-button {
  -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: rgb(248, 248, 248);
  width: 100%;
  padding: 18px 10px;
  margin: 0;
  border: 1px dashed rgb(161, 168, 172);
  text-align: center;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.img-list_upload-button:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.img-list_upload-button .fa {
  margin-right: 5px;
}
.img-list_upload-button:hover {
  border-color: rgb(44, 52, 59);
  color: rgb(44, 52, 59);
}
.img-list_form-helper {
  margin-top: 10px;
  font-size: 13px;
  color: #57687d;
  display: block;
}

.media-library {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .media-library {
    padding-top: 0;
  }
}
.media-library_search {
  position: absolute;
  top: 10px;
  left: 0;
  height: 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.media-library_search-icon {
  line-height: 50px;
  color: #a1a8ac;
  font-size: 18px;
  margin-right: 15px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.media-library_search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0 75px 0 0;
}
@media screen and (max-width: 768px) {
  .media-library_search-input {
    padding-right: 10px;
  }
}
.media-library_search-input {
  font-size: 18px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  width: 50px;
  width: 100%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.media-library_pixabay-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 66px;
  -ms-flex-preferred-size: 66px;
  flex-basis: 66px;
}
.media-library_pixabay-logo {
  font-size: 30px;
  color: rgb(181, 181, 181);
  border-left: 1px solid #f0f0f0;
  padding-left: 10px;
}
.media-library_viewport {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 650px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.media-library_results {
  display: block;
  margin: 0 auto;
}
.media-library_results-list {
  position: relative;
}
.media-library_results-none {
  color: rgb(161, 168, 172);
  font-style: italic;
  text-align: center;
  padding-top: 150px;
}
@media screen and (max-width: 768px) {
  .media-library_results-none {
    padding-top: 50px;
  }
}
.media-library_results-end {
  color: rgb(161, 168, 172);
  font-style: italic;
  text-align: center;
  padding-top: 30px;
}
.media-library_results-processing {
  position: relative;
  height: 80px;
  padding-top: 20px;
}
.first-page .media-library_results-processing {
  height: 300px;
}
.media-library_results-processing-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-50px / 2);
  margin-left: calc(-50px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: inset 0 0 0 calc(50px / 10) #425ccd;
  box-shadow: inset 0 0 0 calc(50px / 10) #425ccd;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.media-library_results-processing-spinner, .media-library_results-processing-spinner:before, .media-library_results-processing-spinner:after {
  border-radius: 50%;
}
.media-library_results-processing-spinner:before, .media-library_results-processing-spinner:after {
  position: absolute;
  content: "";
}
.media-library_results-processing-spinner:before {
  width: calc(4px + 50px / 2);
  height: 54px;
  border-radius: 50px 0 0 50px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(50px / 2) calc(50px / 2);
  transform-origin: calc(50px / 2 + 2px) calc(50px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.media-library_results-processing-spinner:after {
  width: calc(4px + 50px / 2);
  height: 54px;
  border-radius: 0 50px 50px 0;
  top: -2px;
  left: calc(50px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(50px / 2 + 2px);
  transform-origin: 0 calc(50px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.media-library_results-processing-spinner.offWhite:before, .media-library_results-processing-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.media-library_results-processing-spinner.blockSlate:before, .media-library_results-processing-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.media-library_results-item {
  position: absolute;
  display: block;
  background-color: #eee;
}
.media-library_results-item-selector {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.selected .media-library_results-item-selector {
  border: 4px solid #425ccd;
}
.media-library_results-item-thumbnail {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.loaded .media-library_results-item-thumbnail {
  opacity: 1;
}

.media-manager {
  padding: 40px 50px 35px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}
@media screen and (max-width: 768px) {
  .media-manager {
    padding: 15px;
  }
}
.media-manager_header {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
}
.media-manager_title {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #3a434a;
  font-size: 27px;
  padding-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .media-manager_title {
    font-size: 13px;
    padding-bottom: 17px;
  }
}
.media-manager_loading {
  -webkit-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 3px solid rgba(255, 255, 255, 0.45);
  border-right: 3px solid rgba(255, 255, 255, 0.45);
  border-bottom: 3px solid rgba(255, 255, 255, 0.45);
  border-top: 3px solid rgb(255, 255, 255);
  border-radius: 100%;
  position: absolute;
  top: -18px;
  right: 43px;
  height: 20px;
  width: 20px;
  margin: 25px auto 25px auto;
}
.media-manager_switch {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 60px;
}
.media-manager_switch-item {
  display: inline-block;
}
.media-manager_switch-link {
  font-size: 18px;
  display: block;
  height: 60px;
  padding: 10px 30px;
  border-bottom: 4px solid #fff;
  color: #57687d;
}
.media-manager_switch-link.active {
  color: #2c343b;
  border-bottom-color: #425ccd;
}
.media-manager_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 380px;
}
@media screen and (max-width: 768px) {
  .media-manager_body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 300px;
  }
}
.media-manager_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 200px;
  padding: 25px 25px 0 0;
}
@media screen and (max-width: 768px) {
  .media-manager_sidebar {
    height: auto;
    padding: 0;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .media-manager_sources {
    margin-top: 10px;
  }
}
.media-manager_sources-item {
  display: block;
  margin-bottom: 25px;
  padding: 0 3px;
}
@media screen and (max-width: 768px) {
  .media-manager_sources-item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
  }
  .media-manager_sources-item:last-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .media-manager_sources-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.media-manager_sources-link {
  font-size: 15px;
  color: #57687d;
}
.media-manager_sources-link.active, .media-manager_sources-link:hover {
  color: #2c343b;
}
@media screen and (max-width: 768px) {
  .media-manager_sources-link.active, .media-manager_sources-link:hover {
    border-bottom: 2px solid #425ccd;
    padding-bottom: 5px;
  }
}
.media-manager_collections {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  padding: 15px 0 0;
  display: none;
}
.media-manager_collections.visible {
  display: block;
}
@media screen and (max-width: 768px) {
  .media-manager_collections.visible {
    display: none;
  }
}
.media-manager_collections-item {
  padding-left: 10px;
}
.media-manager_collections-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: block;
  font-size: 15px;
  color: #57687d;
  margin-bottom: 15px;
  width: 100%;
  text-align: left;
}
.media-manager_collections-button.active {
  color: #2c343b;
}
.media-manager_collections-button:focus {
  outline: 2px solid;
}
.media-manager_guide {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  align-self: flex-end;
  -ms-flex-item-align: end;
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 20px;
  display: none;
}
.media-manager_guide.visible {
  display: block;
}
@media screen and (max-width: 768px) {
  .media-manager_guide.visible {
    display: none;
  }
}
.media-manager_guide-header::after {
  clear: both;
  content: "";
  display: table;
}
.media-manager_guide-header {
  margin-bottom: 15px;
}
.media-manager_guide-icon {
  color: #57687d;
  font-size: 18px;
  float: left;
}
.media-manager_guide-title {
  font-size: 13px;
  font-weight: 600;
  margin-left: 28px;
}
.media-manager_guide-content {
  font-size: 13px;
  margin-bottom: 15px;
}
.media-manager_meta {
  font-size: 13px;
}
.media-manager_meta-key {
  text-transform: uppercase;
  font-weight: 600;
}
.media-manager_meta-value {
  font-weight: 500;
  margin-bottom: 10px;
}
.media-manager_meta-value:last-child {
  margin-bottom: 0;
}
.media-manager_main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 25px 10px 0 10px;
}
@media screen and (max-width: 768px) {
  .media-manager_main {
    padding: 10px 0 0 0;
  }
}
.media-manager_upload {
  height: 100%;
}
@media screen and (max-width: 540px) {
  .media-manager_upload {
    height: 95%;
  }
}
.media-manager_dropper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-color: #f8f8f8;
  border: 1px dashed #d3d3d3;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .media-manager_dropper {
    margin-top: 10px;
  }
}
.media-manager_dropper-instruction {
  margin: 0 auto;
  text-align: center;
  color: #57687d;
}
.media-manager_dropper-icon {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  font-size: 26px;
  margin-bottom: 10px;
  display: block;
}
.fileover .media-manager_dropper-icon {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.media-manager_dropper-title {
  font-size: 26px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .media-manager_dropper-title {
    display: none;
  }
}
.media-manager_dropper-or {
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .media-manager_dropper-or {
    display: none;
  }
}
.media-manager_dropper-or:before {
  content: "-";
  margin-right: 3px;
}
.media-manager_dropper-or:after {
  content: "-";
  margin-left: 3px;
}
.media-manager_dropper-button-wrapper {
  position: relative;
}
.media-manager_dropper-input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  opacity: 0;
}
.media-manager_linker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 25px;
  right: 10px;
  bottom: 0;
  left: 10px;
}
.media-manager_linker-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-color: #f8f8f8;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
}
.media-manager_linker-preview-instruction {
  margin: 0 auto;
  text-align: center;
  color: #57687d;
}
.media-manager_linker-preview-icon {
  font-size: 26px;
  margin-bottom: 10px;
}
.media-manager_linker-preview-title {
  font-size: 26px;
  text-align: center;
  font-weight: 300;
}
.media-manager_linker-video {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  position: relative;
  width: 100%;
}
.media-manager_linker-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media-manager_linker-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  margin: 25px 0 0;
  padding: 0 15px;
  height: 42px;
  line-height: 42px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.media-manager_preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
  margin-top: 10px;
  background-color: #f8f8f8;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  overflow: hidden;
}
.media-manager_preview:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.media-manager_preview.selected:after {
  border: 3px solid #425ccd;
}
.media-manager_preview-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.media-manager_preview-reupload {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: 2;
  /*
  &:hover {
    opacity:1;
  }
  */
}
.media-manager_footer {
  padding: 25px 0 0;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .media-manager_footer {
    margin-top: 15px;
    padding-top: 20px;
  }
}
.media-manager_staged {
  float: left;
  height: 34px;
  margin-left: 235px;
}
@media screen and (max-width: 768px) {
  .media-manager_staged {
    margin: 0;
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}
.media-manager_staged-image {
  display: block;
  float: left;
  max-height: 34px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.13);
}
.media-manager_staged-name {
  display: block;
  float: left;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 34px;
  margin-left: 15px;
  vertical-align: top;
  color: #57687d;
  font-weight: 600;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 568px) {
  .media-manager_staged-name {
    margin-left: 9px;
  }
}
.media-manager_action {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.media-manager_action .frs-dropdown__options {
  border-color: rgb(161, 168, 172);
  border-width: 2px;
}
.media-manager_action .frs-dropdown__option {
  color: hsl(201.8181818182, 6.2146892655%, 115.2941176471%);
}
.media-manager_action .frs-dropdown__option:hover {
  color: hsl(201.8181818182, 6.2146892655%, 165.2941176471%);
  background-color: rgb(147.4576271186, 155.4661016949, 160.0423728814);
}
.media-manager_action,
.media-manager_action .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.media-manager_action:focus,
.media-manager_action .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.media-manager_action:hover, .media-manager_action:hover .frs-dropdown__options {
  background-color: rgb(174.5423728814, 180.5338983051, 183.9576271186);
  border-color: rgb(174.5423728814, 180.5338983051, 183.9576271186);
}
.media-manager_action {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  font-size: 13px;
  padding: 8px 20px;
  color: #ffffff;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  border: none;
  margin-right: 5px;
}
.media-manager_action:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .media-manager_action {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .media-manager_action:first-of-type {
    margin-bottom: 0;
  }
}
.media-manager_action.clear {
  background-color: transparent;
  color: #57687d;
}
.media-manager_action.clear:hover {
  background-color: #828b90;
  color: #fff;
}
.media-manager_action.custom {
  background-color: #57687d;
  color: #fff;
}
.media-manager_action.custom:hover {
  background-color: #828b90;
}
.media-manager_action.submit {
  position: relative;
  background-color: #425ccd;
}
.media-manager_action.submit:hover {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.media-manager_action.submit.disabled {
  background-color: #a1a8ac;
  cursor: default;
  color: rgba(255, 255, 255, 0.3);
}
.media-manager_action.submit.disabled:hover {
  background-color: #a1a8ac;
}
@media screen and (max-width: 768px) {
  .media-manager_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 568px) {
  .media-manager_actions {
    width: 100%;
  }
}

/*
  Classy Pay
--------------------------------------*/
.cp-payment-method {
  position: relative;
  margin-bottom: 20px;
}
.cp-payment-method__selected {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: block;
  width: 100%;
  text-align: left;
}
.cp-payment-method__selected:focus {
  outline: none;
}
.cp-payment-method__selected-option {
  -webkit-transition: border 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-box-shadow 150ms 150ms ease;
  transition: border 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-box-shadow 150ms 150ms ease;
  transition: border 300ms cubic-bezier(0.51, 0.82, 0.29, 1), box-shadow 150ms 150ms ease;
  transition: border 300ms cubic-bezier(0.51, 0.82, 0.29, 1), box-shadow 150ms 150ms ease, -webkit-box-shadow 150ms 150ms ease;
  height: 75px;
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #dadada;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.expanded .cp-payment-method__selected-option {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: #fff;
  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
}
.cp-payment-method__selected-figure {
  width: 55px;
}
.cp-payment-method__selected-icon {
  position: absolute;
  top: 0;
  left: 20px;
  width: 35px;
  height: 75px;
  line-height: 75px;
  vertical-align: middle;
  text-align: left;
  font-size: 22px;
}
.cp-payment-method__selected-content {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .cp-payment-method__selected-content, .ie .cp-payment-method__selected-content {
  padding: 15px;
  margin-left: 55px;
}
.cp-payment-method__selected-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  line-height: 15px;
}
.cp-payment-method__selected-info {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.cp-payment-method__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 75px;
  z-index: 11;
}
.cp-payment-method__toggle:focus {
  outline: none;
}
.cp-payment-method__toggle-caret {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 20px;
  left: 0;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #ccc;
  font-size: 16px;
}
.cp-payment-method__toggle-caret:before {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1);
  transition: transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1);
  transition: transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1);
  display: block;
  color: #757575;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
.expanded .cp-payment-method__toggle-caret:before {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.cp-payment-method__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.cp-payment-method__option {
  -webkit-transition: z-index 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-box-shadow 150ms 150ms ease;
  transition: z-index 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-box-shadow 150ms 150ms ease;
  transition: transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1), z-index 300ms cubic-bezier(0.51, 0.82, 0.29, 1), box-shadow 150ms 150ms ease;
  transition: transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1), z-index 300ms cubic-bezier(0.51, 0.82, 0.29, 1), box-shadow 150ms 150ms ease, -webkit-transform 300ms cubic-bezier(0.51, 0.82, 0.29, 1), -webkit-box-shadow 150ms 150ms ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background-color: #fff;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  z-index: 1;
  -webkit-transform: perspective(1px) scale(0.98) translate3d(0, 8px, 0);
  transform: perspective(1px) scale(0.98) translate3d(0, 8px, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cp-payment-method__option.first {
  z-index: 2;
  -webkit-transform: perspective(1px) scale(0.99) translate3d(0, 4px, 0);
  transform: perspective(1px) scale(0.99) translate3d(0, 4px, 0);
}
.cp-payment-method__option.last {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.expanded .cp-payment-method__option {
  -webkit-transform: perspective(1px) scale(1);
  transform: perspective(1px) scale(1);
  -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-top: 1px solid #dadada;
  z-index: 10;
}
.expanded .cp-payment-method__option.first {
  -webkit-transform: translate3d(0, 75px, 0);
  transform: translate3d(0, 75px, 0);
  border-top: 1px solid #999;
}
.expanded .cp-payment-method__option.second {
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
}
.expanded .cp-payment-method__option.third {
  -webkit-transform: translate3d(0, 225px, 0);
  transform: translate3d(0, 225px, 0);
}
.cp-payment-method__option-figure {
  position: relative;
  width: 55px;
}
.cp-payment-method__option-icon {
  position: absolute;
  top: 22px;
  right: 0;
  width: 25px;
  font-size: 18px;
  color: #bbb;
  text-align: left;
}
.cp-payment-method__option-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 22px 15px 0;
}
.cp-payment-method__option-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: block;
  line-height: 12px;
}
.cp-payment-method__option-info {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.cp-credit-card__frame {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  font-size: 14px;
  padding: 10px;
  color: rgb(68, 75, 85);
  background-color: #ffffff;
  outline: 0;
  width: 100%;
}
.cp-credit-card__frame:disabled {
  background-color: rgb(240, 240, 240);
}
.cp-credit-card__frame {
  position: relative;
  padding: 0;
  height: 84px;
  width: 49.25347%;
  border: none;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 568px) {
  .cp-credit-card__frame {
    min-width: 0;
  }
}
.cp-credit-card__frame {
  margin-bottom: 10px;
}
.cp-credit-card__frame.error, .cp-credit-card__frame.sc-invalid {
  border-color: #f77462;
}
.cp-credit-card__frame.error #cp-tokenizer-control__iframe, .cp-credit-card__frame.sc-invalid #cp-tokenizer-control__iframe {
  border-color: #cd4443;
}
.cp-credit-card__frame.error .donation-label, .cp-credit-card__frame.sc-invalid .donation-label {
  color: #cd4443;
}
@media screen and (max-width: 768px) {
  .cp-credit-card__frame {
    width: 48.99%;
  }
}
@media screen and (max-width: 568px) {
  .cp-credit-card__frame {
    width: 100%;
  }
}
.cp-credit-card-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cp-credit-card-error-field {
  border: 1px solid #f77462;
}
.cp-credit-card-field {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-credit-card-field.errorField {
  border-color: #cd4443;
}
.cp-credit-card-cvv-field {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 40px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-credit-card-cvv-field.errorField {
  border-color: #cd4443;
}
.cp-credit-card-field-box {
  width: 23.5%;
}
@media screen and (max-width: 768px) {
  .cp-credit-card-field-box {
    width: 48.99%;
  }
}
@media screen and (max-width: 568px) {
  .cp-credit-card-field-box {
    width: 100%;
  }
}
.cp-credit-card-field-box.error .donation-label {
  color: #cd4443;
}
.cp-credit-card-field-box .donation-label {
  line-height: 42px;
}
.cp-credit-card__carousel {
  -webkit-transition: all 300ms cubic-bezier(0.51, 0.82, 0.29, 1);
  transition: all 300ms cubic-bezier(0.51, 0.82, 0.29, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 40px;
}
.details-mode .cp-credit-card__carousel {
  left: -100%;
}
.cp-credit-card__number {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 50%;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
}
.cp-credit-card__number #cp-tokenizer-control__iframe {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.cp-credit-card__number #cp-tokenizer-control__iframe iframe {
  background-color: #fff;
}
.cp-credit-card__details {
  position: absolute;
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 0;
  left: 50%;
  width: 50%;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.details-mode .cp-credit-card__details {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  height: 40px;
  width: 50%;
}
.cp-credit-card__go-to-details {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -webkit-transition: opacity 150ms ease;
  transition: opacity 150ms ease;
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  background-color: #000;
}
.cp-credit-card__go-to-details:focus {
  outline: none;
  border: 3px solid #425ccd;
}
.details-mode-visited .cp-credit-card__go-to-details {
  display: block;
}
.cp-credit-card__go-to-details.disabled {
  opacity: 0;
}
.cp-credit-card__go-to-number {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: 40px;
  padding-left: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 40px;
}
.cp-credit-card__go-to-number:focus {
  outline: none;
}
.cp-credit-card__brand {
  font-size: 16px;
  margin-right: 5px;
  line-height: 16px;
  vertical-align: middle;
}
.cp-credit-card__brand-icon {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
}
.cp-credit-card__month {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  height: 40px;
  line-height: normal;
}
.cp-credit-card__month:focus {
  outline: none;
}
.cp-credit-card__month {
  top: 0;
  left: 85px;
  width: 30px;
  padding: 2px;
}
.cp-credit-card__month.ng-not-empty {
  padding-left: 8px;
}
.cp-credit-card__month::-webkit-input-placeholder {
  color: #57687d;
}
.cp-credit-card__slash {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  top: 0;
  left: 115px;
  height: 40px;
  padding: 13px 0;
  line-height: 14px;
  text-align: center;
}
.cp-credit-card__year {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  line-height: normal;
}
.cp-credit-card__year:focus {
  outline: none;
}
.cp-credit-card__year {
  top: 0;
  left: 123px;
  height: 40px;
  width: 100%;
  padding: 10px 5px;
}
.cp-credit-card__year::-webkit-input-placeholder {
  color: #57687d;
}
.cp-credit-card__security-code {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  line-height: normal;
}
.cp-credit-card__security-code:focus {
  outline: none;
}
.cp-credit-card__security-code {
  min-width: 30px;
  top: 0;
  left: 160px;
  height: 40px;
  width: 100%;
  padding: 10px 5px;
}
.cp-credit-card__security-code::-webkit-input-placeholder {
  color: #57687d;
}
.is-amex .cp-credit-card__security-code {
  width: 53px;
}
.has-postal .cp-credit-card__security-code {
  left: 150px;
}
.cp-credit-card__postal-code {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  line-height: normal;
}
.cp-credit-card__postal-code:focus {
  outline: none;
}
.cp-credit-card__postal-code {
  white-space: nowrap;
  overflow: hidden;
  top: 0;
  left: 190px;
  height: 40px;
  width: 100%;
  margin: 0;
  padding: 10px 5px;
}
.is-amex .cp-credit-card__postal-code {
  left: 197px;
}

.cp-tokenizer-control__status {
  position: absolute;
  top: 43px;
  left: 0;
  width: 30px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: left;
  margin-left: 10px;
  z-index: 1;
}
.cp-tokenizer-control__status-loading {
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-18px / 2);
  margin-left: calc(-18px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 18px;
  height: 18px;
  -webkit-box-shadow: inset 0 0 0 calc(18px / 10) darkgrey;
  box-shadow: inset 0 0 0 calc(18px / 10) darkgrey;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.cp-tokenizer-control__status-loading, .cp-tokenizer-control__status-loading:before, .cp-tokenizer-control__status-loading:after {
  border-radius: 50%;
}
.cp-tokenizer-control__status-loading:before, .cp-tokenizer-control__status-loading:after {
  position: absolute;
  content: "";
}
.cp-tokenizer-control__status-loading:before {
  width: calc(4px + 18px / 2);
  height: 22px;
  border-radius: 18px 0 0 18px;
  top: -2px;
  left: -2px;
  background: #f9f9f9;
  -webkit-transform-origin: calc(18px / 2) calc(18px / 2);
  transform-origin: calc(18px / 2 + 2px) calc(18px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.cp-tokenizer-control__status-loading:after {
  width: calc(4px + 18px / 2);
  height: 22px;
  border-radius: 0 18px 18px 0;
  top: -2px;
  left: calc(18px / 2 + 2px);
  background: #f9f9f9;
  -webkit-transform-origin: 0 calc(18px / 2 + 2px);
  transform-origin: 0 calc(18px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.cp-tokenizer-control__status-loading.offWhite:before, .cp-tokenizer-control__status-loading.offWhite:after {
  background: rgb(248, 248, 248);
}
.cp-tokenizer-control__status-loading.blockSlate:before, .cp-tokenizer-control__status-loading.blockSlate:after {
  background: rgb(54, 62, 69);
}
.cp-tokenizer-control__status-loading {
  opacity: 0;
  margin-left: -14px;
}
.loading .cp-tokenizer-control__status-loading {
  opacity: 1;
}
.cp-tokenizer-control__status-ready {
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  opacity: 1;
}
.loading .cp-tokenizer-control__status-ready {
  opacity: 0;
}
.cp-tokenizer-control__status-icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px;
}
.cp-tokenizer-control__iframe {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 30px;
}

.card-container {
  margin-left: 10px;
  position: absolute;
  top: 42px;
  z-index: 1;
}

.sc-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 24px;
  cursor: pointer;
  font-size: 13px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.sc-checkbox.inline {
  display: inline-block;
}
.sc-checkbox_input:before, .sc-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  text-indent: 1px;
  line-height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.sc-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.sc-checkbox:focus .sc-checkbox_input:before, .sc-checkbox:focus .sc-checkbox-input:before {
  border-color: #9e9e9e;
}
.sc-checkbox.checked .sc-checkbox_input:before, .sc-checkbox.checked .sc-checkbox-input:before {
  line-height: 16px;
}
.sc-checkbox.error .sc-checkbox_input:before, .sc-checkbox.error .sc-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}

.ach-button {
  border-radius: 4px;
  width: 150px;
  height: 35px;
  background-color: #ffffff;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: 2px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ach-button:hover {
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

.ach-account-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #102033;
}

.ach-cancel-button {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #425ccd;
}

.ach-consent-label {
  padding: 7px 0;
  line-height: 18px;
  font-size: 13px;
}
.ach-consent-label a {
  text-decoration: underline;
  color: #4d65d0;
}
.ach-consent-label__single {
  padding-top: 10px;
}

.ach-cart-checkout-checkbox {
  position: relative;
}

.cp-paypal-widget {
  max-width: 100%;
}

#braintree-paypal-button {
  border: 2px solid #002f86;
  border-radius: 4px;
  width: 100px !important;
  height: 35px !important;
  background: url(../global/images/payments/logo-paypal.png) center center no-repeat;
}
#braintree-paypal-button:hover {
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

#braintree-paypal-loggedout img {
  opacity: 0;
}

#braintree-paypal-loggedin {
  height: 42px !important;
}
.logged-in #braintree-paypal-loggedin {
  position: relative !important;
  padding: 0 !important;
  border: 1px solid #d2d2d2 !important;
  background-color: #f8f8f8;
  background-position: 10px 50% !important;
  border-radius: 3px;
  line-height: 42px !important;
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
#braintree-paypal-loggedin #bt-pp-name {
  padding-left: 3px !important;
  margin-left: 26px !important;
}
#braintree-paypal-loggedin #bt-pp-email {
  display: block !important;
  font-size: 14px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 !important;
  flex: 1 0 !important;
}
.no-flexbox #braintree-paypal-loggedin #bt-pp-email {
  display: inline;
}
#braintree-paypal-loggedin #bt-pp-cancel {
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: block !important;
  height: 42px !important;
  background-color: #d2d2d2 !important;
  color: #fff !important;
  text-decoration: none !important;
  margin: 0 0 0 10px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  border-radius: 0 !important;
  padding: 0 15px !important;
  font-size: 14px !important;
}
.no-flexbox #braintree-paypal-loggedin #bt-pp-cancel {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}
#braintree-paypal-loggedin #bt-pp-cancel:hover {
  background-color: #b9b9b9 !important;
}

.cp-payment-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
}
.cp-payment-widget .cp-credit-card__frame {
  margin-bottom: 0;
}
.cp-payment-widget__payment-option-text {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #102033;
}

.cp-payment-widget__or-pay-with {
  padding: 0;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cp-payment-widget__alternates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 10px;
}
.cp-payment-widget__alternates.logged-in {
  margin-top: 0;
}
.cp-payment-widget__alternates > * {
  max-width: 100%;
}
.cp-payment-widget__alternates > * + * {
  margin-left: 25px;
}

.cp-payment-widget__terms {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  text-align: center;
}
.cp-payment-widget__terms a {
  text-decoration: underline;
  color: inherit;
  font-weight: 600;
}
.cp-payment-widget__terms span {
  text-transform: uppercase;
}

.cp-payment-widget__powered {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  text-align: center;
}
.cp-payment-widget__powered a {
  text-decoration: underline;
  color: inherit;
  font-weight: 600;
}
.cp-payment-widget__powered span {
  text-transform: uppercase;
}

.donation-payment-method-select {
  padding: 32px 0px 32px;
  border-top: 1px solid #e2e2e2;
}
@media screen and (max-width: 991px) {
  .donation-payment-method-select .donation-summary-amount {
    display: block;
    text-align: center;
  }
  .donation-payment-method-select .donation-payment-method-select_description,
  .donation-payment-method-select .donation-payment-method-select_dwterms {
    margin: 5px auto;
  }
}
.donation-payment-method-select_description {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
  max-width: 350px;
}
.donation-payment-method-select_dwterms {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  margin: 5px 0;
  margin: 8px 0;
}
.donation-payment-method-select_dwterms a {
  text-decoration: underline;
  color: inherit;
  font-weight: 400;
}
.donation-payment-method-select .donation-table {
  margin-top: 20px !important;
}

.payment-method-select-btn__ach,
.payment-method-select-btn__cc,
.payment-method-select-btn__crypto,
.payment-method-select-btn__paypal {
  color: #fff;
  border-radius: 4px;
  max-width: 350px;
  min-height: 40px;
  height: 40px;
  width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: none;
  display: block;
  margin: 0 auto 8px;
  text-transform: uppercase;
}
.payment-method-select-btn__ach:hover,
.payment-method-select-btn__cc:hover,
.payment-method-select-btn__crypto:hover,
.payment-method-select-btn__paypal:hover {
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

.payment-method-select-btn__paypal-commerce {
  max-width: 350px;
  margin: 0 auto;
}
.payment-method-select-btn__paypal-commerce .paypal-buttons {
  margin-bottom: 4px;
}

.payment-method-select-btn__paypal {
  background: #ffc200;
}

.payment-details {
  margin-bottom: 24px;
}

.payment-details-change,
.payment-details-openModal {
  color: #425ccd;
  text-decoration: underline;
  cursor: pointer;
}

.payment-details-change {
  margin-left: 20px;
}

button.digital-wallets-btn {
  background: #000;
  color: #fff;
  border-radius: 4px;
  max-width: 350px;
  min-height: 40px;
  width: 100%;
  padding: 10px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: none;
  display: block;
  margin: 0 auto 8px;
  text-transform: uppercase;
}
button.digital-wallets-btn img {
  vertical-align: middle;
  margin-left: 5px;
}
button.digital-wallets-btn.microsoft-pay img {
  vertical-align: bottom;
}
button.digital-wallets-btn:hover {
  -webkit-filter: brightness(0.88);
  filter: brightness(0.88);
}

button.use-another-payment {
  background: #fff;
}

.payment-ach-widget input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.payment-ach-widget input {
  background-color: #ffffff;
}
.payment-ach-widget input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.payment-ach-widget input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.payment-ach-widget input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.payment-ach-widget input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.payment-ach-widget input.has-counter {
  padding-right: 55px;
}
.payment-ach-widget input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.payment-ach-widget input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.payment-ach-widget input.large {
  height: 50px;
}
.payment-ach-widget input {
  background-color: #f9f9f9;
}
.payment-ach-widget input:focus {
  border-color: #9e9e9e;
}
.payment-ach-widget input.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.payment-ach-widget input {
  font-size: 16px;
}
.payment-ach-widget input.routing-number-input::-webkit-input-placeholder {
  font-style: unset;
}
.payment-ach-widget input.routing-number-input::-moz-placeholder {
  font-style: unset;
}
.payment-ach-widget input.routing-number-input:-ms-input-placeholder {
  font-style: unset;
}
.payment-ach-widget input.routing-number-input::-ms-input-placeholder {
  font-style: unset;
}
.payment-ach-widget input.routing-number-input::placeholder {
  font-style: unset;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe {
  background-color: #ffffff;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.has-counter {
  padding-right: 55px;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.large {
  height: 50px;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe {
  background-color: #f9f9f9;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe:focus {
  border-color: #9e9e9e;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.sc-form-error {
  border-color: rgb(205, 68, 67);
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe {
  position: relative;
  line-height: 0;
  padding: 0;
  overflow: hidden;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.focus {
  border-color: #9e9e9e;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.sc-form-error {
  border-color: rgb(247, 116, 98);
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading {
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-18px / 2);
  margin-left: calc(-18px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 18px;
  height: 18px;
  -webkit-box-shadow: inset 0 0 0 calc(18px / 10) darkgrey;
  box-shadow: inset 0 0 0 calc(18px / 10) darkgrey;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading, .payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading:before, .payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading:after {
  border-radius: 50%;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading:before, .payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading:after {
  position: absolute;
  content: "";
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading:before {
  width: calc(4px + 18px / 2);
  height: 22px;
  border-radius: 18px 0 0 18px;
  top: -2px;
  left: -2px;
  background: #f9f9f9;
  -webkit-transform-origin: calc(18px / 2) calc(18px / 2);
  transform-origin: calc(18px / 2 + 2px) calc(18px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading:after {
  width: calc(4px + 18px / 2);
  height: 22px;
  border-radius: 0 18px 18px 0;
  top: -2px;
  left: calc(18px / 2 + 2px);
  background: #f9f9f9;
  -webkit-transform-origin: 0 calc(18px / 2 + 2px);
  transform-origin: 0 calc(18px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading.offWhite:before, .payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading.offWhite:after {
  background: rgb(248, 248, 248);
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading.blockSlate:before, .payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading.blockSlate:after {
  background: rgb(54, 62, 69);
}
.payment-ach-widget .cp-ach-tokenizer-control__iframe.loading .cp-ach-tokenizer__status-loading {
  margin-left: -14px;
  opacity: 1;
}

.account-routing-help-image-container {
  background: rgba(0, 0, 0, 0.04);
  padding: 10px;
  margin: 16px 0 5px !important;
  border-radius: 8px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.account-routing-help-image-container p {
  font-size: 12px;
}
@media screen and (max-width: 540px) {
  .account-routing-help-image-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .account-routing-help-image-container .donation-table_column {
    margin-bottom: 8px;
    margin-right: 0;
  }
}

.donate-footer {
  z-index: 100000;
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 118px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
}
.donate-footer.donate-footer--hidden {
  height: 0;
  opacity: 0;
  left: 50%;
  right: 50%;
  bottom: calc(118px / 2);
}
.donate-footer {
  -webkit-transition: all 0.22s ease-in-out;
  transition: all 0.22s ease-in-out;
}

.donate-footer-pm-logo {
  height: 20px;
  max-height: 20px;
}

@media (min-width: 480px) {
  .donate-footer {
    display: none;
  }
}
/*
  Components
--------------------------------------*/
.modal__frame {
  padding: 35px;
  color: rgb(54, 62, 69);
  background-color: transparent;
  border-radius: 4px;
}
@media screen and (max-width: 540px) {
  .modal__frame {
    padding: 15px;
  }
  .modal__frame.extra-padding {
    padding: 30px;
  }
}
.modal__frame--dark {
  padding: 35px;
  color: rgb(54, 62, 69);
  background-color: transparent;
  border-radius: 4px;
}
@media screen and (max-width: 540px) {
  .modal__frame--dark {
    padding: 15px;
  }
  .modal__frame--dark.extra-padding {
    padding: 30px;
  }
}
.modal__frame--dark {
  background-color: #f5f5f5;
}
.modal__title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0.5em;
}
.modal__subtitle {
  text-align: center;
  margin-bottom: 1em;
}
.modal__submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0 20px;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  color: #fff;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.modal__submit.disabled {
  cursor: default;
  background-color: #aaa;
}
.modal__submit.disabled:focus {
  outline: none;
}
.modal__submit:disabled {
  background-color: #aaa !important;
}

.entity-switch-modal__container {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 10px 0;
}
@media screen and (max-width: 540px) {
  .entity-switch-modal__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
}
.entity-switch-modal__container.space-around {
  margin-top: 30px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.entity-switch-modal__button {
  position: relative;
  display: inline-block;
  color: #666;
  width: 33.33%;
}
.entity-switch-modal__button.disabled {
  color: #aaa;
}
@media screen and (max-width: 540px) {
  .entity-switch-modal__button {
    font-size: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    word-break: break-word;
  }
}
@media screen and (max-width: 540px) {
  .fund-allocation .entity-switch-modal__button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.entity-switch-modal__icon {
  display: block;
  font-size: 96px;
}
@media screen and (max-width: 540px) {
  .entity-switch-modal__icon {
    font-size: 80px;
    margin-right: 20px;
  }
  .fund-allocation .entity-switch-modal__icon {
    margin-right: 0;
  }
}
.entity-switch-modal__message {
  display: block;
  font-size: 18px;
  margin-top: 5px;
}
@media screen and (max-width: 540px) {
  .entity-switch-modal__message {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 0;
  }
}

.browse-teams-modal__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 70px;
  margin-top: 40px;
}
.browse-teams-modal__search-icon {
  font-size: 24px;
  color: #666;
  width: 50px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.browse-teams-modal__search-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.browse-teams-modal__search-input {
  background-color: #ffffff;
}
.browse-teams-modal__search-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.browse-teams-modal__search-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.browse-teams-modal__search-input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.browse-teams-modal__search-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.browse-teams-modal__search-input.has-counter {
  padding-right: 55px;
}
.browse-teams-modal__search-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.browse-teams-modal__search-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.browse-teams-modal__search-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.browse-teams-modal__search-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.browse-teams-modal__search-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.browse-teams-modal__search-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.browse-teams-modal__search-input.large {
  height: 50px;
}
.browse-teams-modal__search-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.browse-teams-modal__list {
  margin-top: 20px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}
.browse-teams-modal__team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 25px;
  background-color: #fff;
}
.browse-teams-modal__team-logo {
  width: 65px;
  height: 65px;
  border-radius: 65px;
}
.browse-teams-modal__team-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 0 20px;
}
.browse-teams-modal__team-info-name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.browse-teams-modal__team-info-details {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.browse-teams-modal__team-select {
  font-size: 24px;
  color: #ccc;
}
.browse-teams-modal__loading {
  height: 400px;
}
.browse-teams-modal__loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.browse-teams-modal__loading-spinner, .browse-teams-modal__loading-spinner:before, .browse-teams-modal__loading-spinner:after {
  border-radius: 50%;
}
.browse-teams-modal__loading-spinner:before, .browse-teams-modal__loading-spinner:after {
  position: absolute;
  content: "";
}
.browse-teams-modal__loading-spinner:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #f5f5f5;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.browse-teams-modal__loading-spinner:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #f5f5f5;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.browse-teams-modal__loading-spinner.offWhite:before, .browse-teams-modal__loading-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.browse-teams-modal__loading-spinner.blockSlate:before, .browse-teams-modal__loading-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.browse-teams-modal__pager {
  margin-top: 20px;
}

.join-team-modal__explainer {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.join-team-modal__explainer:last-of-type {
  border-bottom: 0;
}
.join-team-modal__explainer-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.join-team-modal__avatar {
  width: 72px;
  height: 72px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 8px;
}
.join-team-modal__avatars {
  margin-top: 18px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
}
.join-team-modal__button {
  border-radius: 3px;
  text-align: center;
  border: none;
  height: 42px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 15px;
  display: block;
  width: calc(50% - 12px);
}
.join-team-modal__button.cancel {
  color: rgba(0, 0, 0, 0.54);
  background-color: rgba(0, 0, 0, 0.12);
}
.join-team-modal__button.join {
  color: white;
}
.join-team-modal__button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.exit-cart-modal__btn {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #425ccd;
  color: #ffffff;
}
.exit-cart-modal__btn:hover, .exit-cart-modal__btn[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.exit-cart-modal__btn[disabled], .exit-cart-modal__btn:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.exit-cart-modal__btn:active:enabled, .exit-cart-modal__btn[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.exit-cart-modal__btn[disabled], .exit-cart-modal__btn:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.exit-cart-modal__btn {
  border: none;
  margin-bottom: 10px;
}
.exit-cart-modal__btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.exit-cart-modal__cancel {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}

.mobile-cart__container {
  padding-top: 45px;
}
.mobile-cart__container.empty {
  padding-bottom: 30px;
}
.mobile-cart__list, .mobile-cart__item-left, .mobile-cart__item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mobile-cart__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.mobile-cart__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #fff;
  right: 0;
  height: calc(100% + 1px);
  width: 24px;
}
.mobile-cart__item:before {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #fff;
  left: 0;
  height: calc(100% + 1px);
  width: 24px;
}

.restart-cart-modal {
  padding: 24px;
}
.restart-cart-modal__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}
.restart-cart-modal__btn--confirm {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #425ccd;
  color: #ffffff;
}
.restart-cart-modal__btn--confirm:hover, .restart-cart-modal__btn--confirm[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.restart-cart-modal__btn--confirm[disabled], .restart-cart-modal__btn--confirm:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.restart-cart-modal__btn--confirm:active:enabled, .restart-cart-modal__btn--confirm[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.restart-cart-modal__btn--confirm[disabled], .restart-cart-modal__btn--confirm:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.restart-cart-modal__btn--confirm {
  margin-bottom: 10px;
}
.restart-cart-modal__btn--cancel {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.incomplete-form-alert-modal {
  padding: 40px;
}
.incomplete-form-alert-modal__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}
.incomplete-form-alert-modal__btn--confirm {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #425ccd;
  color: #ffffff;
}
.incomplete-form-alert-modal__btn--confirm:hover, .incomplete-form-alert-modal__btn--confirm[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.incomplete-form-alert-modal__btn--confirm[disabled], .incomplete-form-alert-modal__btn--confirm:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.incomplete-form-alert-modal__btn--confirm:active:enabled, .incomplete-form-alert-modal__btn--confirm[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.incomplete-form-alert-modal__btn--confirm[disabled], .incomplete-form-alert-modal__btn--confirm:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.incomplete-form-alert-modal__btn--leave {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: rgb(161, 168, 172);
  border-color: rgb(161, 168, 172);
}
.incomplete-form-alert-modal__btn--leave:hover, .incomplete-form-alert-modal__btn--leave[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: rgb(161, 168, 172);
  color: #ffffff;
}
.incomplete-form-alert-modal__btn--leave:active:enabled, .incomplete-form-alert-modal__btn--leave[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), rgb(161, 168, 172);
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), rgb(161, 168, 172);
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.incomplete-form-alert-modal__btn--leave[disabled], .incomplete-form-alert-modal__btn--leave:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.incomplete-form-alert-modal__btn--leave {
  margin-right: 20px;
}

.country-block-modal {
  padding: 30px 40px;
  text-align: center;
}
.country-block-modal__icon-container {
  margin-bottom: 25px;
}
.country-block-modal__icon__frame {
  background-color: rgb(238, 238, 238);
  margin: auto;
  height: 60px;
  width: 60px;
  border-radius: 100%;
}
.country-block-modal__icon__frame__warning-icon {
  color: rgb(114, 126, 131);
  line-height: 55px;
  font-size: 30px;
  font-weight: 600;
}
.country-block-modal__btn-container {
  margin-top: 35px;
}
.country-block-modal__btn-container__continue-btn {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 12px 18px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #425ccd;
  color: #ffffff;
}
.country-block-modal__btn-container__continue-btn:hover, .country-block-modal__btn-container__continue-btn[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.country-block-modal__btn-container__continue-btn[disabled], .country-block-modal__btn-container__continue-btn:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.country-block-modal__btn-container__continue-btn:active:enabled, .country-block-modal__btn-container__continue-btn[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.country-block-modal__btn-container__continue-btn[disabled], .country-block-modal__btn-container__continue-btn:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.country-block-modal__btn-container__continue-btn {
  padding: 12px 40px;
  font-size: 16px;
  font-weight: 700;
}

.image-list {
  margin-top: 15px;
}
.image-list__button-container {
  margin-top: 10px;
}

.gender-field__optional-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.gender-field__optional-input {
  background-color: #ffffff;
}
.gender-field__optional-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.gender-field__optional-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.gender-field__optional-input:disabled {
  background-color: rgb(240, 240, 240);
  color: rgb(161, 168, 172);
}
.gender-field__optional-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.gender-field__optional-input.has-counter {
  padding-right: 55px;
}
.gender-field__optional-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.gender-field__optional-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.gender-field__optional-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.gender-field__optional-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.gender-field__optional-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.gender-field__optional-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.gender-field__optional-input.large {
  height: 50px;
}
.gender-field__optional-input {
  background-color: #fafafa;
  margin-bottom: 0;
  margin-top: 10px;
}

.state-province-field__dropdown .form__dropdown-dropdown {
  min-width: 250px;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 500px;
}

.country-select-field__dropdown .form__dropdown-dropdown {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.dropdown-input__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 41px;
  width: 76px;
}
.dropdown-input__wrapper input {
  margin: 0 0 0 76px;
}
.dropdown-input__wrapper .form__text-input__outer {
  display: inline-block;
}
.dropdown-input__wrapper .form__text-input--dark {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-input__wrapper select::-ms-expand {
  display: none;
}
.dropdown-input__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 76px;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
  padding: 0 30px 0 15px;
  border-radius: 3px 0 0 3px;
  border-color: rgba(0, 0, 0, 0.12);
}
.dropdown-input__select-wrapper {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
}
.dropdown-input__selected-label {
  padding: 0 45px 0 15px;
}

.donation-amount-recurring__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.donation-amount-recurring__switch.rf {
  margin-bottom: 16px;
}
.donation-amount-recurring__switch.settingsFrequency {
  margin-top: 24px;
}
.donation-amount-recurring__subheading {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.donation-amount-recurring__currency {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.donation-amount-recurring .form_field-input_margin-bottom_20 {
  margin-bottom: 20px;
}
.donation-amount-recurring .form_field-input {
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.donation-amount-recurring .form_field-input .select-frequency {
  padding: 10px 16px;
  height: 44px;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-image: url(../global/images/dropdown-caret.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-amount-recurring .form_field-input .form_date-input-directive {
  height: 44px;
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
.donation-amount-recurring .form_field-input-icon {
  top: 15px;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring .form__field {
    width: 100%;
  }
}
.donation-amount-recurring .form__field.datepicker {
  margin-bottom: 0;
  padding: 0;
}
.donation-amount-recurring__btn {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 3px solid rgba(0, 0, 0, 0.12);
  width: 50%;
}
.donation-amount-recurring__btn.selected {
  background-color: rgb(66, 194, 246);
  color: #ffffff;
  border: none;
}
.donation-amount-recurring__btn.once {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.donation-amount-recurring__btn.monthly {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media screen and (max-width: 320px) {
  .donation-amount-recurring__btn.once, .donation-amount-recurring__btn.monthly {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__btn.once, .donation-amount-recurring__btn.monthly {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 768px) {
  .donation-amount-recurring__btn.once, .donation-amount-recurring__btn.monthly {
    padding: 15px 5px;
  }
}
.donation-amount-recurring__btn__frequency-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.ie .donation-amount-recurring__btn__frequency-input {
  opacity: 0;
}
.donation-amount-recurring__btn__frequency-input:hover {
  cursor: pointer;
}
.donation-amount-recurring__btn__frequency-input:focus {
  outline-width: thick;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__btn__frequency-input {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .donation-amount-recurring__btn__frequency-input {
    opacity: 0;
  }
}
.donation-amount-recurring__btn__frequency-label {
  position: relative;
  padding: 15px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.donation-amount-recurring__btn__frequency-label:hover {
  cursor: pointer;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__btn__frequency-label {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .donation-amount-recurring__btn__frequency-label {
    padding: 0;
  }
}
.donation-amount-recurring__cta--mobile, .donation-amount-recurring__cta {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #102033;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  padding: 12px;
  margin-top: 12px;
  white-space: pre;
}
.donation-amount-recurring__cta--mobile-link, .donation-amount-recurring__cta-link {
  color: #102033;
  text-decoration: underline;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__cta--mobile, .donation-amount-recurring__cta {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__cta {
    display: none;
  }
}
.donation-amount-recurring__cta--mobile {
  display: none;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__cta--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.donation-amount-recurring__select-freq {
  padding: 10px 11px;
}
.donation-amount-recurring__levels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0px 24px 0px;
}
.donation-amount-recurring__levels.rf {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__levels.bb {
    margin: 14px 0 2px;
  }
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__levels.mobile-hidden {
    display: none;
  }
}
.donation-amount-recurring__levels.multiple-amount-hidden {
  margin: 0;
}
.donation-amount-recurring__level-item {
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  margin-right: 20px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  overflow-wrap: break-word;
}
.donation-amount-recurring__level-item.selected {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.donation-amount-recurring__level-item.rf {
  width: auto;
  min-height: 44px;
  margin: 3px;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item.rf.bb .level-loading {
    padding: 31px 4px 41px;
    font-size: 28px;
  }
}
.donation-amount-recurring__level-item.other-rf {
  margin: 3px;
  height: 44px;
  border: 0;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item.other-rf.bb {
    height: 76px;
  }
}
@media screen and (max-width: 768px) {
  .donation-amount-recurring__level-item {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2px;
    font-size: 16px;
    line-height: 20px;
  }
  .donation-amount-recurring__level-item.rf {
    padding: 0;
    margin: 3px;
    width: 34%;
    max-width: 49%;
  }
  .donation-amount-recurring__level-item.other-rf {
    padding: 0;
    margin: 3px;
  }
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .donation-amount-recurring__level-item {
    padding: 2px;
  }
  .donation-amount-recurring__level-item.rf {
    padding: 0;
  }
}
.donation-amount-recurring__level-item.selected {
  color: #ffffff;
}
.donation-amount-recurring__level-item.other {
  margin-right: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item.other {
    display: block;
  }
}
.donation-amount-recurring__level-item__amount-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: calc(100% + 2px);
  top: 0;
  left: 0;
  position: absolute;
}
.donation-amount-recurring__level-item__amount-input.rf {
  height: calc(100% + 2px);
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item__amount-input.rf.bb {
    height: 100%;
  }
}
.ie .donation-amount-recurring__level-item__amount-input {
  opacity: 0;
}
.donation-amount-recurring__level-item__amount-input:focus {
  outline-width: thick;
}
.donation-amount-recurring__level-item__amount-input:hover {
  cursor: pointer;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__level-item__amount-input {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .donation-amount-recurring__level-item__amount-input {
    opacity: 0;
  }
}
.donation-amount-recurring__level-item__amount-label {
  padding: 14px 12px;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .donation-amount-recurring__level-item__amount-label {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item__amount-label {
    padding: 14px 12px;
  }
}
.donation-amount-recurring__level-item__amount-label.rf {
  padding: 8px;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item__amount-label.rf {
    padding: 8px;
  }
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__level-item__amount-label.rf.bb {
    padding: 36px 4px;
    font-size: 28px;
  }
}
.donation-amount-recurring__level-item__amount-label.other-rf {
  padding: 0;
}
.donation-amount-recurring__level-item__amount-label:hover {
  cursor: pointer;
}
.donation-amount-recurring__level-item__amount-label .currency-picker__select,
.donation-amount-recurring__level-item__amount-label .form__text-input--dark {
  font-size: 16px;
}
.donation-amount-recurring__amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-weight: 700;
  margin-top: 14px;
}
.donation-amount-recurring__amount.rf {
  margin-top: 0;
  border-radius: 4px;
  position: relative;
}
.donation-amount-recurring__show-amounts, .donation-amount-recurring__donate-custom {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  display: block;
  text-decoration: underline;
  margin: 12px 0;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring__show-amounts, .donation-amount-recurring__donate-custom {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .donation-amount-recurring__show-amounts, .donation-amount-recurring__donate-custom {
    font-size: 12px;
  }
}
.donation-amount-recurring__show-amounts {
  display: none;
}
@media screen and (max-width: 568px) {
  .donation-amount-recurring__show-amounts {
    display: block;
  }
}
.donation-amount-recurring .currency-picker__short {
  border-color: rgba(0, 0, 0, 0.6);
}
.donation-amount-recurring .currency-picker__full-symbol,
.donation-amount-recurring .form_field.currency-picker__full-symbol {
  top: 0;
}
.donation-amount-recurring .currency-picker__wrapper-rf > div.currency-picker__wrapper {
  height: 44px;
  border-width: 2px 0px 2px 2px;
}
.donation-amount-recurring .currency-picker__wrapper-rf > div.currency-picker__wrapper > div.currency-picker__select-wrapper {
  text-align: left;
}
.donation-amount-recurring .currency-picker__wrapper-rf > div.currency-picker__wrapper > div.currency-picker__select-wrapper > .currency-picker__select {
  height: 40px;
  border: none;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring .currency-picker__wrapper-rf.bb > div.currency-picker__wrapper {
    height: 76px;
  }
  .donation-amount-recurring .currency-picker__wrapper-rf.bb > div.currency-picker__wrapper > div.currency-picker__select-wrapper {
    width: 100px;
  }
  .donation-amount-recurring .currency-picker__wrapper-rf.bb > div.currency-picker__wrapper > div.currency-picker__select-wrapper > .currency-picker__select {
    padding: 22px 16px;
    height: 72px;
  }
  .donation-amount-recurring .currency-picker__wrapper-rf.bb .currency-picker__short {
    padding: 22px 16px;
    height: 72px;
    font-size: 24px;
  }
  .donation-amount-recurring .currency-picker__wrapper-rf.bb .currency-picker__full-symbol {
    top: 17px;
    margin-left: 112px;
  }
}
.donation-amount-recurring .currency-field {
  width: 100%;
}
.donation-amount-recurring .currency-field.rf > input {
  height: 44px;
  border-width: 2px 2px 2px 0px;
}
@media screen and (min-width: 768px) {
  .donation-amount-recurring .currency-field.rf.bb > input {
    height: 76px;
    font-size: 24px;
  }
  .donation-amount-recurring .currency-field.rf.bb > input::-webkit-input-placeholder {
    font-style: normal;
  }
  .donation-amount-recurring .currency-field.rf.bb > input::-moz-placeholder {
    font-style: normal;
  }
  .donation-amount-recurring .currency-field.rf.bb > input:-ms-input-placeholder {
    font-style: normal;
  }
  .donation-amount-recurring .currency-field.rf.bb > input::-ms-input-placeholder {
    font-style: normal;
  }
  .donation-amount-recurring .currency-field.rf.bb > input::placeholder {
    font-style: normal;
  }
}

.donation-grid-eg p#amount-options-label,
.donation-grid p#amount-options-label {
  text-align: center;
}
.donation-grid-eg__switch,
.donation-grid__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 400px;
  margin: auto;
  margin-bottom: 12px;
  border-radius: 24px;
  padding: 2px;
  gap: 4px;
}
.donation-grid-eg__switch.settingsFrequency,
.donation-grid__switch.settingsFrequency {
  margin-top: 24px;
}
.donation-grid-eg__subheading,
.donation-grid__subheading {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.donation-grid-eg__currency,
.donation-grid__currency {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.donation-grid-eg .form_field-input_margin-bottom_20,
.donation-grid .form_field-input_margin-bottom_20 {
  margin-bottom: 20px;
}
.donation-grid-eg .form_field-input,
.donation-grid .form_field-input {
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.donation-grid-eg .form_field-input .select-frequency,
.donation-grid .form_field-input .select-frequency {
  padding: 10px 16px;
  height: 44px;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  background-image: url(../global/images/dropdown-caret.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.donation-grid-eg .form_field-input .form_date-input-directive,
.donation-grid .form_field-input .form_date-input-directive {
  height: 44px;
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
.donation-grid-eg .form_field-input-icon,
.donation-grid .form_field-input-icon {
  top: 15px;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg .form__field,
  .donation-grid .form__field {
    width: 100%;
  }
}
.donation-grid-eg .form__field.datepicker,
.donation-grid .form__field.datepicker {
  margin-bottom: 0;
  padding: 0;
}
.donation-grid-eg__btn,
.donation-grid__btn {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-transform: none;
  border-radius: 24px;
  color: rgba(0, 0, 0, 0.87);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
}
.donation-grid-eg__btn:focus,
.donation-grid__btn:focus {
  outline: 2px solid rgb(50, 106, 219);
  outline-offset: 1px;
  border-radius: 24px;
}
.donation-grid-eg__btn.selected,
.donation-grid__btn.selected {
  background-color: rgb(66, 194, 246);
  color: #ffffff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 1px 2px 12px rgba(0, 0, 0, 0.2), inset 1px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 1px 2px 12px rgba(0, 0, 0, 0.2), inset 1px 2px 2px rgba(0, 0, 0, 0.2);
}
.donation-grid-eg__btn__frequency-input,
.donation-grid__btn__frequency-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.ie .donation-grid-eg__btn__frequency-input,
.ie .donation-grid__btn__frequency-input {
  opacity: 0;
}
.donation-grid-eg__btn__frequency-input:hover,
.donation-grid__btn__frequency-input:hover {
  cursor: pointer;
}
.donation-grid-eg__btn__frequency-input:focus,
.donation-grid__btn__frequency-input:focus {
  outline: none;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__btn__frequency-input,
  .donation-grid__btn__frequency-input {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .donation-grid-eg__btn__frequency-input,
  .donation-grid__btn__frequency-input {
    opacity: 0;
  }
}
.donation-grid-eg__btn__frequency-label-container,
.donation-grid__btn__frequency-label-container {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 8px;
}
.donation-grid-eg__btn__frequency-label,
.donation-grid__btn__frequency-label {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  outline: unset;
}
.donation-grid-eg__btn__frequency-label:hover,
.donation-grid__btn__frequency-label:hover {
  cursor: pointer;
}
.donation-grid-eg__cta--mobile, .donation-grid-eg__cta,
.donation-grid__cta--mobile,
.donation-grid__cta {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #102033;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  padding: 12px;
  margin-top: 12px;
  white-space: pre;
}
.donation-grid-eg__cta--mobile-link, .donation-grid-eg__cta-link,
.donation-grid__cta--mobile-link,
.donation-grid__cta-link {
  color: #102033;
  text-decoration: underline;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__cta--mobile, .donation-grid-eg__cta,
  .donation-grid__cta--mobile,
  .donation-grid__cta {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__cta,
  .donation-grid__cta {
    display: none;
  }
}
.donation-grid-eg__cta--mobile,
.donation-grid__cta--mobile {
  display: none;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__cta--mobile,
  .donation-grid__cta--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.donation-grid-eg__select-freq,
.donation-grid__select-freq {
  padding: 10px 11px;
}
.donation-grid-eg__levels,
.donation-grid__levels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0px 24px 0px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__levels.mobile-hidden,
  .donation-grid__levels.mobile-hidden {
    display: none;
  }
}
.donation-grid-eg__levels.multiple-amount-hidden,
.donation-grid__levels.multiple-amount-hidden {
  margin: 0;
}
.donation-grid-eg__level-item,
.donation-grid__level-item {
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  margin-right: 20px;
  border: none;
  border-radius: 8px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  overflow-wrap: break-word;
}
.donation-grid-eg__level-item:focus-within, .donation-grid-eg__level-item:focus,
.donation-grid__level-item:focus-within,
.donation-grid__level-item:focus {
  outline: 2px solid rgb(50, 106, 219);
  outline-offset: 1px;
  -webkit-box-shadow: 0 0 0 3px white, 0px 0px 0px 5px rgba(51, 109, 218, 0.12);
  box-shadow: 0 0 0 3px white, 0px 0px 0px 5px rgba(51, 109, 218, 0.12);
}
.donation-grid-eg__level-item:focus-within.donation-grid__level-item__other, .donation-grid-eg__level-item:focus.donation-grid__level-item__other,
.donation-grid__level-item:focus-within.donation-grid__level-item__other,
.donation-grid__level-item:focus.donation-grid__level-item__other {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.donation-grid-eg__level-item.selected,
.donation-grid__level-item.selected {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.donation-grid-eg__level-item,
.donation-grid__level-item {
  width: auto;
  min-height: 44px;
  margin: 2px;
}
.donation-grid-eg__level-item.other-rf,
.donation-grid__level-item.other-rf {
  margin: 3px;
  height: 44px;
  border: 0;
}
@media screen and (max-width: 768px) {
  .donation-grid-eg__level-item,
  .donation-grid__level-item {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    margin: 3px;
    width: 34%;
    max-width: 49%;
  }
  .donation-grid-eg__level-item.other-rf,
  .donation-grid__level-item.other-rf {
    padding: 0;
    margin: 3px;
  }
  .donation-grid-eg__level-item.donation-grid__level-item__other,
  .donation-grid__level-item.donation-grid__level-item__other {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .donation-grid-eg__level-item,
  .donation-grid__level-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .donation-grid-eg__level-item,
  .donation-grid__level-item {
    padding: 0;
  }
}
.donation-grid-eg__level-item.selected,
.donation-grid__level-item.selected {
  color: #ffffff;
}
.donation-grid-eg__level-item.other,
.donation-grid__level-item.other {
  margin-right: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .donation-grid-eg__level-item.other,
  .donation-grid__level-item.other {
    display: block;
  }
}
.donation-grid-eg__level-item__amount-input,
.donation-grid__level-item__amount-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: calc(100% + 2px);
  top: 0;
  left: 0;
  position: absolute;
}
.donation-grid-eg__level-item__amount-input:focus,
.donation-grid__level-item__amount-input:focus {
  outline: none;
}
.ie .donation-grid-eg__level-item__amount-input,
.ie .donation-grid__level-item__amount-input {
  opacity: 0;
}
.donation-grid-eg__level-item__amount-input:hover,
.donation-grid__level-item__amount-input:hover {
  cursor: pointer;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__level-item__amount-input,
  .donation-grid__level-item__amount-input {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .donation-grid-eg__level-item__amount-input,
  .donation-grid__level-item__amount-input {
    opacity: 0;
  }
}
.donation-grid-eg__level-item__amount-label,
.donation-grid__level-item__amount-label {
  display: block;
  position: relative;
  border-radius: 8px;
  font-size: 18px;
  line-height: 24px;
  padding: 16px 8px;
  min-height: 56px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  font-weight: bold;
}
.donation-grid-eg__level-item__amount-label.other-rf,
.donation-grid__level-item__amount-label.other-rf {
  padding: 0;
}
.donation-grid-eg__level-item__amount-label .currency-picker__select,
.donation-grid-eg__level-item__amount-label .form__text-input--dark,
.donation-grid__level-item__amount-label .currency-picker__select,
.donation-grid__level-item__amount-label .form__text-input--dark {
  font-size: 16px;
}
.donation-grid-eg__amount,
.donation-grid__amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-weight: 700;
  margin-top: 0;
  border-radius: 4px;
  position: relative;
}
.donation-grid-eg__show-amounts, .donation-grid-eg__donate-custom,
.donation-grid__show-amounts,
.donation-grid__donate-custom {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  display: block;
  text-decoration: underline;
  margin: 12px 0;
}
@media screen and (min-width: 768px) {
  .donation-grid-eg__show-amounts, .donation-grid-eg__donate-custom,
  .donation-grid__show-amounts,
  .donation-grid__donate-custom {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .donation-grid-eg__show-amounts, .donation-grid-eg__donate-custom,
  .donation-grid__show-amounts,
  .donation-grid__donate-custom {
    font-size: 12px;
  }
}
.donation-grid-eg__show-amounts,
.donation-grid__show-amounts {
  display: none;
}
@media screen and (max-width: 568px) {
  .donation-grid-eg__show-amounts,
  .donation-grid__show-amounts {
    display: block;
  }
}
.donation-grid-eg .currency-picker__short,
.donation-grid .currency-picker__short {
  border-color: rgba(0, 0, 0, 0.6);
}
.donation-grid-eg .currency-picker__full-symbol,
.donation-grid-eg .form_field.currency-picker__full-symbol,
.donation-grid .currency-picker__full-symbol,
.donation-grid .form_field.currency-picker__full-symbol {
  top: 0;
}
.donation-grid-eg .currency-picker__wrapper-rf > div.currency-picker__wrapper,
.donation-grid .currency-picker__wrapper-rf > div.currency-picker__wrapper {
  height: 44px;
  border-width: 2px 0px 2px 2px;
}
.donation-grid-eg .currency-picker__wrapper-rf > div.currency-picker__wrapper > div.currency-picker__select-wrapper,
.donation-grid .currency-picker__wrapper-rf > div.currency-picker__wrapper > div.currency-picker__select-wrapper {
  text-align: left;
}
.donation-grid-eg .currency-picker__wrapper-rf > div.currency-picker__wrapper > div.currency-picker__select-wrapper > .currency-picker__select,
.donation-grid .currency-picker__wrapper-rf > div.currency-picker__wrapper > div.currency-picker__select-wrapper > .currency-picker__select {
  height: 40px;
  border: none;
}
.donation-grid-eg .currency-field,
.donation-grid .currency-field {
  width: 100%;
}
.donation-grid-eg .currency-field > input,
.donation-grid .currency-field > input {
  height: 44px;
  border-width: 2px 2px 2px 0px;
}

.donation-grid .donation-grid-currency {
  border-radius: 8px 0px 0px 8px;
  position: relative;
  border-right: 1px solid white;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-currency div.currency-picker__wrapper,
.donation-grid div#custom-amount.sc-form-error span.currency-picker__short,
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container span {
  background: #cd4443 !important;
  border-color: #cd4443 !important;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container input {
  border-color: #cd4443 !important;
  background-color: white !important;
  color: black !important;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container input::-webkit-input-placeholder {
  color: black;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container input::-moz-placeholder {
  color: black;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container input:-ms-input-placeholder {
  color: black;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container input::-ms-input-placeholder {
  color: black;
}
.donation-grid div#custom-amount.sc-form-error .donation-grid-custom-amount-container input::placeholder {
  color: black;
}

.donation-grid__fields-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 640px) {
  .donation-grid__fields-container {
    max-width: 550px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.donation-grid__field select {
  width: 100%;
}
.donation-grid__field--end-date .datepicker {
  width: 100%;
}
.donation-grid__field, .donation-grid__field--end-date {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-right: 0;
}
.donation-grid__field {
  margin-right: 10px;
}
@media screen and (min-width: 640px) {
  .donation-grid__field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
  }
  .donation-grid__field--end-date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@-moz-keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.shimmer-loading {
  animation: shimmer 1.5s infinite linear !important;
  -webkit-animation: shimmer 1.5s infinite linear !important;
  -moz-animation: shimmer 1.5s infinite linear !important;
  -o-animation: shimmer 1.5s infinite linear !important;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(80%, rgba(255, 255, 255, 0.1))) !important;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.1) 80%) !important;
  background-size: 400% 100% !important;
  background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  -moz-background-clip: padding-box !important;
  border-radius: 8px; /* Match surrounding element */
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* Ensures padding/border inclusion */
  line-height: 1; /* Consistent line height */
}

.donation-grid-custom-amount {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.donation-grid-custom-amount .donation-grid-custom-amount-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.donation-grid-custom-amount .donation-grid-custom-amount-container span {
  font-size: 18px;
  padding: 10px;
  padding-right: 5px;
}
.donation-grid-custom-amount .donation-grid-custom-amount-container span.selected {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  padding-left: 5px;
}
.donation-grid-custom-amount .form__text-input--dark::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.donation-grid-custom-amount .form__text-input--dark::-moz-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.donation-grid-custom-amount .form__text-input--dark:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.donation-grid-custom-amount .form__text-input--dark::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.donation-grid-custom-amount .form__text-input--dark::placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.donation-grid-custom-amount .form__text-input--dark.selected {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark.selected::-webkit-input-placeholder {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark.selected::-moz-placeholder {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark.selected:-ms-input-placeholder {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark.selected::-ms-input-placeholder {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark.selected::placeholder {
  color: white;
}
.donation-grid-custom-amount .form__text-input--dark:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.donation-grid-custom-amount .form__text-input--dark:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.donation-grid-custom-amount .form__text-input--dark:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.donation-grid-custom-amount .form__text-input--dark:focus::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.donation-grid-custom-amount .form__text-input--dark:focus::placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.donation-grid-custom-amount {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.donation-grid-currency .currency-picker__wrapper {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 56px;
  padding-right: 1px !important;
  border-width: 2px 0px 2px 2px;
}
.donation-grid-currency .currency-picker__wrapper:focus-within span.currency-picker__short {
  outline: 1px solid white;
}
.donation-grid-currency .currency-picker__wrapper .currency-picker__select-wrapper {
  width: 66px;
  text-align: left;
}
.donation-grid-currency .currency-picker__wrapper div.currency-picker__select-wrapper > .currency-picker__select {
  height: 52px;
  background: transparent;
  border: none;
}
.donation-grid-currency .currency-picker__wrapper div.currency-picker__select-wrapper > .currency-picker__select:focus {
  outline: 2px solid #005fcc;
  outline-offset: 1px;
}
.donation-grid-currency .currency-picker__select {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
}
.donation-grid-currency .currency-picker__short {
  border-right-color: WHITE;
  height: 52px;
  line-height: 30px;
  font-weight: normal;
  border-radius: 3px 0px 0px 3px;
  border: none !important;
  text-wrap: nowrap;
  white-space: nowrap;
}
.donation-grid-currency .currency-picker__full-symbol--selected {
  color: WHITE !important;
  background-image: none;
}
.donation-grid-currency {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.vanity-url-field__label {
  margin-bottom: 5px;
}
.vanity-url-field__label .form__label {
  display: inline;
}
.vanity-url-field__label .url-preview {
  font-style: italic;
  color: #57687d;
  text-transform: italicize;
}
.vanity-url-field__label .domain {
  display: inline-block;
  margin: 0 0 0 5px;
}

.radio-field .form__sublabel {
  margin-bottom: 7px;
}
.radio-field .form__label {
  margin-bottom: 5px;
}

.panel {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 36px;
  margin: 36px auto;
  max-width: 640px;
}
@media screen and (max-width: 480px) {
  .panel {
    padding: 36px 15px 5px 15px;
  }
}
@media screen and (max-width: 768px) {
  .panel {
    margin: 20px auto;
  }
}
.panel__section {
  padding: 0 0 25px;
}
@media screen and (min-width: 768px) {
  .panel__section .form-table__row .form__text-input,
  .panel__section .form-table__row .form__select,
  .panel__section .form-table__row .form__dropdown,
  .panel__section .form-table__row .form__text-area,
  .panel__section .form-table__row .form__label {
    width: 66%;
  }
}
@media screen and (min-width: 1024px) {
  .panel__section .form-table__row .form__text-input,
  .panel__section .form-table__row .form__select,
  .panel__section .form-table__row .form__dropdown,
  .panel__section .form-table__row .form__text-area,
  .panel__section .form-table__row .form__label {
    width: 100%;
  }
}
.panel__section--grey {
  padding: 26px 36px;
  background: rgb(248, 248, 248);
  display: block;
  margin: 0 -36px -36px -36px;
}
@media screen and (max-width: 480px) {
  .panel__section--grey {
    padding: 5px 15px 5px 15px;
    margin: 0 -15px -5px -15px;
  }
}
.panel__section:last-child {
  padding: 0;
}
.panel__section-seal {
  display: block;
  margin: 0 auto 30px;
  background-color: #f5f5f5;
  width: 75px;
  height: 75px;
  border-radius: 75px;
  line-height: 0;
}
.panel__section-seal-icon {
  display: block;
  font-size: 40px;
  line-height: 75px;
  width: 75px;
  text-align: center;
  color: #9a9a9a;
}
.panel__section-banner {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  text-align: left;
}
.panel__section-banner--centered {
  text-align: center;
  border-bottom: none;
  padding: 0 50px 20px;
}
@media screen and (max-width: 480px) {
  .panel__section-banner--centered {
    padding: 0;
  }
}
.panel__section-banner--centered-single {
  text-align: center;
  border-bottom: none;
  padding: 0 50px;
}
.panel__section-headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.panel__section-subheading {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.panel__section-body {
  padding: 20px 0;
}
.panel__section-body--list {
  padding: 0;
}
.panel__card {
  margin-top: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1);
}
.panel__card-subheadline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
}

.map-marker-picker {
  height: 240px;
  width: 100%;
  margin-top: 5px;
  border: 1px solid rgb(210, 210, 210);
}

.map-field-disable {
  background: #f0f0f0;
  pointer-events: none;
  border: 1px solid rgb(210, 210, 210);
}

.map-tooltip {
  top: 0;
}

.team-leaderboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: center;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.team-leaderboard__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 0;
}

.tooltip-position {
  right: 5%;
}

button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.typeahead_custom-popup-container {
  max-height: 279px;
  overflow: auto;
}
.typeahead_custom-popup-container .typeahead-group-label {
  display: none;
  cursor: default;
  font-weight: bold;
  font-size: 12px;
  padding: 6px 10px;
}
.typeahead-show-groups .typeahead_custom-popup-container .typeahead-group-label {
  display: block !important;
}
.typeahead_custom-popup-container .uib-typeahead-match {
  font-size: 13px;
  padding: 8px 10px;
}
.typeahead_custom-popup-container .uib-typeahead-match:hover {
  background-color: #f2f2f2;
}
.typeahead_custom-popup-container .uib-typeahead-match.active {
  background-color: #f2f2f2;
}

.typeahead_input {
  color: #444b55;
}
.typeahead_input::-webkit-input-placeholder {
  color: #444b55;
}
.typeahead_input::-moz-placeholder {
  color: #444b55;
}
.typeahead_input::placeholder {
  color: #444b55;
}
.typeahead_input:-ms-input-placeholder {
  color: #444b55;
}
.typeahead_input::-ms-input-placeholder {
  color: #444b55;
}
.typeahead_input:focus::-webkit-input-placeholder {
  color: transparent !important;
}
.typeahead_input:focus::-moz-placeholder {
  color: transparent !important;
}
.typeahead_input:focus::placeholder {
  color: transparent !important;
}
.typeahead_input:focus:-ms-input-placeholder {
  color: transparent !important;
}
.typeahead_input:focus::-ms-input-placeholder {
  color: transparent !important;
}
.typeahead_input-dropdown {
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  padding: 0 30px 0 0;
  background-color: #ffffff;
}
.typeahead_input-dropdown > input {
  width: 100%;
  height: 42px;
  font-size: 15px;
  padding: 0 10px;
  border: none;
  outline: none;
}
.typeahead_input-dropdown > input:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.typeahead_arrow-overlay {
  position: absolute;
  height: 42px;
  width: 30px;
  top: 0;
  right: 0;
  z-index: 1;
}
.typeahead_arrow-overlay:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.typeahead_is-loading .dropdown-menu {
  display: none;
}
.typeahead_is-loading .typeahead_custom-popup-container {
  display: none !important;
}
.typeahead_popup-placeholder {
  position: absolute;
  top: 50px;
  left: -1px !important;
  z-index: 10000;
  width: calc(100% + 2px);
  color: #000;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px rgba(25, 29, 34, 0.12);
  font-size: 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12) !important;
}
.typeahead_popup-placeholder.typeahead_items-loading {
  height: 100px;
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-32px / 2);
  margin-left: calc(-32px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: inset 0 0 0 calc(32px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(32px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner, .typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner:before, .typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner:after {
  border-radius: 50%;
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner:before, .typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner:after {
  position: absolute;
  content: "";
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner:before {
  width: calc(4px + 32px / 2);
  height: 36px;
  border-radius: 32px 0 0 32px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(32px / 2) calc(32px / 2);
  transform-origin: calc(32px / 2 + 2px) calc(32px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner:after {
  width: calc(4px + 32px / 2);
  height: 36px;
  border-radius: 0 32px 32px 0;
  top: -2px;
  left: calc(32px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(32px / 2 + 2px);
  transform-origin: 0 calc(32px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner.offWhite:before, .typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner.blockSlate:before, .typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-spinner {
  display: block;
  left: 37%;
}
.typeahead_popup-placeholder.typeahead_items-loading > .typeahead_loading-label {
  position: absolute;
  top: 50%;
  left: 44%;
  margin-top: -8px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: rgba(25, 29, 34, 0.54);
}
.typeahead_popup-placeholder.typeahead_no-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 50px;
  height: 200px;
  font-size: 13px;
}
.typeahead_popup-placeholder > .typeahead_no-results-description {
  font-weight: bold;
  white-space: pre;
}
.typeahead_popup-placeholder > .typeahead_no-results-hint {
  margin: 15px 0;
}
.typeahead_popup-placeholder > .typeahead_no-results-clear {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  font-size: 13px;
}

.fr-minimum-disclaimer {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  margin-bottom: 10px;
}
.fr-minimum-disclaimer__ticket-icon {
  width: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 1px;
  margin-right: 7px;
}
.fr-minimum-disclaimer__ticket-icon i {
  font-size: 14px;
}
.fr-minimum-disclaimer__tooltip-icon {
  color: #57687d;
  font-size: 18px;
}
.fr-minimum-disclaimer__text {
  margin-right: 3px;
}
.fr-minimum-disclaimer.fr-minimum-disclaimer__small-version {
  font-size: 12px;
  font-weight: 600;
  margin: -8px 0 0;
  padding: 6px;
}
.fr-minimum-disclaimer.fr-minimum-disclaimer__small-version .fr-minimum-disclaimer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fr-minimum-disclaimer.fr-minimum-disclaimer__small-version .fr-minimum-disclaimer__text {
  margin-right: 5px;
}
.fr-minimum-disclaimer.fr-minimum-disclaimer__small-version .fr-minimum-disclaimer__tooltip-icon {
  font-size: 16px;
}

.tooltip-dark {
  max-width: 260px;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 600;
  color: white;
  padding: 4px 3px 5px 4px;
  border-radius: 3px;
  background-color: #14303a;
  margin-left: 6px;
}
.tooltip-dark .qtip-tip {
  display: none !important;
}

.fundraiser-dashboard_facebook::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-dashboard_facebook {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .fundraiser-dashboard_facebook {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .fundraiser-dashboard_facebook {
    padding: 0 15px;
  }
}
.fundraiser-dashboard_facebook-background {
  height: 145px;
  position: relative;
}
.fundraiser-dashboard_facebook-header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .fundraiser-dashboard_facebook-header {
    padding-top: 70px;
  }
}
.fundraiser-dashboard_facebook-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser-dashboard_facebook-header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser-dashboard_facebook-header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.fundraiser-dashboard_facebook-header-subTitle {
  margin-bottom: 35px;
}
.fundraiser-dashboard_facebook-create-fundraiser-button {
  background-color: rgb(10, 212, 212);
  max-width: 98px;
  border-radius: 4px;
  height: 48px;
  margin: 0 auto;
  color: #fff;
  padding: 14px 19px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 35px;
}
.fundraiser-dashboard_facebook-create-fundraiser-button.disabled {
  pointer-events: none;
}
.fundraiser-dashboard_facebook-fundraiser-block {
  position: relative;
  max-width: 52%;
  margin: 0 auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  -webkit-box-shadow: 0 2px 8px 0 rgba(25, 29, 34, 0.08);
  box-shadow: 0 2px 8px 0 rgba(25, 29, 34, 0.08);
}
@media screen and (max-width: 208px) {
  .fundraiser-dashboard_facebook-fundraiser-block {
    max-width: 100%;
  }
}
.fundraiser-dashboard_facebook-fundraiser-block-detail {
  padding: 15px;
}
.fundraiser-dashboard_facebook-fundraiser-block-title {
  text-align: left;
  font-size: 24px;
}
.fundraiser-dashboard_facebook-fundraiser-block-description {
  padding: 5px 0px 25px 0px;
  font-size: 15px;
  text-align: left;
  color: #57687d;
}
.fundraiser-dashboard_facebook-fundraiser-block-activity-detail {
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.54);
  height: 30px;
}
.fundraiser-dashboard_facebook-fundraiser-block-view {
  float: right;
  padding-top: 15px;
  font-size: 15px;
  text-decoration: underline;
  color: #000000;
}
.fundraiser-dashboard_facebook-fundraiser-block-activity {
  line-height: 1.5;
  float: left;
}

.permission-denied-message {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.permission-denied-message h1,
.permission-denied-message p {
  color: rgba(0, 0, 0, 0.9);
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.permission-denied-message a {
  text-decoration: underline;
}
.permission-denied-message__hero-img {
  margin-bottom: 32px;
}
.permission-denied-message__header {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 24px;
}
.permission-denied-message__subheader {
  margin: 0 auto 24px auto;
  font-size: 16px;
  font-weight: 300;
  color: rgb(161, 168, 172);
}

.fot-checkbox {
  height: auto;
  margin-bottom: 24px;
}

.donation-summary-amount {
  display: inline-block;
  height: 50px;
  vertical-align: bottom;
  margin-left: 15px;
  padding-top: 5px;
}
@media screen and (max-width: 568px) {
  .donation-summary-amount {
    margin: 0;
  }
}
.donation-summary-amount-label {
  display: block;
  font-size: 14px;
}
.donation-summary-amount-date-text {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  font-weight: 700;
}
.donation-summary-amount-date {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.donation-summary-amount-amount {
  display: block;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
}
.donation-summary-amount-amount.processing {
  color: #ccc;
}
.donation-summary-amount-charged-amount {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #102033;
}
.donation-summary-amount-processing {
  position: relative;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  display: none;
}
.processing .donation-summary-amount-processing {
  display: inline-block;
}
.donation-summary-amount-processing-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-22px / 2);
  margin-left: calc(-22px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 22px;
  height: 22px;
  -webkit-box-shadow: inset 0 0 0 calc(22px / 10) #ccc;
  box-shadow: inset 0 0 0 calc(22px / 10) #ccc;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.donation-summary-amount-processing-spinner, .donation-summary-amount-processing-spinner:before, .donation-summary-amount-processing-spinner:after {
  border-radius: 50%;
}
.donation-summary-amount-processing-spinner:before, .donation-summary-amount-processing-spinner:after {
  position: absolute;
  content: "";
}
.donation-summary-amount-processing-spinner:before {
  width: calc(4px + 22px / 2);
  height: 26px;
  border-radius: 22px 0 0 22px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(22px / 2) calc(22px / 2);
  transform-origin: calc(22px / 2 + 2px) calc(22px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.donation-summary-amount-processing-spinner:after {
  width: calc(4px + 22px / 2);
  height: 26px;
  border-radius: 0 22px 22px 0;
  top: -2px;
  left: calc(22px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(22px / 2 + 2px);
  transform-origin: 0 calc(22px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.donation-summary-amount-processing-spinner.offWhite:before, .donation-summary-amount-processing-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.donation-summary-amount-processing-spinner.blockSlate:before, .donation-summary-amount-processing-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.donation-summary-amount-currency {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.exit-intent-modal-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  cursor: default;
  z-index: 1000000;
  opacity: 1;
}
.exit-intent-modal-backdrop.exit-intent-modal-backdrop--hidden {
  bottom: 0;
  height: 0;
  opacity: 0;
}
.exit-intent-modal-backdrop {
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
}

.exit-intent-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  margin-left: calc(-450px / 2);
  max-width: 450px;
  background: WHITE;
  border-radius: 8px;
  z-index: 1000001;
  -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25), 0px 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25), 0px 10px 20px rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.exit-intent-modal.exit-intent-modal--hidden {
  bottom: 0;
  height: 0;
  opacity: 0;
  display: none;
}
.exit-intent-modal {
  -webkit-transition: opacity 0.15s ease-in;
  transition: opacity 0.15s ease-in;
}

.exit-intent-modal-body {
  padding: 48px;
}
.exit-intent-modal-body .exit-intent-modal-icon {
  font-size: 28px;
  line-height: 28px;
}
.exit-intent-modal-body .exit-intent-modal-headline {
  font-size: 30px;
  line-height: 44px;
}
.exit-intent-modal-body .exit-intent-modal-paragraph {
  font-size: 16px;
  line-height: 24px;
}
.exit-intent-modal-body .exit-intent-modal-btn.eg-btn {
  padding: 12px 48px !important;
}

@media (max-width: 498px) {
  .exit-intent-modal {
    margin-left: 24px;
    margin-right: 24px;
    width: calc(100% - 24px * 2);
    left: 0;
    right: 0;
  }
  .exit-intent-modal-body {
    padding: 48px 24px;
  }
}
@media (max-width: 340px) {
  .exit-intent-modal {
    display: none;
  }
  .exit-intent-modal-backdrop {
    display: none;
  }
}
.iaa-learn-more {
  padding: 16px;
  border: 2px solid rgb(224, 224, 224);
  border-radius: 4px;
  margin-top: 1rem;
  color: black;
}
.iaa-learn-more h5 {
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}
.iaa-learn-more p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
  margin-bottom: 1rem;
}
.iaa-learn-more a {
  display: inline-block;
  border: 2px solid rgb(66, 92, 205);
  border-radius: 4px;
  padding: 0.5rem 1rem;
  color: rgb(66, 92, 205);
  font-size: 15px;
  font-weight: 750;
  line-height: 18px;
  letter-spacing: 0px;
}

.iaa-toggle {
  margin: 24px 0;
}
.iaa-toggle span {
  color: black;
}
.iaa-toggle .new-badge {
  font-weight: 700;
  font-size: 14px;
  color: white;
  background-color: rgb(46, 125, 50);
  padding: 2px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 4px;
}
.iaa-toggle .header {
  font-weight: 600;
}
.iaa-toggle .toggle-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.iaa-toggle > div .toggle-wrapper {
  margin-top: 24px;
}
.iaa-toggle > div .toggle-wrapper span {
  text-transform: capitalize;
}

/*
  Flows
--------------------------------------*/

/**
 * Mixins
 */

/**
 * Shared
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/

/* Desktop columns */
/* Desktop columns */

/**
 * @description
 * Fundraiser dashboard layout for the updates tab
 */

/**
 * Pages
 */

/** Create Post Page styles **/

/** Edit Post Page Styles **/
.supporter-dashboard_overview-return-button {
  color: #000000;
  border: 1px solid #000000;
}

/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
page-tile + page-tile .page-tile__block {
  border-top: 1px solid rgb(210, 210, 210);
}

.page-tile__block {
  width: 339px;
  height: 78px;
  background-color: #ffffff;
  border-radius: 1px;
  padding: 15px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-logo {
  height: 48px;
  width: 48px;
  display: inline-block;
  margin-right: 12px;
  border-radius: 50%;
}
.page-chevron {
  position: relative;
  display: block;
  margin: auto 0;
  height: 25px;
}
.page-chevron:before, .page-chevron:after {
  position: absolute;
  display: block;
  content: "";
  border: 12px solid transparent;
}
.page-chevron:before {
  left: 0;
  border-left-color: rgb(210, 210, 210);
}
.page-chevron:after {
  left: -3px;
  border-left-color: #ffffff;
}
.page-info__column {
  margin-top: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 226px;
  height: 42px;
}
.page-info__alias {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.page-info__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-info__check {
  font-size: 14px;
  color: #425ccd;
  margin-top: 1px;
  padding-right: 6px;
}
.page-info__status {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.new-page-btn {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  padding: 12px 24px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 3px;
  font-weight: 700;
  background-color: #425ccd;
}
.new-page-btn:hover:not([disabled], :disabled), .new-page-btn[hover]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), #425ccd;
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #425ccd;
  -webkit-box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  cursor: pointer;
}
.new-page-btn:active:not([disabled], :disabled), .new-page-btn:enabled, .new-page-btn[active]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 29, 34, 0.1)), to(rgba(25, 29, 34, 0.1))), #425ccd;
  background: linear-gradient(rgba(25, 29, 34, 0.1), rgba(25, 29, 34, 0.1)), #425ccd;
}
.new-page-btn:disabled, .new-page-btn[disabled] {
  background-color: rgba(25, 29, 34, 0.12);
}
.new-page-btn {
  margin: 36px auto 0 auto;
}

.create-flow .infinite-scroller {
  padding-top: 24px;
}
.create-flow .infinite-scroller__content {
  max-height: 275px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

/* -------------------------------------------------------------------------- *
 * Create Flow Generic
 * -------------------------------------------------------------------------- */
.create-flow {
  padding: 35px;
  color: rgb(54, 62, 69);
  background-color: transparent;
  border-radius: 4px;
}
@media screen and (max-width: 540px) {
  .create-flow {
    padding: 15px;
  }
  .create-flow.extra-padding {
    padding: 30px;
  }
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme:disabled,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme:disabled,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme:disabled {
  background-color: rgb(240, 240, 240);
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme {
  background-color: #ffffff;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme.sc-invalid,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme.sc-invalid,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme {
  width: 100%;
  max-width: 100%;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  min-height: 100px;
  -webkit-appearance: none;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme.gray,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme.gray,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme.gray {
  background: rgb(248, 248, 248);
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme::-webkit-input-placeholder,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme::-webkit-input-placeholder,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme::-moz-placeholder,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme::-moz-placeholder,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme:-moz-placeholder,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme:-moz-placeholder,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme:-ms-input-placeholder,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme:-ms-input-placeholder,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow form[name=signup_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_fundraising_page_questions] div.fr-box.textarea-theme,
.create-flow form[name=create_team_questions] div.fr-box.textarea-theme {
  height: auto;
  padding: 0;
  font-size: 13px;
  font-family: "Mulish", Arial, Helvetica, sans-serif, Helvetica, sans-serif;
  line-height: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.create-flow .domain,
.create-flow .vanity {
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #57687d;
}
.create-flow .sc-consent {
  padding: none;
}
.create-flow .sc-consent .sc-checkbox_label {
  color: #333;
  font-weight: 600;
}
.create-flow .domain {
  margin-left: 0;
}
.create-flow .vanityUrl_icons {
  position: absolute;
  top: 15px;
  right: 10px;
  text-align: center;
}
.create-flow .vanityUrl_icons .create-flow_input-invalid-icon {
  color: firebrick;
}
.create-flow .form_field {
  padding-bottom: 0;
  margin-bottom: 0;
}
.create-flow .form_label-url_preview {
  font-size: 12px;
  margin-left: 0;
}
.create-flow_description {
  font-size: 13px;
  display: block;
  margin-top: 10px;
}
legend + .create-flow_description {
  margin-top: 0;
}
.create-flow_description {
  text-align: center;
  margin-bottom: 20px;
  color: #57687d;
}
.create-flow_search-options {
  position: relative;
  margin-bottom: 16px;
}
.create-flow_search-options::after {
  clear: both;
  content: "";
  display: table;
}
.create-flow_search-options {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.create-flow_search-options:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.create-flow_search-options.is-reversed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.create-flow_search-options.is-reversed .form_radio-label:first-of-type {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.create-flow_search-options.is-reversed .form_radio-label:last-of-type {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.create-flow_search-options-icon {
  position: absolute;
  left: 13px;
  top: 12px;
  pointer-events: none;
}
.create-flow_search-options-pre {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.create-flow_search-options-pre:last-child {
  margin-right: 0;
}
.create-flow_search-options-pre {
  display: table;
  margin: 0 0 10px 0;
}
.create-flow_search-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.create-flow_search-options .form_text-input {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (max-width: 540px) {
  .create-flow_search-options .form_text-input {
    width: 100%;
  }
}
.create-flow_search-options .form__button {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  margin: 0;
}
.create-flow_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.create-flow_select {
  background-color: #ffffff;
}
.create-flow_select.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.create-flow_select {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow_select:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.create-flow_select {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.create-flow_select:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.create-flow_select {
  line-height: 28px;
  font-size: 15px;
  border: 1px solid rgb(210, 210, 210);
  padding: 6px 15px;
  color: #57687d;
  text-align: center;
  border-radius: 3px;
  width: auto;
  display: table-cell;
  vertical-align: middle;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
.create-flow_select + .form_text-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.create-flow_select.amount:after {
  color: rgb(68, 75, 85);
  content: "$";
  font-size: 22px;
  position: absolute;
  top: 8px;
  right: -20px;
}
.create-flow_select.amount + .form_text-input {
  padding-left: 22px;
  font-size: 22px;
}
.create-flow_select {
  min-width: 150px;
  width: 150px;
  background-color: rgb(240, 240, 240);
  line-height: 1;
  border-color: rgb(210, 210, 210);
  border-radius: 3px 0 0 3px;
}
.create-flow_text-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.create-flow_text-input {
  background-color: #ffffff;
}
.create-flow_text-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.create-flow_text-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow_text-input:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.create-flow_text-input {
  width: 100%;
  -webkit-appearance: none;
}
.create-flow_text-input.has-counter {
  padding-right: 55px;
}
.create-flow_text-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_text-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_text-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_text-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_text-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.create-flow_text-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.create-flow_text-input.large {
  height: 50px;
}
.create-flow_text-input {
  border-radius: 0;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.create-flow_text-input:nth-child(2n) {
  border-radius: 0 3px 3px 0;
  border-width: 1px;
  border-color: rgb(210, 210, 210);
  border-style: solid;
}
.create-flow_text-input:nth-child(2), .create-flow_text-input:nth-child(3) {
  border-left: 0;
}
.create-flow {
  position: relative;
}
.create-flow_list {
  max-height: 400px;
  overflow-y: scroll;
}
.create-flow-item {
  list-style-type: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 23px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 15px;
  color: #6d6f7e;
}
.create-flow-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}
.create-flow-item-checkbox {
  margin: 0 8% 0 4%;
}
.create-flow-item-image {
  width: 48px;
  height: 48px;
  margin-right: 8%;
}
.create-flow-item-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}
.create-flow-item-image-src {
  width: 100%;
  height: 100%;
}
.create-flow-item-progress .sc-campaign-progress_bar-mask {
  height: 6px;
}
.create-flow-item-raised {
  font-weight: 600;
}
.create-flow-item-right {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.create-flow_list {
  background: rgb(248, 248, 248);
}
.create-flow-item {
  border-bottom: 0;
}
.create-flow.hasTeam {
  padding-top: 50px;
}
.create-flow.fund-allocation .ci {
  color: #a1a8a3;
}
.create-flow.fund-allocation .create-flow_mode {
  min-height: 134px;
}
.create-flow.full-width {
  padding: 35px 0;
}
.create-flow.full-width .is-padded {
  padding-left: 35px;
  padding-right: 35px;
}
.create-flow.full-width .create-flow_buttons-container {
  padding-top: 10px;
  border-top: 2px solid rgb(240, 240, 240);
}
.create-flow_footer {
  background-color: #eee;
  padding: 12px 15px;
}
.create-flow_footer-message {
  font-size: 12px;
  text-align: center;
  color: #888;
}
.create-flow_footer-link {
  text-decoration: underline;
}
.create-flow_title {
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.5em;
}
.create-flow_info {
  font-size: 14px;
  text-align: center;
}
.create-flow_form {
  margin-top: 30px;
  position: relative;
}
.create-flow_field {
  position: relative;
  margin-top: 18px;
}
.create-flow_field.full {
  display: block;
  float: left;
  width: 100%;
}
.create-flow_field.last {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 18px;
}
.create-flow_field .sub-label {
  font-style: italic;
  font-size: 12px;
  color: #57687d;
  text-transform: italicize;
}
.create-flow_whisper {
  font-size: 12px;
  color: #a1a8a3;
  margin-top: 5px;
}
.create-flow_label {
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #333;
}
.create-flow_label.required:after {
  content: " *";
  color: red;
  font-size: 13px;
}
.create-flow_input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.create-flow_input {
  background-color: #ffffff;
}
.create-flow_input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.create-flow_input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow_input:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.create-flow_input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.create-flow_input.has-counter {
  padding-right: 55px;
}
.create-flow_input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.create-flow_input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.create-flow_input.large {
  height: 50px;
}
.create-flow_input {
  font-size: 14px;
  padding-right: 30px;
}
.create-flow_input-wrap {
  position: relative;
  border-radius: 4px;
}
.create-flow_input-success-message {
  color: #86c587;
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 13px;
  line-height: 42px;
}
.create-flow_input-valid {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 30px;
  text-align: center;
  opacity: 0;
}
.create-flow_input-valid-icon {
  display: inline-block;
  line-height: 42px;
}
.create-flow_input-invalid {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: absolute;
  top: 0;
  right: 0;
  height: 42px;
  width: 30px;
  text-align: center;
  opacity: 0;
}
.create-flow_input-invalid-icon {
  display: inline-block;
  line-height: 42px;
}
.create-flow_input-invalid {
  color: firebrick;
}
.create-flow_textarea-wrap {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.create-flow_textarea-wrap:disabled {
  background-color: rgb(240, 240, 240);
}
.create-flow_textarea-wrap {
  background-color: #ffffff;
}
.create-flow_textarea-wrap.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.create-flow_textarea-wrap {
  width: 100%;
  max-width: 100%;
  min-height: 100px;
  -webkit-appearance: none;
}
.create-flow_textarea-wrap.gray {
  background: rgb(248, 248, 248);
}
.create-flow_textarea-wrap::-webkit-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow_textarea-wrap::-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow_textarea-wrap:-moz-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow_textarea-wrap:-ms-input-placeholder {
  font-style: italic;
  white-space: pre-wrap;
}
.create-flow_textarea-wrap {
  height: auto;
  padding: 0;
  font-size: 13px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  line-height: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.create-flow_textarea-wrap p {
  line-height: 24px !important;
}
.create-flow_textarea-charlimit {
  font-size: 11px;
  color: #999;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}
.create-flow_invalid-msg {
  padding-top: 7px;
}
.create-flow_buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 540px) {
  .create-flow_buttons-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.create-flow_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0 20px;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  color: #fff;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow_button.disabled {
  cursor: default;
  background-color: #aaa;
}
.create-flow_button.disabled:focus {
  outline: none;
}
.create-flow_button {
  background-color: #425ccd;
  margin-top: 20px;
}
.processing .create-flow_button {
  display: none;
}
.create-flow_button.disabled {
  background-color: #aaa !important;
}
.create-flow_button.half {
  width: 48%;
}
@media screen and (max-width: 540px) {
  .create-flow_button.half {
    width: 100%;
  }
}
.create-flow_button.hollow {
  background-color: transparent;
  color: #57687d;
}
.create-flow_button.secondary {
  background-color: #57687d;
  color: #ffffff;
}
.create-flow_processing {
  display: none;
  position: relative;
  height: 42px;
  margin: 20px auto 0;
  width: 100%;
}
.processing .create-flow_processing {
  display: block;
}
.create-flow_processing-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-42px / 2);
  margin-left: calc(-42px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 42px;
  height: 42px;
  -webkit-box-shadow: inset 0 0 0 calc(42px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(42px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.create-flow_processing-spinner, .create-flow_processing-spinner:before, .create-flow_processing-spinner:after {
  border-radius: 50%;
}
.create-flow_processing-spinner:before, .create-flow_processing-spinner:after {
  position: absolute;
  content: "";
}
.create-flow_processing-spinner:before {
  width: calc(4px + 42px / 2);
  height: 46px;
  border-radius: 42px 0 0 42px;
  top: -2px;
  left: -2px;
  background: #f5f5f5;
  -webkit-transform-origin: calc(42px / 2) calc(42px / 2);
  transform-origin: calc(42px / 2 + 2px) calc(42px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.create-flow_processing-spinner:after {
  width: calc(4px + 42px / 2);
  height: 46px;
  border-radius: 0 42px 42px 0;
  top: -2px;
  left: calc(42px / 2 + 2px);
  background: #f5f5f5;
  -webkit-transform-origin: 0 calc(42px / 2 + 2px);
  transform-origin: 0 calc(42px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.create-flow_processing-spinner.offWhite:before, .create-flow_processing-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.create-flow_processing-spinner.blockSlate:before, .create-flow_processing-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.create-flow_processing-spinner.white {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-42px / 2);
  margin-left: calc(-42px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 42px;
  height: 42px;
  -webkit-box-shadow: inset 0 0 0 calc(42px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(42px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.create-flow_processing-spinner.white, .create-flow_processing-spinner.white:before, .create-flow_processing-spinner.white:after {
  border-radius: 50%;
}
.create-flow_processing-spinner.white:before, .create-flow_processing-spinner.white:after {
  position: absolute;
  content: "";
}
.create-flow_processing-spinner.white:before {
  width: calc(4px + 42px / 2);
  height: 46px;
  border-radius: 42px 0 0 42px;
  top: -2px;
  left: -2px;
  background: #fff;
  -webkit-transform-origin: calc(42px / 2) calc(42px / 2);
  transform-origin: calc(42px / 2 + 2px) calc(42px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.create-flow_processing-spinner.white:after {
  width: calc(4px + 42px / 2);
  height: 46px;
  border-radius: 0 42px 42px 0;
  top: -2px;
  left: calc(42px / 2 + 2px);
  background: #fff;
  -webkit-transform-origin: 0 calc(42px / 2 + 2px);
  transform-origin: 0 calc(42px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.create-flow_processing-spinner.white.offWhite:before, .create-flow_processing-spinner.white.offWhite:after {
  background: rgb(248, 248, 248);
}
.create-flow_processing-spinner.white.blockSlate:before, .create-flow_processing-spinner.white.blockSlate:after {
  background: rgb(54, 62, 69);
}
.create-flow_waiting {
  position: relative;
  height: 100px;
  width: 100%;
  margin-top: 20px;
}
.create-flow_waiting-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-65px / 2);
  margin-left: calc(-65px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 65px;
  height: 65px;
  -webkit-box-shadow: inset 0 0 0 calc(65px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(65px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.create-flow_waiting-spinner, .create-flow_waiting-spinner:before, .create-flow_waiting-spinner:after {
  border-radius: 50%;
}
.create-flow_waiting-spinner:before, .create-flow_waiting-spinner:after {
  position: absolute;
  content: "";
}
.create-flow_waiting-spinner:before {
  width: calc(4px + 65px / 2);
  height: 69px;
  border-radius: 65px 0 0 65px;
  top: -2px;
  left: -2px;
  background: #f5f5f5;
  -webkit-transform-origin: calc(65px / 2) calc(65px / 2);
  transform-origin: calc(65px / 2 + 2px) calc(65px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.create-flow_waiting-spinner:after {
  width: calc(4px + 65px / 2);
  height: 69px;
  border-radius: 0 65px 65px 0;
  top: -2px;
  left: calc(65px / 2 + 2px);
  background: #f5f5f5;
  -webkit-transform-origin: 0 calc(65px / 2 + 2px);
  transform-origin: 0 calc(65px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.create-flow_waiting-spinner.offWhite:before, .create-flow_waiting-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.create-flow_waiting-spinner.blockSlate:before, .create-flow_waiting-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.create-flow_bypass {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  text-align: center;
  display: block;
  width: 100%;
  background-color: transparent;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow_bypass:focus {
  outline: none;
}
.create-flow_bypass-link {
  color: #999;
}
.create-flow_form-field {
  margin-bottom: 15px;
}
.create-flow_form-field.clear-fix::after {
  content: "";
  display: block;
  clear: both;
  height: 186px;
}
.create-flow_form-field .form_text-area {
  height: 125px;
  resize: none;
}
.create-flow_form-field .waiver {
  display: block;
  background-color: #eee;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 10px;
  max-height: 100px;
  overflow: auto;
}
.create-flow_form-field .picker {
  position: relative;
}
.create-flow_form-field .picker__holder {
  position: relative;
  overflow: hidden;
  background: transparent;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  height: 100% !important;
}
.create-flow_form-field .picker__frame {
  display: none;
  -webkit-transform: none !important;
  transform: none !important;
  position: relative;
  width: 100%;
  top: 0 !important;
  margin: 0;
}
.create-flow_form-field .picker--opened .picker__frame {
  display: block;
}
.create-flow_form-table {
  display: block;
  margin: 0 5px 5px;
  font-size: 13px;
  color: #666;
}
.create-flow_form-field-label.required:after {
  content: " *";
  color: rgb(205, 68, 67);
}
.create-flow_success-icon {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto 15px;
  font-size: 45px;
  color: #9a9a9a;
  background-color: #eee;
  border-radius: 45px;
  width: 75px;
  height: 75px;
  padding-top: 15px;
}
.create-flow_success-title {
  font-size: 26px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 15px;
}
.create-flow_success-message {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
.create-flow_success-button {
  display: inline-block;
  text-align: center;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 3px;
}
.create-flow_bacon-icon {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto 15px;
  font-size: 45px;
  color: #9a9a9a;
  background-color: #eee;
  border-radius: 45px;
  width: 75px;
  height: 75px;
  padding-top: 15px;
  padding: 8px 0 0 5px;
}
.create-flow_separator {
  height: 130px;
  border-left: 1px solid rgb(240, 240, 240);
}
.create-flow_mode {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 10px 0;
}
@media screen and (max-width: 540px) {
  .create-flow_mode {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
}
.fund-allocation .create-flow_mode {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.create-flow_mode.space-around {
  margin-top: 30px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.create-flow_mode-title {
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.5em;
  font-size: 34px;
  color: #666;
}
@media screen and (max-width: 540px) {
  .create-flow_mode-title {
    font-size: 24px;
  }
}
.create-flow_mode-button {
  position: relative;
  display: inline-block;
  color: #666;
  width: 33.33%;
}
.create-flow_mode-button.disabled {
  color: #aaa;
}
@media screen and (max-width: 540px) {
  .create-flow_mode-button {
    font-size: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    word-break: break-word;
  }
}
@media screen and (max-width: 540px) {
  .fund-allocation .create-flow_mode-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.create-flow_mode-button-icon {
  display: block;
  font-size: 96px;
}
@media screen and (max-width: 540px) {
  .create-flow_mode-button-icon {
    font-size: 80px;
    margin-right: 20px;
  }
  .fund-allocation .create-flow_mode-button-icon {
    margin-right: 0;
  }
}
.create-flow_mode-button-message {
  display: block;
  font-size: 18px;
  margin-top: 5px;
}
@media screen and (max-width: 540px) {
  .create-flow_mode-button-message {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 0;
  }
}
.create-flow__cancel-container {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.create-flow_team-crown {
  position: relative;
  background-color: #fff;
  padding: 40px;
}
.create-flow_team-crown-message {
  text-align: center;
  font-size: 13px;
}
.create-flow_team-crown-name {
  font-weight: 600;
}
.create-flow_team-crown-logo {
  display: block;
  width: 72px;
  height: 72px;
  border: 1px solid #eee;
  border-radius: 72px;
  margin: 16px auto -72px;
  background-color: #f8f8f8;
}
.create-flow_team-search-field {
  position: relative;
  display: block;
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}
.create-flow_team-search-field:before {
  position: absolute;
  display: block;
  content: "\f002";
  font-family: "FontAwesome";
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;
  color: #bbb;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  display: none;
}
.create-flow_team-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 4px;
  height: 35px;
  font-size: 13px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  padding: 0 10px;
  margin-top: 20px;
}
.create-flow_team-search-clear {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  width: 30px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: none;
}
.create-flow_team-search-clear:focus {
  outline: none;
}
.create-flow_team-search-clear-icon {
  background: transparent;
  font-size: 9px;
  border: 1px solid #a1a8a3;
  color: #a1a8a3;
  border-radius: 14px;
  padding: 3px;
  font-weight: bold;
}
.create-flow_teams {
  position: relative;
  display: block;
  margin: 30px 0 0;
  max-height: 325px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 4px;
}
@media screen and (max-width: 568px) {
  .create-flow_teams {
    max-height: 275px;
  }
}
.create-flow_teams-pager {
  padding-top: 10px;
  width: 100%;
}
.create-flow_teams-loading {
  height: 325px;
  width: 100%;
  position: relative;
}
.create-flow_teams-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.create-flow_teams-loading-spinner, .create-flow_teams-loading-spinner:before, .create-flow_teams-loading-spinner:after {
  border-radius: 50%;
}
.create-flow_teams-loading-spinner:before, .create-flow_teams-loading-spinner:after {
  position: absolute;
  content: "";
}
.create-flow_teams-loading-spinner:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.create-flow_teams-loading-spinner:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.create-flow_teams-loading-spinner.offWhite:before, .create-flow_teams-loading-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.create-flow_teams-loading-spinner.blockSlate:before, .create-flow_teams-loading-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.create-flow_teams-loading-spinner {
  display: block;
}
.create-flow_teams-none {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  /*position:absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  z-index: -1;
}
.noTeams:not(.teamsLoading) .create-flow_teams-none {
  z-index: 1;
  opacity: 1;
}
.create-flow_teams-none-message {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
}
.create-flow_teams-none-link {
  text-decoration: underline;
}
.create-flow_team {
  text-align: left;
  display: block;
  border: none;
  position: relative;
  width: 100%;
  padding: 0 0 0 85px;
  min-height: 85px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .create-flow_team {
    width: 100%;
  }
}
.create-flow_team:focus {
  outline: none;
}
.create-flow_team-image {
  position: absolute;
  width: 72px;
  height: 72px;
  top: 0;
  left: 0;
  background-color: #a1a8a3;
  border-radius: 72px;
  border: 1px solid #eee;
}
.create-flow_team-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.create-flow_team-meta {
  padding-right: 5px;
  font-size: 11px;
  color: #57687d;
}
.create-flow_team-meta:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.create-flow_team-meta.captain {
  margin-bottom: 8px;
  margin-top: 4px;
  display: block;
}
@media screen and (max-width: 540px) {
  .create-flow_team-meta:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: left;
  }
  .create-flow_team-meta-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.create-flow_team-meta-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 95%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.create-flow_progress-bar {
  display: block;
  width: 100%;
}
.create-flow_progress-bar-goal {
  display: block;
  padding: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
}
.create-flow_progress-bar-raised {
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  transition: width 300ms ease;
  height: 100%;
  width: 0;
  background-color: rgb(54, 191, 247);
  border-radius: 100px;
}
.create-flow_progress-bar {
  margin-bottom: 3px;
  width: 95%;
}
.create-flow_progress-bar-goal {
  height: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.create-flow_progress-bar-raised {
  border-radius: 10px;
}
.create-flow_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.create-flow_pager-pages {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  text-align: center;
}
.create-flow_pager-start, .create-flow_pager-prev, .create-flow_pager-next, .create-flow_pager-end, .create-flow_pager-page {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  width: 34px;
  height: 43px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  margin: 0 2px;
}
.create-flow_pager-start[disabled], .create-flow_pager-prev[disabled], .create-flow_pager-next[disabled], .create-flow_pager-end[disabled], .create-flow_pager-page[disabled] {
  color: #eee;
  cursor: default;
}
.create-flow_pager-page.active {
  color: #222;
  border-color: #ccc;
}
.create-flow_pager-page:focus {
  outline: none;
}
.create-flow_currency-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.create-flow_currency-input {
  background-color: #ffffff;
}
.create-flow_currency-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.create-flow_currency-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow_currency-input:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.create-flow_currency-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.create-flow_currency-input.has-counter {
  padding-right: 55px;
}
.create-flow_currency-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_currency-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_currency-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_currency-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.create-flow_currency-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.create-flow_currency-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.create-flow_currency-input.large {
  height: 50px;
}
.create-flow_currency-input {
  font-size: 14px;
  padding-right: 30px;
}
.create-flow_currency-symbol {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 42px;
  color: #a1a8a3;
  width: 18px;
  text-align: right;
  padding-top: 1px;
}
.create-flow_logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 250px;
  height: 250px;
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin: 30px auto;
}
@media screen and (max-width: 540px) {
  .create-flow_logo {
    margin: 15px auto;
    width: 100%;
  }
}
.create-flow_logo-chosen, .create-flow_logo-member, .create-flow_logo-default {
  position: relative;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  z-index: 1;
}
.create-flow_logo-empty {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f7f7f7;
  z-index: 1;
}
.create-flow_logo-empty-icon {
  font-size: 75px;
  width: 75px;
  display: block;
  color: #666;
  margin-left: -13px;
}
.create-flow_logo-empty-instruction {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  font-weight: 600;
}
.create-flow_logo-empty-info {
  color: #999;
  text-align: center;
  font-size: 13px;
  margin-top: 5px;
}
.create-flow_logo-loading {
  margin-top: calc(-65px / 2);
  margin-left: calc(-65px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 65px;
  height: 65px;
  -webkit-box-shadow: inset 0 0 0 calc(65px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(65px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.create-flow_logo-loading, .create-flow_logo-loading:before, .create-flow_logo-loading:after {
  border-radius: 50%;
}
.create-flow_logo-loading:before, .create-flow_logo-loading:after {
  position: absolute;
  content: "";
}
.create-flow_logo-loading:before {
  width: calc(4px + 65px / 2);
  height: 69px;
  border-radius: 65px 0 0 65px;
  top: -2px;
  left: -2px;
  background: #f7f7f7;
  -webkit-transform-origin: calc(65px / 2) calc(65px / 2);
  transform-origin: calc(65px / 2 + 2px) calc(65px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.create-flow_logo-loading:after {
  width: calc(4px + 65px / 2);
  height: 69px;
  border-radius: 0 65px 65px 0;
  top: -2px;
  left: calc(65px / 2 + 2px);
  background: #f7f7f7;
  -webkit-transform-origin: 0 calc(65px / 2 + 2px);
  transform-origin: 0 calc(65px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.create-flow_logo-loading.offWhite:before, .create-flow_logo-loading.offWhite:after {
  background: rgb(248, 248, 248);
}
.create-flow_logo-loading.blockSlate:before, .create-flow_logo-loading.blockSlate:after {
  background: rgb(54, 62, 69);
}
.create-flow_logo-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
}
.create-flow__auth-switch-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0 20px;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  color: #fff;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.create-flow__auth-switch-button.disabled {
  cursor: default;
  background-color: #aaa;
}
.create-flow__auth-switch-button.disabled:focus {
  outline: none;
}
.create-flow__auth-switch-button {
  border-radius: 3px;
}
.create-flow__auth-switch-button.hollow {
  background-color: transparent;
  border: 2px solid;
  border-radius: 3px;
  line-height: normal;
}
.create-flow__auth-switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.create-flow__auth-switch-divider {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin: 9px 0;
  text-align: center;
  height: 20px;
  color: #57687d;
}
.create-flow__auth-switch__credit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.create-flow__auth-switch-powered {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #57687d;
  padding-right: 6px;
  letter-spacing: 0.5px;
  padding-bottom: 3px;
}
.create-flow__auth-switch-logo {
  width: 55px;
  font-size: 30px;
  color: #57687d;
}
.create-flow {
  /* ------------------------------------------------------------------------ *
   * Create Individual : Logo Switch
   * ------------------------------------------------------------------------ */
}
.create-flow_switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px;
}
@media screen and (max-width: 540px) {
  .create-flow_switch-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.create-flow_switch-container.single-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.create-flow_switch-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  width: 150px;
  height: 120px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.create-flow_switch-button-icon {
  height: 80px;
  width: 150px;
  font-size: 50px;
  padding: 22px 0 0;
  color: #777;
}
.create-flow_switch-button-label {
  width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  font-size: 12px;
  color: #a1a8a3;
  text-align: center;
  margin-top: 5px;
}

.fundraising-page-logo-crop_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 6;
}
.fundraising-page-logo-crop_modal {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
  position: relative;
  display: block;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.fundraising-page-logo-crop_close {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: -20px;
  right: -25px;
  color: #fff;
  cursor: pointer;
}
.fundraising-page-logo-crop_close:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
}
.fundraising-page-logo-crop_close-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fundraising-page-logo-crop_header {
  background-color: #fff;
  padding: 16px;
  font-size: 14px;
  color: #565656;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.fundraising-page-logo-crop_loading {
  position: relative;
  background-color: #565656;
}
.fundraising-page-logo-crop_tools {
  position: relative;
  background-color: #565656;
}
.fundraising-page-logo-crop_footer {
  background-color: #fff;
  padding: 13px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
}
@media screen and (max-width: 568px) {
  .fundraising-page-logo-crop_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.fundraising-page-logo-crop_instruction {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 100%;
  font-size: 11px;
  color: #fff;
  text-align: center;
}
.fundraising-page-logo-crop_canvas {
  display: block;
  width: 100%;
}
.fundraising-page-logo-crop_scale-control {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 20px;
}
.fundraising-page-logo-crop_scale-small, .fundraising-page-logo-crop_scale-range, .fundraising-page-logo-crop_scale-large {
  position: inline-block;
  vertical-align: middle;
}
.fundraising-page-logo-crop_scale-small {
  color: #bbb;
  font-size: 14px;
  margin-right: 5px;
}
.fundraising-page-logo-crop_scale-large {
  color: #bbb;
  font-size: 20px;
  margin-left: 5px;
}
.fundraising-page-logo-crop_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  border: 0;
  padding: 8px;
  width: 125px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  background-color: #57687d;
}
@media screen and (max-width: 568px) {
  .fundraising-page-logo-crop_button {
    width: 100%;
    margin: 0 0 13px 0;
  }
  .fundraising-page-logo-crop_button:first-of-type {
    margin-bottom: 0;
  }
}
.fundraising-page-logo-crop_save-button {
  background-color: #425ccd;
}
.fundraising-page-logo-crop_viewfinder {
  position: absolute;
  cursor: -webkit-grab;
}
.fundraising-page-logo-crop_overlay {
  position: static;
}
.fundraising-page-logo-crop_close {
  display: none;
}
.fundraising-page-logo-crop_modal {
  top: 0 !important;
  width: 100% !important;
}

.fundraiser-block_item-left, .fundraiser-block_item-right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fundraiser-block_item-left {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}
.fundraiser-block_item-left .supporter-dashboard_teammates-item-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}
.fundraiser-block_item-right {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.join-team {
  padding: 36px;
  text-align: center;
  font-size: 13px;
}
@media screen and (max-width: 540px) {
  .join-team {
    padding: 24px;
  }
}
.join-team_title {
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.join-team_subtitle {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 18px;
}
.join-team_explainer {
  text-align: left;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.join-team_explainer:last-of-type {
  border-bottom: 0;
}
.join-team_explainer-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.join-team_avatar {
  width: 72px;
  height: 72px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0 8px;
}
.join-team_avatars {
  margin-top: 18px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.38);
}
.join-team_button {
  border-radius: 3px;
  text-align: center;
  border: none;
  height: 42px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 15px;
  display: block;
  width: calc(50% - 12px);
}
.join-team_button.cancel {
  color: rgba(0, 0, 0, 0.54);
  background-color: rgba(0, 0, 0, 0.12);
}
.join-team_button.join {
  color: white;
}
.join-team_button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.join-team_button-container.single {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 24px;
}

.create-team {
  background-image: url("../../static/global/images/create-team.svg");
  background-repeat: no-repeat;
  background-size: 145px 100px;
  background-position: center center;
  height: 100px;
}
@media screen and (max-width: 540px) {
  .create-team {
    padding: 35px;
    background-size: 60px 100px;
  }
}

.join-team {
  background-image: url("../../static/global/images/join-team.svg");
  background-repeat: no-repeat;
  background-size: 145px 100px;
  background-position: center center;
  height: 100px;
}
@media screen and (max-width: 540px) {
  .join-team {
    padding: 35px;
    background-size: 76px 100px;
  }
}

.user-outline {
  background-image: url("../../static/global/images/user-outline.svg");
  background-repeat: no-repeat;
  background-size: 145px 100px;
  background-position: center center;
  height: 100px;
}
@media screen and (max-width: 540px) {
  .user-outline {
    padding: 35px;
    background-size: 73px 94px;
  }
}

.auth-modal {
  padding: 10px;
}
.auth-modal.campaign {
  padding-top: 40px;
}
@media screen and (max-width: 320px) {
  .auth-modal.campaign {
    padding-top: 0px;
  }
}
@media screen and (max-width: 540px) {
  .auth-modal.campaign {
    padding-top: 10px;
  }
}
.auth-modal_main {
  position: relative;
  text-align: center;
  border-radius: 5px;
}
.hasLogo .auth-modal_main {
  padding-top: 50px;
}
.auth-modal_title {
  margin-bottom: 25px;
}
@media screen and (max-width: 540px) {
  .auth-modal_title {
    margin-bottom: 10px;
  }
}
.auth-modal_header {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
}
.auth-modal_subheader {
  font-size: 14px;
  font-weight: 500;
  color: #666;
}
.auth-modal_claimant {
  margin: 25px 0 35px;
  font-size: 14px;
  font-weight: 600;
}
.auth-modal_section {
  position: relative;
  padding: 30px 50px 20px;
}
@media screen and (max-width: 540px) {
  .auth-modal_section {
    padding: 20px 20px 0 20px;
  }
}
@media screen and (max-width: 320px) {
  .auth-modal_section {
    padding-top: 12px;
  }
}
.auth-modal_section:last-child {
  padding-bottom: 40px;
}
.auth-modal_notification {
  display: block;
  border-radius: 4px;
  border: 1px solid currentColor;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}
.auth-modal_footer {
  padding-bottom: 20px;
}
@media screen and (max-width: 320px) {
  .auth-modal_footer {
    padding-bottom: 0px;
  }
}
.auth-modal_fb-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 5px;
  margin: 15px 0;
  padding: 16px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  background: #3b5998;
  color: #ffffff;
}
.auth-modal_fb-button-icon {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 55px;
  font-size: 20px;
  text-align: center;
  line-height: 55px;
  vertical-align: middle;
  border-right: 2px solid rgb(44.7393364929, 67.4881516588, 115.2606635071);
}
.auth-modal_fb-button-text {
  line-height: 20px;
}
.auth-modal_sign-up {
  padding-top: 0;
}
.auth-modal_or {
  color: rgb(181, 181, 181);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.auth-modal_or:before, .auth-modal_or:after {
  position: relative;
  display: inline-block;
  top: -4px;
  content: " ";
  width: 20px;
  border-bottom: 2px solid rgb(210, 210, 210);
  margin: 0 7px 0;
}
.auth-modal_login-form::after {
  clear: both;
  content: "";
  display: table;
}
.auth-modal_login-form {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.auth-modal_login-form_froala.with-counter.no-buttons .fr-wrapper {
  padding-bottom: 20px;
}
.auth-modal_login-form_froala.with-counter.no-buttons .fr-counter {
  bottom: 3px;
}
.auth-modal_login-form.submitted.ng-submitted .ng-pending,
.auth-modal_login-form.submitted.ng-submitted .ng-invalid {
  border: 1px solid rgb(247, 116, 98);
}
.auth-modal_login-form.ng-submitted .form_checkbox-input.ng-invalid + label:before {
  border: 1px solid rgb(247, 116, 98);
}
.auth-modal_login-form .admin-subform,
.auth-modal_login-form .ng-invalid.admin-subform {
  border: 0;
}
.auth-modal_login-form .picker__button--clear {
  display: none;
}
.auth-modal_login-form .picker__list {
  padding: 0.75em 0;
}
.auth-modal_login-form .sc-map_autocomplete {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.auth-modal_login-form .sc-map_autocomplete:disabled {
  background-color: rgb(240, 240, 240);
}
.auth-modal_login-form .sc-map_autocomplete {
  display: inline-block;
  padding: 10px 18px 10px 40px;
  width: 100%;
  height: 100%;
}
.auth-modal_signup-form::after {
  clear: both;
  content: "";
  display: table;
}
.auth-modal_signup-form {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.auth-modal_signup-form_froala.with-counter.no-buttons .fr-wrapper {
  padding-bottom: 20px;
}
.auth-modal_signup-form_froala.with-counter.no-buttons .fr-counter {
  bottom: 3px;
}
.auth-modal_signup-form.submitted.ng-submitted .ng-pending,
.auth-modal_signup-form.submitted.ng-submitted .ng-invalid {
  border: 1px solid rgb(247, 116, 98);
}
.auth-modal_signup-form.ng-submitted .form_checkbox-input.ng-invalid + label:before {
  border: 1px solid rgb(247, 116, 98);
}
.auth-modal_signup-form .admin-subform,
.auth-modal_signup-form .ng-invalid.admin-subform {
  border: 0;
}
.auth-modal_signup-form .picker__button--clear {
  display: none;
}
.auth-modal_signup-form .picker__list {
  padding: 0.75em 0;
}
.auth-modal_signup-form .sc-map_autocomplete {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.auth-modal_signup-form .sc-map_autocomplete:disabled {
  background-color: rgb(240, 240, 240);
}
.auth-modal_signup-form .sc-map_autocomplete {
  display: inline-block;
  padding: 10px 18px 10px 40px;
  width: 100%;
  height: 100%;
}
.auth-modal_field {
  display: block;
  position: relative;
  padding: 0 0 15px;
  margin: 0 0 20px 0;
  border: 0;
  color: #57687d;
  width: 48.82117%;
  float: left;
  min-width: auto;
}
.auth-modal_field.first {
  clear: left;
  margin-right: 2.35765%;
}
.auth-modal_field.full {
  width: 100%;
}
.auth-modal_field.compact {
  margin-bottom: 0;
}
.auth-modal_field.clear {
  clear: both;
}
.auth-modal_field {
  margin: 0 0 20px;
  padding: 0;
  line-height: 0;
}
@media screen and (max-width: 540px) {
  .auth-modal_field {
    margin: 0 0 8px;
  }
}
.auth-modal_field-input {
  position: relative;
  margin-bottom: 16px;
}
.auth-modal_field-input::after {
  clear: both;
  content: "";
  display: table;
}
.auth-modal_field-input {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.auth-modal_field-input:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.auth-modal_field-input.is-reversed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.auth-modal_field-input.is-reversed .form_radio-label:first-of-type {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.auth-modal_field-input.is-reversed .form_radio-label:last-of-type {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.auth-modal_field-input-icon {
  position: absolute;
  left: 13px;
  top: 12px;
  pointer-events: none;
}
.auth-modal_field-input-pre {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.auth-modal_field-input-pre:last-child {
  margin-right: 0;
}
.auth-modal_field-input-pre {
  display: table;
  margin: 0 0 10px 0;
}
.auth-modal_field-input {
  padding: 10px 15px;
  border: 1px solid rgb(210, 210, 210);
  border-radius: 4px;
  font-size: 14px;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.auth-modal_field-input.half {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.auth-modal_field-input.half:last-child {
  margin-right: 0;
}
.auth-modal_error {
  color: rgb(247, 116, 98);
  font-size: 13px;
  display: block;
  font-weight: 600;
  text-align: left;
  line-height: 1.3;
  margin-top: 5px;
  margin-bottom: 10px;
}
.auth-modal_error-list {
  list-style: disc;
  margin-left: 20px;
}
.auth-modal_error-list-item {
  margin-top: 5px;
}
.auth-modal_error-overview {
  color: rgb(247, 116, 98);
  font-size: 13px;
  display: block;
  font-weight: 600;
  text-align: center;
  margin: 0 0 30px;
}
.auth-modal_submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 0 16px;
  height: 48px;
  margin: 30px 0 0;
  background-color: rgb(54, 191, 247);
  border: 0;
  border-radius: 4px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  .auth-modal_submit {
    margin-bottom: 5px;
  }
}
.auth-modal_submit.disabled {
  background-color: #ccc !important;
  cursor: default;
}
.loading .auth-modal_submit {
  display: none;
}
.auth-modal_info {
  font-size: 13px;
  color: rgb(114, 126, 131);
  padding-top: 15px;
}
@media screen and (max-width: 540px) {
  .auth-modal_info {
    padding-top: 5px;
  }
}
.auth-modal_info-link {
  color: rgb(54, 191, 247);
}
.auth-modal_loading {
  display: none;
  margin: 30px auto 0;
  height: 48px;
  width: 48px;
}
.loading .auth-modal_loading {
  display: block;
}
.auth-modal_campaign-logo {
  position: absolute;
  display: none;
  top: -50px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  z-index: 1;
  background-color: #ffffff;
}
@media screen and (max-width: 540px) {
  .auth-modal_campaign-logo {
    width: 55px;
    height: 55px;
    top: 15px;
    margin-left: -25px;
  }
}
@media screen and (max-width: 320px) {
  .auth-modal_campaign-logo {
    top: 10px;
  }
}
.hasLogo .auth-modal_campaign-logo {
  display: block;
}
.auth-modal_campaign-logo-img {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 540px) {
  .auth-modal_campaign-logo-img {
    width: 55px;
    height: 55px;
  }
}
.auth-modal_switch {
  margin: 10px 0;
  text-align: center;
}
.auth-modal_switch-link {
  font-size: 13px;
  color: #999;
}

.classy-login-iframe {
  background: transparent url("../global/images/preloader.gif") no-repeat center center;
}

.sso-iframe iframe {
  height: 10px;
}

.recipient-picker {
  background-color: #ffffff;
  padding-top: 36px;
}
.recipient-picker_title {
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
}
.recipient-picker_subtitle {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
}
.recipient-picker_query {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 24px 35px;
}
.recipient-picker_query-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.recipient-picker_query-switch {
  background-color: #ffffff;
}
.recipient-picker_query-switch.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.recipient-picker_query-switch {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.recipient-picker_query-switch:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.recipient-picker_query-switch {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.recipient-picker_query-switch:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.recipient-picker_query-switch {
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgb(248, 248, 248);
  width: 85px;
}
.recipient-picker_query-switch:focus {
  z-index: 1;
}
.recipient-picker_query-text {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.recipient-picker_query-text {
  background-color: #ffffff;
}
.recipient-picker_query-text.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.recipient-picker_query-text {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.recipient-picker_query-text:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.recipient-picker_query-text {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.recipient-picker_query-text.has-counter {
  padding-right: 55px;
}
.recipient-picker_query-text::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.recipient-picker_query-text::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.recipient-picker_query-text:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.recipient-picker_query-text:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.recipient-picker_query-text-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.recipient-picker_query-text-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.recipient-picker_query-text.large {
  height: 50px;
}
.recipient-picker_query-text {
  position: relative;
  left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.recipient-picker_query-text:focus {
  z-index: 1;
}
.recipient-picker_results {
  height: 345px;
  background-color: rgb(248, 248, 248);
  overflow: scroll;
  padding: 0 35px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.recipient-picker_loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 48px;
}
.recipient-picker_loading-spinner {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
}
.recipient-picker_list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 96px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.recipient-picker_list-item:last-child {
  border: none;
}
.recipient-picker_list-item-wrap, .recipient-picker_list-item-expand {
  margin-right: 25px;
}
.recipient-picker_list-item-wrap:first-child, .recipient-picker_list-item-expand:first-child {
  margin-left: 10px;
}
.recipient-picker_list-item-expand {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.recipient-picker_list-item-emblem {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  color: #ffffff;
  line-height: 48px;
  vertical-align: middle;
  text-align: center;
}
.recipient-picker_list-item-name {
  display: block;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
}
.recipient-picker_list-item-email {
  display: block;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}
.recipient-picker_list-item-amount {
  display: block;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 13px;
}
.recipient-picker_footer {
  padding: 24px 42px 36px;
  text-align: right;
}
.recipient-picker_clear {
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 35px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 2px;
  text-transform: uppercase;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.recipient-picker_clear.large {
  padding: 9px 35px;
}
.recipient-picker_clear.medium {
  padding: 9px 35px;
}
.recipient-picker_clear.small {
  padding: 9px 35px;
}
.recipient-picker_clear:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.recipient-picker_clear:focus {
  outline: none;
}
.recipient-picker_clear[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_clear[disabled]:hover {
  background-color: #e6e6e6;
}
.recipient-picker_clear[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_clear {
  display: inline-block;
  margin-right: 12px;
}
.recipient-picker_copy-all {
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 35px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 2px;
  text-transform: uppercase;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.recipient-picker_copy-all.large {
  padding: 9px 35px;
}
.recipient-picker_copy-all.medium {
  padding: 9px 35px;
}
.recipient-picker_copy-all.small {
  padding: 9px 35px;
}
.recipient-picker_copy-all:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.recipient-picker_copy-all:focus {
  outline: none;
}
.recipient-picker_copy-all[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_copy-all[disabled]:hover {
  background-color: #e6e6e6;
}
.recipient-picker_copy-all[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_copy-all {
  display: inline-block;
  margin-right: 12px;
  border-width: 2px;
  border-style: solid;
}
.recipient-picker_copy-all:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.recipient-picker_select {
  text-align: center;
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 35px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 2px;
  text-transform: uppercase;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.recipient-picker_select.large {
  padding: 9px 35px;
}
.recipient-picker_select.medium {
  padding: 9px 35px;
}
.recipient-picker_select.small {
  padding: 9px 35px;
}
.recipient-picker_select {
  /*
    Colors
  */
  background: rgb(191, 193, 196);
  color: #ffffff;
  /*
    States
  */
}
.recipient-picker_select:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.recipient-picker_select:focus {
  outline: none;
}
.recipient-picker_select[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_select[disabled]:hover {
  background-color: #e6e6e6;
}
.recipient-picker_select[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_select {
  display: inline-block;
}
.recipient-picker_load-more-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 35px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border-radius: 2px;
  text-transform: uppercase;
  border: 1px solid transparent;
  /*
    Sizes
  */
}
.recipient-picker_load-more-button.large {
  padding: 9px 35px;
}
.recipient-picker_load-more-button.medium {
  padding: 9px 35px;
}
.recipient-picker_load-more-button.small {
  padding: 9px 35px;
}
.recipient-picker_load-more-button {
  /*
    Colors
  */
  background: rgb(191, 193, 196);
  color: #ffffff;
  /*
    States
  */
}
.recipient-picker_load-more-button:active {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.recipient-picker_load-more-button:focus {
  outline: none;
}
.recipient-picker_load-more-button[disabled] {
  cursor: default;
  color: #ccc;
  background-color: #e6e6e6;
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_load-more-button[disabled]:hover {
  background-color: #e6e6e6;
}
.recipient-picker_load-more-button[disabled]:active {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.recipient-picker_load-more-button {
  border-width: 2px;
  border-style: solid;
  margin-block: 24px;
}
.recipient-picker_copy {
  position: relative;
  margin: 24px 42px 0;
}
.recipient-picker_textarea {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  display: block;
  width: 100%;
  min-height: 75px;
  border: 0.5px dashed rgba(0, 0, 0, 0.54);
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  background-color: rgb(248, 248, 248);
  border-radius: 4px;
  padding: 8px;
  opacity: 1;
}
.copied .recipient-picker_textarea {
  opacity: 0;
}
.recipient-picker_success {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
}
.copied .recipient-picker_success {
  opacity: 1;
}

.recipient-picker-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 24px;
  cursor: pointer;
  font-size: 13px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.recipient-picker-checkbox.inline {
  display: inline-block;
}
.recipient-picker-checkbox_input:before, .recipient-picker-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  text-indent: 1px;
  line-height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.recipient-picker-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.recipient-picker-checkbox:focus .recipient-picker-checkbox_input:before, .recipient-picker-checkbox:focus .recipient-picker-checkbox-input:before {
  border-color: #9e9e9e;
}
.recipient-picker-checkbox.checked .recipient-picker-checkbox_input:before, .recipient-picker-checkbox.checked .recipient-picker-checkbox-input:before {
  line-height: 16px;
}
.recipient-picker-checkbox.error .recipient-picker-checkbox_input:before, .recipient-picker-checkbox.error .recipient-picker-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.recipient-picker-checkbox_input:before {
  background-color: #ffffff;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Embedded Giving */
.eg-logo {
  min-height: 52px;
  max-height: 52px;
  width: auto;
}

.eg-input {
  border-radius: 4px !important;
}

.eg-overflow-y {
  overflow-y: auto;
}

.eg-interact {
  cursor: pointer !important;
}

.eg-footer--absolute {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.eg-contact-consent .sc-consent {
  padding: 0 !important;
}

.eg-pay-disabled button {
  pointer-events: none !important;
  opacity: 0.54 !important;
}

.eg-form-field {
  padding-bottom: 10px;
}
.eg-form-field .form__label {
  padding-bottom: 0 !important;
}

.eg-dtd-search {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  width: 100% !important;
}
.eg-dtd-search #dd-company-name-input {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  width: 100% !important;
}
.eg-dtd-search #dd-company-name-input .dtd-streamlined-plugin {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}
.eg-dtd-search #dd-company-name-input .dtd-streamlined-plugin input {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  width: 100% !important;
  border-radius: 8px;
}
.eg-dtd-search #dd-company-name-input .dtd-streamlined-plugin .dtd-search-box {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  width: 100% !important;
}

#dd-container .dtd-search-box,
.dtd-plugin .dtd-search-box {
  z-index: 4 !important;
}

#dd-container .dtd-footer,
#dd-container .dtd-lets-check,
.dtd-plugin .dtd-footer,
.dtd-plugin .dtd-lets-check {
  z-index: 3 !important;
}

.eg-fot .sc-checkbox {
  min-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: var(--base-primary);
  line-height: 24px;
}
.eg-fot .sc-checkbox .sc-checkbox_input::before {
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 2px rgba(27, 25, 24, 0.12);
  box-shadow: 0px 2px 2px rgba(27, 25, 24, 0.12);
}

.eg-horspace {
  margin-left: 1px;
  margin-right: 1px;
}

.eg-checkbox .sc-checkbox {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  font-weight: 400;
  color: var(--base-primary);
}
.eg-checkbox .sc-checkbox .sc-checkbox_label {
  font-size: 14px;
  line-height: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  color: rgba(0, 0, 0, 0.9);
}
.eg-checkbox .sc-checkbox .sc-checkbox_input::before {
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 2px rgba(27, 25, 24, 0.12);
  box-shadow: 0px 2px 2px rgba(27, 25, 24, 0.12);
}

.eg-checkbox-input::before .sc-checkbox_input {
  border-radius: 4px !important;
  -webkit-box-shadow: 0px 2px 2px rgba(27, 25, 24, 0.12) !important;
  box-shadow: 0px 2px 2px rgba(27, 25, 24, 0.12) !important;
}

.eg-billing-address__typeahead .pac-target-input {
  border-radius: 8px;
}
.eg-billing-address__typeahead .pac-target-input:focus {
  outline: rgb(66, 92, 205) auto 1px !important;
  outline: -webkit-focus-ring-color auto 1px !important;
}

.eg-donation-comment .fr-element {
  border-width: 0 !important;
  border-radius: 8px !important;
}

#eg-hook-dw-bridge {
  visibility: hidden;
  margin-bottom: 0;
}

.eg-height-constraints {
  min-height: 472px;
  max-height: 592px;
}

html.eg-donation-view,
body.eg-donation-view {
  height: 100%;
  overflow-y: hidden;
}

body.eg-donation-view > [ui-view],
body.eg-donation-view > [data-ui-view] {
  height: 100%;
}

body.eg-donation-view .public-page,
body.eg-donation-view .public-page > [ui-view],
body.eg-donation-view .eg-blocks,
body.eg-donation-view .eg-blocks .sc-block:has(div[frs-donation-block]),
body.eg-donation-view .eg-blocks div[frs-donation-block] {
  height: 100%;
}

.eg-blocks div[frs-donation-block] {
  overflow-x: hidden;
}

.eg-container {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  position: relative;
  height: 100%;
  width: 100%;
}
.eg-container.eg-container--center {
  margin: 0 auto;
}

.eg-content-container {
  background-color: WHITE;
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 420px) {
  .eg-content-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.eg-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.eg-flex-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.eg-flex-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.eg-flex-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.eg-flex-row.eg-flex--between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.eg-flex-col {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.eg-flex-col.eg-flex--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.eg-flex--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.eg-flex--valign {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.eg-flex--end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.eg-flex--fill {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.eg-flex--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*
Classes for Margins and Paddings
Key:
  't' = top
  'b' = bottom
  'l' = left
  'r' = right
  'x' = both left and right
  'y' = both top and bottom

Positive paddings and margins suffixed with $i.
Negative paddings and margins suffixed with -$i.

'h' suffix to device spacing by 2.
  • Example: 
      HTML: <div class="eg-pl1h"></div>
      CSS Result: "eg-pl1h" = (1 x spacing-unit) / 2 = padding-left: 2px !important;
*/
.eg-pxy1 {
  padding: 4px !important;
}

.eg-py1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.eg-pt1 {
  padding-top: 4px !important;
}

.eg-pb1 {
  padding-bottom: 4px !important;
}

.eg-px1 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.eg-pl1 {
  padding-left: 4px !important;
}

.eg-pr1 {
  padding-right: 4px !important;
}

.eg-pxy1h {
  padding: 2px !important;
}

.eg-py1h {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.eg-pt1h {
  padding-top: 2px !important;
}

.eg-pb1h {
  padding-bottom: 2px !important;
}

.eg-px1h {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.eg-pl1h {
  padding-left: 2px !important;
}

.eg-pr1h {
  padding-right: 2px !important;
}

.eg-mxy1 {
  margin: 4px !important;
}

.eg-my1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.eg-mt1 {
  margin-top: 4px !important;
}

.eg-mb1 {
  margin-bottom: 4px !important;
}

.eg-mx1 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.eg-ml1 {
  margin-left: 4px !important;
}

.eg-mr1 {
  margin-right: 4px !important;
}

.eg-mxy1h {
  margin: 2px !important;
}

.eg-my1h {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.eg-mt1h {
  margin-top: 2px !important;
}

.eg-mb1h {
  margin-bottom: 2px !important;
}

.eg-mx1h {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.eg-ml1h {
  margin-left: 2px !important;
}

.eg-mr1h {
  margin-right: 2px !important;
}

.eg-pxy2 {
  padding: 8px !important;
}

.eg-py2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.eg-pt2 {
  padding-top: 8px !important;
}

.eg-pb2 {
  padding-bottom: 8px !important;
}

.eg-px2 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.eg-pl2 {
  padding-left: 8px !important;
}

.eg-pr2 {
  padding-right: 8px !important;
}

.eg-pxy2h {
  padding: 4px !important;
}

.eg-py2h {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.eg-pt2h {
  padding-top: 4px !important;
}

.eg-pb2h {
  padding-bottom: 4px !important;
}

.eg-px2h {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.eg-pl2h {
  padding-left: 4px !important;
}

.eg-pr2h {
  padding-right: 4px !important;
}

.eg-mxy2 {
  margin: 8px !important;
}

.eg-my2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.eg-mt2 {
  margin-top: 8px !important;
}

.eg-mb2 {
  margin-bottom: 8px !important;
}

.eg-mx2 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.eg-ml2 {
  margin-left: 8px !important;
}

.eg-mr2 {
  margin-right: 8px !important;
}

.eg-mxy2h {
  margin: 4px !important;
}

.eg-my2h {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.eg-mt2h {
  margin-top: 4px !important;
}

.eg-mb2h {
  margin-bottom: 4px !important;
}

.eg-mx2h {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.eg-ml2h {
  margin-left: 4px !important;
}

.eg-mr2h {
  margin-right: 4px !important;
}

.eg-pxy3 {
  padding: 12px !important;
}

.eg-py3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.eg-pt3 {
  padding-top: 12px !important;
}

.eg-pb3 {
  padding-bottom: 12px !important;
}

.eg-px3 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.eg-pl3 {
  padding-left: 12px !important;
}

.eg-pr3 {
  padding-right: 12px !important;
}

.eg-pxy3h {
  padding: 6px !important;
}

.eg-py3h {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.eg-pt3h {
  padding-top: 6px !important;
}

.eg-pb3h {
  padding-bottom: 6px !important;
}

.eg-px3h {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.eg-pl3h {
  padding-left: 6px !important;
}

.eg-pr3h {
  padding-right: 6px !important;
}

.eg-mxy3 {
  margin: 12px !important;
}

.eg-my3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.eg-mt3 {
  margin-top: 12px !important;
}

.eg-mb3 {
  margin-bottom: 12px !important;
}

.eg-mx3 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.eg-ml3 {
  margin-left: 12px !important;
}

.eg-mr3 {
  margin-right: 12px !important;
}

.eg-mxy3h {
  margin: 6px !important;
}

.eg-my3h {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.eg-mt3h {
  margin-top: 6px !important;
}

.eg-mb3h {
  margin-bottom: 6px !important;
}

.eg-mx3h {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.eg-ml3h {
  margin-left: 6px !important;
}

.eg-mr3h {
  margin-right: 6px !important;
}

.eg-pxy4 {
  padding: 16px !important;
}

.eg-py4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.eg-pt4 {
  padding-top: 16px !important;
}

.eg-pb4 {
  padding-bottom: 16px !important;
}

.eg-px4 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.eg-pl4 {
  padding-left: 16px !important;
}

.eg-pr4 {
  padding-right: 16px !important;
}

.eg-pxy4h {
  padding: 8px !important;
}

.eg-py4h {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.eg-pt4h {
  padding-top: 8px !important;
}

.eg-pb4h {
  padding-bottom: 8px !important;
}

.eg-px4h {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.eg-pl4h {
  padding-left: 8px !important;
}

.eg-pr4h {
  padding-right: 8px !important;
}

.eg-mxy4 {
  margin: 16px !important;
}

.eg-my4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.eg-mt4 {
  margin-top: 16px !important;
}

.eg-mb4 {
  margin-bottom: 16px !important;
}

.eg-mx4 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.eg-ml4 {
  margin-left: 16px !important;
}

.eg-mr4 {
  margin-right: 16px !important;
}

.eg-mxy4h {
  margin: 8px !important;
}

.eg-my4h {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.eg-mt4h {
  margin-top: 8px !important;
}

.eg-mb4h {
  margin-bottom: 8px !important;
}

.eg-mx4h {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.eg-ml4h {
  margin-left: 8px !important;
}

.eg-mr4h {
  margin-right: 8px !important;
}

.eg-pxy5 {
  padding: 20px !important;
}

.eg-py5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.eg-pt5 {
  padding-top: 20px !important;
}

.eg-pb5 {
  padding-bottom: 20px !important;
}

.eg-px5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.eg-pl5 {
  padding-left: 20px !important;
}

.eg-pr5 {
  padding-right: 20px !important;
}

.eg-pxy5h {
  padding: 10px !important;
}

.eg-py5h {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.eg-pt5h {
  padding-top: 10px !important;
}

.eg-pb5h {
  padding-bottom: 10px !important;
}

.eg-px5h {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.eg-pl5h {
  padding-left: 10px !important;
}

.eg-pr5h {
  padding-right: 10px !important;
}

.eg-mxy5 {
  margin: 20px !important;
}

.eg-my5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.eg-mt5 {
  margin-top: 20px !important;
}

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

.eg-mx5 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.eg-ml5 {
  margin-left: 20px !important;
}

.eg-mr5 {
  margin-right: 20px !important;
}

.eg-mxy5h {
  margin: 10px !important;
}

.eg-my5h {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.eg-mt5h {
  margin-top: 10px !important;
}

.eg-mb5h {
  margin-bottom: 10px !important;
}

.eg-mx5h {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.eg-ml5h {
  margin-left: 10px !important;
}

.eg-mr5h {
  margin-right: 10px !important;
}

.eg-pxy6 {
  padding: 24px !important;
}

.eg-py6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.eg-pt6 {
  padding-top: 24px !important;
}

.eg-pb6 {
  padding-bottom: 24px !important;
}

.eg-px6 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.eg-pl6 {
  padding-left: 24px !important;
}

.eg-pr6 {
  padding-right: 24px !important;
}

.eg-pxy6h {
  padding: 12px !important;
}

.eg-py6h {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.eg-pt6h {
  padding-top: 12px !important;
}

.eg-pb6h {
  padding-bottom: 12px !important;
}

.eg-px6h {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.eg-pl6h {
  padding-left: 12px !important;
}

.eg-pr6h {
  padding-right: 12px !important;
}

.eg-mxy6 {
  margin: 24px !important;
}

.eg-my6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.eg-mt6 {
  margin-top: 24px !important;
}

.eg-mb6 {
  margin-bottom: 24px !important;
}

.eg-mx6 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.eg-ml6 {
  margin-left: 24px !important;
}

.eg-mr6 {
  margin-right: 24px !important;
}

.eg-mxy6h {
  margin: 12px !important;
}

.eg-my6h {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.eg-mt6h {
  margin-top: 12px !important;
}

.eg-mb6h {
  margin-bottom: 12px !important;
}

.eg-mx6h {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.eg-ml6h {
  margin-left: 12px !important;
}

.eg-mr6h {
  margin-right: 12px !important;
}

.eg-pxy7 {
  padding: 28px !important;
}

.eg-py7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.eg-pt7 {
  padding-top: 28px !important;
}

.eg-pb7 {
  padding-bottom: 28px !important;
}

.eg-px7 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.eg-pl7 {
  padding-left: 28px !important;
}

.eg-pr7 {
  padding-right: 28px !important;
}

.eg-pxy7h {
  padding: 14px !important;
}

.eg-py7h {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.eg-pt7h {
  padding-top: 14px !important;
}

.eg-pb7h {
  padding-bottom: 14px !important;
}

.eg-px7h {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.eg-pl7h {
  padding-left: 14px !important;
}

.eg-pr7h {
  padding-right: 14px !important;
}

.eg-mxy7 {
  margin: 28px !important;
}

.eg-my7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.eg-mt7 {
  margin-top: 28px !important;
}

.eg-mb7 {
  margin-bottom: 28px !important;
}

.eg-mx7 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.eg-ml7 {
  margin-left: 28px !important;
}

.eg-mr7 {
  margin-right: 28px !important;
}

.eg-mxy7h {
  margin: 14px !important;
}

.eg-my7h {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.eg-mt7h {
  margin-top: 14px !important;
}

.eg-mb7h {
  margin-bottom: 14px !important;
}

.eg-mx7h {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.eg-ml7h {
  margin-left: 14px !important;
}

.eg-mr7h {
  margin-right: 14px !important;
}

.eg-pxy8 {
  padding: 32px !important;
}

.eg-py8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.eg-pt8 {
  padding-top: 32px !important;
}

.eg-pb8 {
  padding-bottom: 32px !important;
}

.eg-px8 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.eg-pl8 {
  padding-left: 32px !important;
}

.eg-pr8 {
  padding-right: 32px !important;
}

.eg-pxy8h {
  padding: 16px !important;
}

.eg-py8h {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.eg-pt8h {
  padding-top: 16px !important;
}

.eg-pb8h {
  padding-bottom: 16px !important;
}

.eg-px8h {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.eg-pl8h {
  padding-left: 16px !important;
}

.eg-pr8h {
  padding-right: 16px !important;
}

.eg-mxy8 {
  margin: 32px !important;
}

.eg-my8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.eg-mt8 {
  margin-top: 32px !important;
}

.eg-mb8 {
  margin-bottom: 32px !important;
}

.eg-mx8 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.eg-ml8 {
  margin-left: 32px !important;
}

.eg-mr8 {
  margin-right: 32px !important;
}

.eg-mxy8h {
  margin: 16px !important;
}

.eg-my8h {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.eg-mt8h {
  margin-top: 16px !important;
}

.eg-mb8h {
  margin-bottom: 16px !important;
}

.eg-mx8h {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.eg-ml8h {
  margin-left: 16px !important;
}

.eg-mr8h {
  margin-right: 16px !important;
}

.eg-pxy9 {
  padding: 36px !important;
}

.eg-py9 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.eg-pt9 {
  padding-top: 36px !important;
}

.eg-pb9 {
  padding-bottom: 36px !important;
}

.eg-px9 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.eg-pl9 {
  padding-left: 36px !important;
}

.eg-pr9 {
  padding-right: 36px !important;
}

.eg-pxy9h {
  padding: 18px !important;
}

.eg-py9h {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.eg-pt9h {
  padding-top: 18px !important;
}

.eg-pb9h {
  padding-bottom: 18px !important;
}

.eg-px9h {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.eg-pl9h {
  padding-left: 18px !important;
}

.eg-pr9h {
  padding-right: 18px !important;
}

.eg-mxy9 {
  margin: 36px !important;
}

.eg-my9 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.eg-mt9 {
  margin-top: 36px !important;
}

.eg-mb9 {
  margin-bottom: 36px !important;
}

.eg-mx9 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.eg-ml9 {
  margin-left: 36px !important;
}

.eg-mr9 {
  margin-right: 36px !important;
}

.eg-mxy9h {
  margin: 18px !important;
}

.eg-my9h {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.eg-mt9h {
  margin-top: 18px !important;
}

.eg-mb9h {
  margin-bottom: 18px !important;
}

.eg-mx9h {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.eg-ml9h {
  margin-left: 18px !important;
}

.eg-mr9h {
  margin-right: 18px !important;
}

.eg-pxy10 {
  padding: 40px !important;
}

.eg-py10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.eg-pt10 {
  padding-top: 40px !important;
}

.eg-pb10 {
  padding-bottom: 40px !important;
}

.eg-px10 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.eg-pl10 {
  padding-left: 40px !important;
}

.eg-pr10 {
  padding-right: 40px !important;
}

.eg-pxy10h {
  padding: 20px !important;
}

.eg-py10h {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.eg-pt10h {
  padding-top: 20px !important;
}

.eg-pb10h {
  padding-bottom: 20px !important;
}

.eg-px10h {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.eg-pl10h {
  padding-left: 20px !important;
}

.eg-pr10h {
  padding-right: 20px !important;
}

.eg-mxy10 {
  margin: 40px !important;
}

.eg-my10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.eg-mt10 {
  margin-top: 40px !important;
}

.eg-mb10 {
  margin-bottom: 40px !important;
}

.eg-mx10 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.eg-ml10 {
  margin-left: 40px !important;
}

.eg-mr10 {
  margin-right: 40px !important;
}

.eg-mxy10h {
  margin: 20px !important;
}

.eg-my10h {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.eg-mt10h {
  margin-top: 20px !important;
}

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

.eg-mx10h {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.eg-ml10h {
  margin-left: 20px !important;
}

.eg-mr10h {
  margin-right: 20px !important;
}

.eg-pxy11 {
  padding: 44px !important;
}

.eg-py11 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.eg-pt11 {
  padding-top: 44px !important;
}

.eg-pb11 {
  padding-bottom: 44px !important;
}

.eg-px11 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

.eg-pl11 {
  padding-left: 44px !important;
}

.eg-pr11 {
  padding-right: 44px !important;
}

.eg-pxy11h {
  padding: 22px !important;
}

.eg-py11h {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.eg-pt11h {
  padding-top: 22px !important;
}

.eg-pb11h {
  padding-bottom: 22px !important;
}

.eg-px11h {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.eg-pl11h {
  padding-left: 22px !important;
}

.eg-pr11h {
  padding-right: 22px !important;
}

.eg-mxy11 {
  margin: 44px !important;
}

.eg-my11 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.eg-mt11 {
  margin-top: 44px !important;
}

.eg-mb11 {
  margin-bottom: 44px !important;
}

.eg-mx11 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.eg-ml11 {
  margin-left: 44px !important;
}

.eg-mr11 {
  margin-right: 44px !important;
}

.eg-mxy11h {
  margin: 22px !important;
}

.eg-my11h {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.eg-mt11h {
  margin-top: 22px !important;
}

.eg-mb11h {
  margin-bottom: 22px !important;
}

.eg-mx11h {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.eg-ml11h {
  margin-left: 22px !important;
}

.eg-mr11h {
  margin-right: 22px !important;
}

.eg-pxy12 {
  padding: 48px !important;
}

.eg-py12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.eg-pt12 {
  padding-top: 48px !important;
}

.eg-pb12 {
  padding-bottom: 48px !important;
}

.eg-px12 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.eg-pl12 {
  padding-left: 48px !important;
}

.eg-pr12 {
  padding-right: 48px !important;
}

.eg-pxy12h {
  padding: 24px !important;
}

.eg-py12h {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.eg-pt12h {
  padding-top: 24px !important;
}

.eg-pb12h {
  padding-bottom: 24px !important;
}

.eg-px12h {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.eg-pl12h {
  padding-left: 24px !important;
}

.eg-pr12h {
  padding-right: 24px !important;
}

.eg-mxy12 {
  margin: 48px !important;
}

.eg-my12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.eg-mt12 {
  margin-top: 48px !important;
}

.eg-mb12 {
  margin-bottom: 48px !important;
}

.eg-mx12 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.eg-ml12 {
  margin-left: 48px !important;
}

.eg-mr12 {
  margin-right: 48px !important;
}

.eg-mxy12h {
  margin: 24px !important;
}

.eg-my12h {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.eg-mt12h {
  margin-top: 24px !important;
}

.eg-mb12h {
  margin-bottom: 24px !important;
}

.eg-mx12h {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.eg-ml12h {
  margin-left: 24px !important;
}

.eg-mr12h {
  margin-right: 24px !important;
}

.eg-pxy13 {
  padding: 52px !important;
}

.eg-py13 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.eg-pt13 {
  padding-top: 52px !important;
}

.eg-pb13 {
  padding-bottom: 52px !important;
}

.eg-px13 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}

.eg-pl13 {
  padding-left: 52px !important;
}

.eg-pr13 {
  padding-right: 52px !important;
}

.eg-pxy13h {
  padding: 26px !important;
}

.eg-py13h {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.eg-pt13h {
  padding-top: 26px !important;
}

.eg-pb13h {
  padding-bottom: 26px !important;
}

.eg-px13h {
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.eg-pl13h {
  padding-left: 26px !important;
}

.eg-pr13h {
  padding-right: 26px !important;
}

.eg-mxy13 {
  margin: 52px !important;
}

.eg-my13 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.eg-mt13 {
  margin-top: 52px !important;
}

.eg-mb13 {
  margin-bottom: 52px !important;
}

.eg-mx13 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.eg-ml13 {
  margin-left: 52px !important;
}

.eg-mr13 {
  margin-right: 52px !important;
}

.eg-mxy13h {
  margin: 26px !important;
}

.eg-my13h {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.eg-mt13h {
  margin-top: 26px !important;
}

.eg-mb13h {
  margin-bottom: 26px !important;
}

.eg-mx13h {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.eg-ml13h {
  margin-left: 26px !important;
}

.eg-mr13h {
  margin-right: 26px !important;
}

.eg-pxy14 {
  padding: 56px !important;
}

.eg-py14 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.eg-pt14 {
  padding-top: 56px !important;
}

.eg-pb14 {
  padding-bottom: 56px !important;
}

.eg-px14 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.eg-pl14 {
  padding-left: 56px !important;
}

.eg-pr14 {
  padding-right: 56px !important;
}

.eg-pxy14h {
  padding: 28px !important;
}

.eg-py14h {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.eg-pt14h {
  padding-top: 28px !important;
}

.eg-pb14h {
  padding-bottom: 28px !important;
}

.eg-px14h {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.eg-pl14h {
  padding-left: 28px !important;
}

.eg-pr14h {
  padding-right: 28px !important;
}

.eg-mxy14 {
  margin: 56px !important;
}

.eg-my14 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.eg-mt14 {
  margin-top: 56px !important;
}

.eg-mb14 {
  margin-bottom: 56px !important;
}

.eg-mx14 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.eg-ml14 {
  margin-left: 56px !important;
}

.eg-mr14 {
  margin-right: 56px !important;
}

.eg-mxy14h {
  margin: 28px !important;
}

.eg-my14h {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.eg-mt14h {
  margin-top: 28px !important;
}

.eg-mb14h {
  margin-bottom: 28px !important;
}

.eg-mx14h {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.eg-ml14h {
  margin-left: 28px !important;
}

.eg-mr14h {
  margin-right: 28px !important;
}

.eg-pxy15 {
  padding: 60px !important;
}

.eg-py15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.eg-pt15 {
  padding-top: 60px !important;
}

.eg-pb15 {
  padding-bottom: 60px !important;
}

.eg-px15 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.eg-pl15 {
  padding-left: 60px !important;
}

.eg-pr15 {
  padding-right: 60px !important;
}

.eg-pxy15h {
  padding: 30px !important;
}

.eg-py15h {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.eg-pt15h {
  padding-top: 30px !important;
}

.eg-pb15h {
  padding-bottom: 30px !important;
}

.eg-px15h {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.eg-pl15h {
  padding-left: 30px !important;
}

.eg-pr15h {
  padding-right: 30px !important;
}

.eg-mxy15 {
  margin: 60px !important;
}

.eg-my15 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.eg-mt15 {
  margin-top: 60px !important;
}

.eg-mb15 {
  margin-bottom: 60px !important;
}

.eg-mx15 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.eg-ml15 {
  margin-left: 60px !important;
}

.eg-mr15 {
  margin-right: 60px !important;
}

.eg-mxy15h {
  margin: 30px !important;
}

.eg-my15h {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.eg-mt15h {
  margin-top: 30px !important;
}

.eg-mb15h {
  margin-bottom: 30px !important;
}

.eg-mx15h {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.eg-ml15h {
  margin-left: 30px !important;
}

.eg-mr15h {
  margin-right: 30px !important;
}

.eg-pxy16 {
  padding: 64px !important;
}

.eg-py16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.eg-pt16 {
  padding-top: 64px !important;
}

.eg-pb16 {
  padding-bottom: 64px !important;
}

.eg-px16 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.eg-pl16 {
  padding-left: 64px !important;
}

.eg-pr16 {
  padding-right: 64px !important;
}

.eg-pxy16h {
  padding: 32px !important;
}

.eg-py16h {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.eg-pt16h {
  padding-top: 32px !important;
}

.eg-pb16h {
  padding-bottom: 32px !important;
}

.eg-px16h {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.eg-pl16h {
  padding-left: 32px !important;
}

.eg-pr16h {
  padding-right: 32px !important;
}

.eg-mxy16 {
  margin: 64px !important;
}

.eg-my16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.eg-mt16 {
  margin-top: 64px !important;
}

.eg-mb16 {
  margin-bottom: 64px !important;
}

.eg-mx16 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.eg-ml16 {
  margin-left: 64px !important;
}

.eg-mr16 {
  margin-right: 64px !important;
}

.eg-mxy16h {
  margin: 32px !important;
}

.eg-my16h {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.eg-mt16h {
  margin-top: 32px !important;
}

.eg-mb16h {
  margin-bottom: 32px !important;
}

.eg-mx16h {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.eg-ml16h {
  margin-left: 32px !important;
}

.eg-mr16h {
  margin-right: 32px !important;
}

.eg-pxy17 {
  padding: 68px !important;
}

.eg-py17 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.eg-pt17 {
  padding-top: 68px !important;
}

.eg-pb17 {
  padding-bottom: 68px !important;
}

.eg-px17 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}

.eg-pl17 {
  padding-left: 68px !important;
}

.eg-pr17 {
  padding-right: 68px !important;
}

.eg-pxy17h {
  padding: 34px !important;
}

.eg-py17h {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.eg-pt17h {
  padding-top: 34px !important;
}

.eg-pb17h {
  padding-bottom: 34px !important;
}

.eg-px17h {
  padding-left: 34px !important;
  padding-right: 34px !important;
}

.eg-pl17h {
  padding-left: 34px !important;
}

.eg-pr17h {
  padding-right: 34px !important;
}

.eg-mxy17 {
  margin: 68px !important;
}

.eg-my17 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.eg-mt17 {
  margin-top: 68px !important;
}

.eg-mb17 {
  margin-bottom: 68px !important;
}

.eg-mx17 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.eg-ml17 {
  margin-left: 68px !important;
}

.eg-mr17 {
  margin-right: 68px !important;
}

.eg-mxy17h {
  margin: 34px !important;
}

.eg-my17h {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.eg-mt17h {
  margin-top: 34px !important;
}

.eg-mb17h {
  margin-bottom: 34px !important;
}

.eg-mx17h {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.eg-ml17h {
  margin-left: 34px !important;
}

.eg-mr17h {
  margin-right: 34px !important;
}

.eg-pxy18 {
  padding: 72px !important;
}

.eg-py18 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.eg-pt18 {
  padding-top: 72px !important;
}

.eg-pb18 {
  padding-bottom: 72px !important;
}

.eg-px18 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.eg-pl18 {
  padding-left: 72px !important;
}

.eg-pr18 {
  padding-right: 72px !important;
}

.eg-pxy18h {
  padding: 36px !important;
}

.eg-py18h {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.eg-pt18h {
  padding-top: 36px !important;
}

.eg-pb18h {
  padding-bottom: 36px !important;
}

.eg-px18h {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.eg-pl18h {
  padding-left: 36px !important;
}

.eg-pr18h {
  padding-right: 36px !important;
}

.eg-mxy18 {
  margin: 72px !important;
}

.eg-my18 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.eg-mt18 {
  margin-top: 72px !important;
}

.eg-mb18 {
  margin-bottom: 72px !important;
}

.eg-mx18 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.eg-ml18 {
  margin-left: 72px !important;
}

.eg-mr18 {
  margin-right: 72px !important;
}

.eg-mxy18h {
  margin: 36px !important;
}

.eg-my18h {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.eg-mt18h {
  margin-top: 36px !important;
}

.eg-mb18h {
  margin-bottom: 36px !important;
}

.eg-mx18h {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.eg-ml18h {
  margin-left: 36px !important;
}

.eg-mr18h {
  margin-right: 36px !important;
}

.eg-pxy19 {
  padding: 76px !important;
}

.eg-py19 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.eg-pt19 {
  padding-top: 76px !important;
}

.eg-pb19 {
  padding-bottom: 76px !important;
}

.eg-px19 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}

.eg-pl19 {
  padding-left: 76px !important;
}

.eg-pr19 {
  padding-right: 76px !important;
}

.eg-pxy19h {
  padding: 38px !important;
}

.eg-py19h {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.eg-pt19h {
  padding-top: 38px !important;
}

.eg-pb19h {
  padding-bottom: 38px !important;
}

.eg-px19h {
  padding-left: 38px !important;
  padding-right: 38px !important;
}

.eg-pl19h {
  padding-left: 38px !important;
}

.eg-pr19h {
  padding-right: 38px !important;
}

.eg-mxy19 {
  margin: 76px !important;
}

.eg-my19 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.eg-mt19 {
  margin-top: 76px !important;
}

.eg-mb19 {
  margin-bottom: 76px !important;
}

.eg-mx19 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}

.eg-ml19 {
  margin-left: 76px !important;
}

.eg-mr19 {
  margin-right: 76px !important;
}

.eg-mxy19h {
  margin: 38px !important;
}

.eg-my19h {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.eg-mt19h {
  margin-top: 38px !important;
}

.eg-mb19h {
  margin-bottom: 38px !important;
}

.eg-mx19h {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.eg-ml19h {
  margin-left: 38px !important;
}

.eg-mr19h {
  margin-right: 38px !important;
}

.eg-pxy20 {
  padding: 80px !important;
}

.eg-py20 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.eg-pt20 {
  padding-top: 80px !important;
}

.eg-pb20 {
  padding-bottom: 80px !important;
}

.eg-px20 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.eg-pl20 {
  padding-left: 80px !important;
}

.eg-pr20 {
  padding-right: 80px !important;
}

.eg-pxy20h {
  padding: 40px !important;
}

.eg-py20h {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.eg-pt20h {
  padding-top: 40px !important;
}

.eg-pb20h {
  padding-bottom: 40px !important;
}

.eg-px20h {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.eg-pl20h {
  padding-left: 40px !important;
}

.eg-pr20h {
  padding-right: 40px !important;
}

.eg-mxy20 {
  margin: 80px !important;
}

.eg-my20 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.eg-mt20 {
  margin-top: 80px !important;
}

.eg-mb20 {
  margin-bottom: 80px !important;
}

.eg-mx20 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.eg-ml20 {
  margin-left: 80px !important;
}

.eg-mr20 {
  margin-right: 80px !important;
}

.eg-mxy20h {
  margin: 40px !important;
}

.eg-my20h {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.eg-mt20h {
  margin-top: 40px !important;
}

.eg-mb20h {
  margin-bottom: 40px !important;
}

.eg-mx20h {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.eg-ml20h {
  margin-left: 40px !important;
}

.eg-mr20h {
  margin-right: 40px !important;
}

.eg-ff {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}

.eg-ellipsis {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.eg-error {
  color: #d32f2f;
}

.eg-bold {
  font-weight: bold;
}

.eg-bold5 {
  font-weight: 500;
}

.eg-bold6 {
  font-weight: 600;
}

.eg-bold7 {
  font-weight: 700;
}

.eg-bold8 {
  font-weight: 800;
}

.eg-bold9 {
  font-weight: 900;
}

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

.eg-text-right {
  text-align: right;
}

.eg-text-uppercase {
  text-transform: uppercase !important;
}

.eg-text-mono-lighter {
  color: rgba(0, 0, 0, 0.6) !important;
}

.eg-text-mono-light {
  color: rgba(0, 0, 0, 0.7) !important;
}

.eg-text-mono {
  color: rgba(0, 0, 0, 0.9) !important;
}

.eg-underline {
  text-decoration: underline;
}

.eg-headline {
  color: rgba(0, 0, 0, 0.9);
  font-size: 20px;
  line-height: 24px;
}

.eg-paragraph {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  line-height: 20px;
}

.eg-paragraph-sm {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  line-height: 20px;
}

.eg-paragraph-xs {
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  line-height: 16px;
}

h1.eg-headline > p,
h1.eg-headline span {
  font-size: 20px !important;
  line-height: 24px !important;
}
h1.eg-headline > p > span,
h1.eg-headline span > span {
  font-size: 20px !important;
  line-height: 24px !important;
}

.eg-manually {
  color: #425cc3 !important;
  font-size: 11px !important;
}

/* 
This file is for anything todo with resking element styles.
Such as border, background color, etc.
*/
.eg-background-black {
  background-color: BLACK;
}

.eg-background-darkest {
  background-color: rgba(0, 0, 0, 0.9);
}

.eg-background-darker {
  background-color: rgba(0, 0, 0, 0.7);
}

.eg-background-off-white {
  background-color: rgba(0, 0, 0, 0.04);
}

.eg-background-off-white-shadow {
  background-color: rgba(0, 0, 0, 0.08);
}

.eg-background-white {
  background-color: WHITE;
}

.eg-border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.eg-border-round {
  border-radius: 4px !important;
}

.eg-border-round2 {
  border-radius: 8px !important;
}

.eg-border-round3 {
  border-radius: 12px !important;
}

.eg-btn {
  padding: 12px 8px !important;
  margin-left: 0;
  margin-right: 0;
  background: rgba(0, 0, 0, 0.9);
  color: WHITE;
  border: 0 solid transparent;
  border-radius: 12px !important;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  text-align: center;
}
.eg-btn.eg-btn--lg {
  padding: 12px 8px !important;
  font-size: 20px !important;
  line-height: 28px !important;
}
.eg-btn.eg-btn--stretch {
  width: 100%;
}
.eg-btn.eg-btn-donate {
  border-radius: 12px !important;
}
.eg-btn.eg-btn-donate .eg-btn-donate-label {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.eg-btn.eg-btn-donate .eg-btn-donate-amount {
  line-height: 24px;
}
.eg-btn.eg-pay-btn {
  border-radius: 8px !important;
  height: 40px !important;
  font-size: 16px !important;
  line-height: 16px !important;
}
.eg-btn.eg-pay-btn .eg-pay-icon {
  max-height: 16px;
  height: 16px;
  width: auto;
}
.eg-btn .eg-btn-fee-processing {
  color: #ccc;
}
.eg-btn[disabled] {
  pointer-events: none !important;
  opacity: 0.54;
}
.eg-btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.eg-pay-btn-override .payment-method-select-btn__ach,
.eg-pay-btn-override .payment-method-select-btn__cc,
.eg-pay-btn-override .payment-method-select-btn__crypto,
.eg-pay-btn-override .payment-method-select-btn__paypal,
.eg-pay-btn-override .payment-method-select-btn__paypal-commerce,
.eg-pay-btn-override .digital-wallets-btn {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  max-width: 100% !important;
  border-radius: 8px !important;
  text-transform: none;
}
.eg-pay-btn-override .payment-method-select-btn__ach iframe,
.eg-pay-btn-override .payment-method-select-btn__cc iframe,
.eg-pay-btn-override .payment-method-select-btn__crypto iframe,
.eg-pay-btn-override .payment-method-select-btn__paypal iframe,
.eg-pay-btn-override .payment-method-select-btn__paypal-commerce iframe,
.eg-pay-btn-override .digital-wallets-btn iframe {
  border-radius: 8px !important;
}
.eg-pay-btn-override .paypal-buttons {
  border-radius: 8px !important;
}

.eg-input {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  border-radius: 8px !important;
  width: 100%;
}
.eg-input:focus {
  outline: rgb(66, 92, 205) auto 1px !important;
  outline: -webkit-focus-ring-color auto 1px !important;
}

.eg-input--half {
  width: 50% !important;
}

.eg-input__text {
  height: 42px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 8px !important;
}

.eg-input__select {
  border-radius: 8px !important;
}

.eg-drawer {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  position: fixed;
  background-color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  margin: 0 auto;
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateY(100vh);
  transform: translateY(100vh);
}
.eg-drawer.is-open {
  opacity: 1;
  z-index: 200;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.eg-drawer-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.eg-drawer-header {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px rgba(66, 92, 205, 0.06) solid;
}
.eg-drawer-header-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.eg-drawer-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.eg-drawer-header-button {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 12px;
  font-weight: 700;
  color: rgb(66, 92, 205);
  text-transform: uppercase;
  background-color: transparent;
}
.eg-drawer-header-button[disabled], .eg-drawer-header-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.eg-drawer-toggle-icon {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  font-size: 18px;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  background: rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.eg-drawer-toggle-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.eg-drawer-toggle-edit {
  color: rgb(66, 92, 205);
}
.eg-drawer-toggle-input-toggle {
  margin-top: -8px;
}
.eg-drawer-toggle {
  border-bottom: 1px rgba(0, 0, 0, 0.04) solid;
}

@media (min-width: 480px) {
  .eg-drawer {
    width: 480px;
    height: 592px;
  }
}
.eg-nav {
  padding-top: 10px;
  padding-bottom: 10px;
}
.eg-nav .eg-nav__label {
  margin-left: -24px;
}
.eg-nav .eg-nav__back {
  padding: 12px;
  margin: -12px;
}

.eg-donating-mask {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
}

.eg-pay-hook .payment-details-change {
  margin: 0 !important;
  display: block;
}
.eg-pay-hook .donation-error {
  margin: 0;
  padding-top: 4px;
}
.eg-pay-hook .form__error {
  margin: 0;
  padding-top: 4px;
}

.eg-cc-icon {
  color: rgba(0, 0, 0, 0.09);
}

.eg-payments-hero .eg-payments-hero__frequency {
  font-size: 20px;
  line-height: 20px;
}
.eg-payments-hero .eg-payments-hero__amount {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}
.eg-payments-hero .eg-payments-hero__shield-icon {
  width: 24px;
}

.eg-payment-button-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: unset;
  display: block;
}

.eg-donation-confirmation {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  height: 100%;
  width: 100%;
}

.eg-faq {
  z-index: 1000000000;
}

.eg-preview-container {
  background-color: #666;
  padding-top: 64px;
  padding-bottom: 93px;
}

.eg-preview-content {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.eg-preview-faq {
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.eg-preview-disable {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: disabled;
  cursor: default;
}

.eg-ty-label {
  width: 86px;
}

.eg-ty-receipt-header {
  border-bottom: 1px solid WHITE;
}

.eg-campaign-whitelist-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
  -webkit-appearance: none;
  margin-bottom: 0;
}

.eg-campaign-whitelist-btn {
  cursor: pointer;
  color: rgb(66, 92, 205);
  padding: 10px 12px;
  border: 2px solid rgb(66, 92, 205);
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: center;
}
.eg-campaign-whitelist-btn:hover:not([disabled]) {
  background: rgba(66, 92, 205, 0.06);
}
.eg-campaign-whitelist-btn:active:not([disabled]) {
  background: WHITE;
}
.eg-campaign-whitelist-btn [disabled] {
  opacity: 0.54;
  pointer-events: none;
  cursor: default;
  color: WHITE;
}
.eg-campaign-whitelist-btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.eg-campaign-whitelists {
  border-radius: 4px;
}

.eg-campaign-whitelist {
  background: rgb(248, 248, 248);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.eg-campaign-whitelist:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.eg-campaign-whitelist:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.eg-campaign-whitelist .fa-trash:hover {
  color: #cd4443 !important;
}
.eg-campaign-whitelist .fa-trash {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.eg-donation-currency .currency-picker__wrapper {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  opacity: 1 !important;
}
.eg-donation-currency .currency-picker__wrapper:disabled {
  opacity: 1 !important;
  pointer-events: none;
}
.eg-donation-currency .currency-picker__select {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
}
.eg-donation-currency .currency-picker__short {
  border-right-color: WHITE;
}
.eg-donation-currency .currency-picker__full-symbol--selected {
  color: WHITE !important;
}
.eg-donation-currency {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.eg-donation-custom-amount {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.eg-donation-custom-amount .form__text-input--dark {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.eg-donation-custom-amount .form__text-input--dark::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.eg-donation-custom-amount .form__text-input--dark::-moz-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.eg-donation-custom-amount .form__text-input--dark:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.eg-donation-custom-amount .form__text-input--dark::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.eg-donation-custom-amount .form__text-input--dark::placeholder {
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
}
.eg-donation-custom-amount .form__text-input--dark:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.eg-donation-custom-amount .form__text-input--dark:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.eg-donation-custom-amount .form__text-input--dark:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.eg-donation-custom-amount .form__text-input--dark:focus::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.eg-donation-custom-amount .form__text-input--dark:focus::placeholder {
  color: rgba(255, 255, 255, 0.54) !important;
}
.eg-donation-custom-amount {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.eg-donation-frequency .donation-grid-eg__btn {
  text-transform: none;
  padding: 8px 4px !important;
}
.eg-donation-frequency .donation-grid-eg__btn.selected {
  -webkit-box-shadow: inset 1px 2px 6px rgba(0, 0, 0, 0.2), inset 1px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 2px 6px rgba(0, 0, 0, 0.2), inset 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.eg-donation-frequency .donation-grid-eg__btn .donation-grid-eg__btn__frequency-label {
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 0 !important;
}
.eg-donation-frequency .donation-grid-eg__level-item {
  border-radius: 4px !important;
}

.eg-donation-amount {
  font-size: 20px;
}

.eg-donation-custom {
  margin: 2px !important;
}

@media screen and (max-width: 768px) {
  .eg-donation-custom {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.eg-donation-amounts.donation-grid-eg__levels {
  margin: calc(-4px / 2) !important;
}

.eg-donation-frequency-switch {
  border-radius: 24px;
  padding: 1px;
}

.eg-donation-frequency-switch__icon {
  font-size: 13px;
}

.eg-donation-dedication_email-section {
  border-top: 1px rgba(66, 92, 205, 0.06) dashed;
}
.eg-donation-dedication_ecard-message {
  height: auto !important;
}
.eg-donation-dedication_remove-button {
  color: #d32f2f;
  background: white;
  border: 1px #d32f2f solid;
}
.eg-donation-dedication_radio-button {
  margin-top: -2px;
  vertical-align: middle;
}
.eg-donation-dedication_ecard-grid {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.eg-donation-dedication_ecard-item {
  height: 112px;
  width: 160px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px rgba(0, 0, 0, 0.08) solid;
}
.eg-donation-dedication_ecard-item.active {
  border: 1px rgb(66, 92, 205) solid;
}
.eg-donation-dedication_ecard-radio {
  right: 0px;
  bottom: 0px;
  position: absolute;
}
.eg-donation-dedication_ecard-image {
  padding: 8px;
  max-width: 100%;
  max-height: 100%;
}

.eg-program-designation_search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.eg-program-designation_search-input {
  z-index: 1;
  position: relative;
}
.eg-program-designation_search-icon {
  top: 13px;
  left: 10px;
  z-index: 2;
  position: absolute;
  color: rgba(0, 0, 0, 0.6);
}

.eg-recurring-nudge-container {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
}

.eg-recurring-nudge-header-icon {
  width: 36px;
  max-width: 36px;
}

.eg-recurring-nudge-paragraph {
  color: rgba(37, 37, 40, 0.9);
}

.eg-recurring-nudge-btn {
  text-transform: none !important;
}

/* Crypto Giving */
.cg-btn--rows > span {
  display: block;
}

.cg-text-white {
  color: WHITE;
}
.cg-text-white.translucent-1 {
  color: rgba(255, 255, 255, 0.94);
}
.cg-text-white.translucent-2 {
  color: rgba(255, 255, 255, 0.8);
}
.cg-text-white.translucent-3 {
  color: rgba(255, 255, 255, 0.67);
}

.cg-shadow {
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
}

.cg-icon {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}
.cg-icon.cg-icon--disabled {
  opacity: 0.54;
  pointer-events: none;
}
.cg-icon {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cg-coin-icon {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}

.cg-headline {
  font-size: 40px;
  color: #333;
}

.cg-transition {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.a-repeater-grow.ng-enter {
  max-height: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.a-repeater-grow.ng-enter-active {
  opacity: 1;
  -webkit-animation: growHeight 2s ease-in-out;
  animation: growHeight 2s ease-in-out;
}
.a-repeater-grow.ng-leave {
  max-height: 50px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.a-repeater-grow.ng-leave-active {
  opacity: 0;
  -webkit-animation: shrinkHeight 2s ease-out;
  animation: shrinkHeight 2s ease-out;
}

.a-dim {
  opacity: 0.2;
}
.a-dim.a-dim-add, .a-dim.a-dim-add-active, .a-dim.a-dim-remove, .a-dim.a-dim-remove-active {
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
.a-dim.a-dim-add {
  opacity: 1;
}
.a-dim.a-dim-add.a-dim-add-active {
  opacity: 0.2;
}
.a-dim.a-dim-remove {
  opacity: 0.2;
}
.a-dim.a-dim-remove.a-dim-remove-active {
  opacity: 1;
}

.o-dim {
  opacity: 1;
}
.o-dim.a-dim-add, .o-dim.a-dim-add-active, .o-dim.a-dim-remove, .o-dim.a-dim-remove-active {
  -webkit-transition: opacity 35s ease-in-out;
  transition: opacity 35s ease-in-out;
}
.o-dim.a-dim-add {
  opacity: 1;
}
.o-dim.a-dim-add.a-dim-add-active {
  opacity: 0;
}
.o-dim.a-dim-remove {
  opacity: 0;
}
.o-dim.a-dim-remove.a-dim-remove-active {
  opacity: 1;
}

.a-pane-container {
  width: 200%;
  overflow: hidden;
}

.a-fade.ng-hide-add, .a-fade.ng-hide-add-active, .a-fade.ng-hide-remove-active, .a-fade.ng-hide-remove, .a-fade.ng-enter, .a-fade.ng-enter-active, .a-fade.ng-leave, .a-fade.ng-enter-active {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.a-fade.ng-hide-add, .a-fade.ng-leave {
  opacity: 1;
}
.a-fade.ng-hide-add.ng-hide-add-active, .a-fade.ng-hide-add.ng-leave-active, .a-fade.ng-leave.ng-hide-add-active, .a-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.a-fade.ng-hide-remove, .a-fade.ng-enter {
  opacity: 0;
}
.a-fade.ng-hide-remove.ng-hide-remove-active, .a-fade.ng-hide-remove.ng-enter-active, .a-fade.ng-enter.ng-hide-remove-active, .a-fade.ng-enter.ng-enter-active {
  opacity: 1;
}

.b-fade.ng-hide-add, .b-fade.ng-hide-add-active, .b-fade.ng-hide-remove-active, .b-fade.ng-hide-remove, .b-fade.ng-enter, .b-fade.ng-enter-active, .b-fade.ng-leave, .b-fade.ng-enter-active {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.b-fade.ng-hide-add, .b-fade.ng-leave {
  opacity: 0.85;
}
.b-fade.ng-hide-add.ng-hide-add-active, .b-fade.ng-hide-add.ng-leave-active, .b-fade.ng-leave.ng-hide-add-active, .b-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.b-fade.ng-hide-remove, .b-fade.ng-enter {
  opacity: 0;
}
.b-fade.ng-hide-remove.ng-hide-remove-active, .b-fade.ng-hide-remove.ng-enter-active, .b-fade.ng-enter.ng-hide-remove-active, .b-fade.ng-enter.ng-enter-active {
  opacity: 0.85;
}

.c-fade {
  background: WHITE;
}
.c-fade.ng-hide-add, .c-fade.ng-hide-add-active, .c-fade.ng-hide-remove-active, .c-fade.ng-hide-remove, .c-fade.ng-enter, .c-fade.ng-enter-active, .c-fade.ng-leave, .c-fade.ng-enter-active {
  -webkit-transition: opacity 0.2 ease-in-out;
  transition: opacity 0.2 ease-in-out;
}
.c-fade.ng-hide-add, .c-fade.ng-leave {
  opacity: 0.66 !important;
}
.c-fade.ng-hide-add.ng-hide-add-active, .c-fade.ng-hide-add.ng-leave-active, .c-fade.ng-leave.ng-hide-add-active, .c-fade.ng-leave.ng-leave-active {
  opacity: 0.33;
}
.c-fade.ng-hide-remove, .c-fade.ng-enter {
  opacity: 0.33;
}
.c-fade.ng-hide-remove.ng-hide-remove-active, .c-fade.ng-hide-remove.ng-enter-active, .c-fade.ng-enter.ng-hide-remove-active, .c-fade.ng-enter.ng-enter-active {
  opacity: 0.66 !important;
}

.a-slide-up.ng-hide-add, .a-slide-up.ng-hide-remove {
  -webkit-transition: all 0.55s ease-in-out;
  transition: all 0.55s ease-in-out;
}
.a-slide-up.ng-hide-add {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.a-slide-up.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.a-slide-up.ng-hide-remove {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.a-slide-up.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.a-slide-left.ng-hide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.a-slide-left.ng-hide-add, .a-slide-left.ng-hide-remove {
  -webkit-transition: all 0.55s ease-in-out 0.3s;
  transition: all 0.55s ease-in-out 0.3s;
}
.a-slide-left.ng-hide-add {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.a-slide-left.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.a-slide-left.ng-hide-remove {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.a-slide-left.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.a-slide-right.ng-hide-add, .a-slide-right.ng-hide-remove {
  -webkit-transition: all 0.55s ease-in-out 0.3s;
  transition: all 0.55s ease-in-out 0.3s;
}
.a-slide-right.ng-hide-add {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.a-slide-right.ng-hide-add.ng-hide-add-active {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.a-slide-right.ng-hide-remove {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.a-slide-right.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes growHeight {
  to {
    max-height: 50px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes growHeight {
  to {
    max-height: 50px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes shrinkHeight {
  to {
    max-height: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes shrinkHeight {
  to {
    max-height: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
.cg-checkout {
  width: 66%;
  margin-right: 2%;
  float: left;
}

@media (max-width: 1024px) {
  .cg-checkout {
    width: 100%;
  }
}
.cg-checkout-section {
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 768px) {
  .cg-checkout-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 568px) {
  .cg-checkout-section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.cg-checkout-coin-btn {
  margin: 0;
  height: 40px;
  max-height: 40px;
  width: 100%;
  padding: 8px;
  background-color: white;
  border: calc(4px / 2) solid rgba(0, 0, 0, 0.62);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.96);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cg-checkout-coin-btn--active {
  color: white;
  background-color: rgba(0, 0, 0, 0.96);
}
.cg-checkout-coin-btn:hover:not(.cg-checkout-coin-btn--active) {
  background-color: rgba(0, 0, 0, 0.04);
}
.cg-checkout-coin-btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 568px) {
  .cg-checkout-coin-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 60px;
    max-height: 60px;
  }
  .cg-checkout-coin-btn .cg-checkout-btn-icon {
    padding-bottom: 4px;
  }
  .cg-checkout-coin-btn .cg-checkout-btn-label {
    padding: 0 !important;
  }
}
.cg-checkout-preset-donation-amt-btn {
  margin: 0;
  height: 80px;
  max-height: 80px;
  width: 100%;
  padding: 12px 8px;
  border-radius: 4px;
  border: none;
  color: rgba(0, 0, 0, 0.96);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 16px;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}
.cg-checkout-preset-donation-amt-btn--active {
  color: white;
}
.cg-checkout-preset-donation-amt-btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cg-checkout-donate-btn {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.cg-checkout-donate-btn .donate-btn__label {
  font-size: 12px;
  line-height: 12px;
  font-weight: 900;
}
.cg-checkout-donate-btn .donate-btn__usd {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.cg-checkout-donate-btn .donate-btn__converted {
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
}
.cg-checkout-donate-btn:disabled .donate-btn__label {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.cg-checkout-donate-btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cg-checkout-amount-input {
  height: 80px;
  max-height: 80px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__left {
  width: 80px;
  max-width: 80px;
  color: WHITE;
  cursor: pointer;
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__left:hover {
  opacity: 0.9;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__left {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__right {
  border: 1px solid transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__right input {
  font-family: "Mulish", Arial, sans-serif;
  height: 48px;
  border: none;
  padding-top: 12px;
  padding-left: 8px;
  padding-bottom: 0;
  padding-right: 8px;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__right input:focus {
  outline: none;
}
.cg-checkout-amount-input > .cg-checkout-amount-input__right {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cg-checkout-amount-input {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.cg-hero .donation-hero {
  padding: 0 !important;
}

.cg-program-designation .form_field {
  margin: 0 !important;
  padding: 0 !important;
}
.cg-program-designation .form__label {
  padding: 0 !important;
}
.cg-program-designation .form__sublabel--shifted {
  font-size: 16px !important;
  line-height: 20px !important;
  margin: 0 !important;
  font-weight: 500 !important;
  padding-bottom: 4px !important;
}
.cg-program-designation .typeahead_arrow-overlay {
  z-index: 10 !important;
}

.cg-copy-address-btn {
  padding-left: 4px;
  padding-top: 0;
}

@media (max-width: 400px) {
  .cg-copy-address-btn {
    padding-left: 0;
    padding-top: 4px;
  }
}
.cg-toggle {
  z-index: 1;
  background-color: WHITE;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
}

.cg-toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cg-toggler .cg-toggler__label {
  padding-right: 12px;
}
.cg-toggler .cg-toggler__cta {
  padding-left: 12px;
  padding-top: 0;
}

@media (max-width: 568px) {
  .cg-toggler {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cg-toggler .cg-toggler__label {
    padding-right: 0;
  }
  .cg-toggler .cg-toggler__cta {
    padding-left: 0;
    padding-top: 12px;
  }
}
.flex-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: calc(100vh - 125px);
}
@media screen and (min-width: 768px) {
  .flex-scroll {
    min-height: calc(100vh - 220px);
  }
}
@media screen and (max-width: 568px) {
  .flex-scroll:not(.select-tickets) {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 1024px) {
  .flex-scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    min-height: 0;
  }
}

.checkout-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgb(248, 248, 248);
}
@media screen and (min-width: 568px) {
  .checkout-layout {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 768px) {
  .checkout-layout {
    margin-bottom: 115px;
  }
}
@media screen and (min-width: 1024px) {
  .checkout-layout {
    height: 100%;
    margin-bottom: 0;
  }
}
.no-flexbox .checkout-layout, .ie .checkout-layout {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.checkout-layout__header-block {
  border-bottom: 1px solid #f0f0f0;
}
.checkout-layout__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: calc(100% - 116px);
}
@media screen and (max-width: 768px) {
  .checkout-layout__body {
    height: calc(100% - 55px);
  }
}
@media screen and (max-width: 568px) {
  .checkout-layout__body {
    display: block;
    overflow: auto;
  }
}
@media screen and (min-width: 1024px) {
  .checkout-layout__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.no-flexbox .checkout-layout__body, .ie .checkout-layout__body {
  position: absolute;
  display: block;
  top: 116px;
  right: 0;
  bottom: 0;
  left: 0;
}
.checkout-layout__aside {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  z-index: 1;
}
.no-flexbox .checkout-layout__aside, .ie .checkout-layout__aside {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  background-color: #fff;
}
@media screen and (min-width: 320px) {
  .checkout-layout__aside {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .checkout-layout__aside {
    position: relative;
    width: 326px;
  }
}
@media screen and (min-width: 1280px) {
  .checkout-layout__aside {
    width: 420px;
  }
}
@media screen and (max-width: 568px) {
  .checkout-layout__aside {
    position: relative;
  }
}
.checkout-layout__aside-cart {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  display: none;
}
.ie .checkout-layout__aside-cart-big {
  bottom: 213px !important;
}
.no-flexbox .checkout-layout__aside-cart, .ie .checkout-layout__aside-cart {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 102px;
  left: 0;
  width: 100%;
}
.checkout-layout__aside-cart--mobile {
  display: block;
}
@media screen and (min-width: 1024px) {
  .checkout-layout__aside-cart--mobile {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .checkout-layout__aside-cart {
    display: block;
  }
}
.checkout-layout__aside-nav {
  position: relative;
  padding: 25px 25px 13px 25px;
}
.ie .checkout-layout__aside-nav-big {
  height: 213px !important;
}
.no-flexbox .checkout-layout__aside-nav, .ie .checkout-layout__aside-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 102px;
}
@media screen and (max-width: 768px) {
  .checkout-layout__aside-nav {
    width: 100%;
    background-color: #fff;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 568px) {
  .checkout-layout__aside-nav {
    padding: 5px 15px 3px 15px;
  }
}
.no-flexbox .checkout-layout__aside-nav-margin-bottom, .ie .checkout-layout__aside-nav-margin-bottom {
  margin-bottom: 46px;
}
.checkout-layout__aside-summary {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .checkout-layout__aside-summary, .ie .checkout-layout__aside-summary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.checkout-layout__aside-terms {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
  padding-bottom: 10px;
}
.checkout-layout__aside-link {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: underline;
}
.checkout-layout__aside--receipt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  z-index: 1;
}
.no-flexbox .checkout-layout__aside--receipt, .ie .checkout-layout__aside--receipt {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  background-color: #fff;
}
@media screen and (min-width: 320px) {
  .checkout-layout__aside--receipt {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .checkout-layout__aside--receipt {
    position: relative;
    width: 326px;
  }
}
@media screen and (min-width: 1280px) {
  .checkout-layout__aside--receipt {
    width: 420px;
  }
}
@media screen and (max-width: 568px) {
  .checkout-layout__aside--receipt {
    position: relative;
  }
}
.checkout-layout__main {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.checkout-summary .checkout-layout__main {
  margin-bottom: 0;
}
.no-flexbox .checkout-layout__main, .ie .checkout-layout__main {
  position: absolute;
  top: 0;
  right: 320px;
  bottom: 0;
  left: 0;
}

.rwf-checkout-modal {
  padding: 24px;
  text-align: center;
}
.rwf-checkout-modal__title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}
.rwf-checkout-modal__subtitle {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.rwf-checkout-modal__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}
.rwf-checkout-modal__dismiss {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #425ccd;
  color: #ffffff;
}
.rwf-checkout-modal__dismiss:hover, .rwf-checkout-modal__dismiss[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.rwf-checkout-modal__dismiss[disabled], .rwf-checkout-modal__dismiss:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.rwf-checkout-modal__dismiss:active:enabled, .rwf-checkout-modal__dismiss[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.rwf-checkout-modal__dismiss[disabled], .rwf-checkout-modal__dismiss:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.rwf-checkout-modal__dismiss {
  margin-bottom: 10px;
}
.rwf-checkout-modal__exit {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}

.ticket-type {
  background-color: #fff;
  position: relative;
  width: 640px;
  margin: 0 auto 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ticket-type__cutout {
  height: 100%;
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: -20px;
}
@media screen and (min-width: 320px) {
  .ticket-type__cutout {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__cutout {
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12);
  }
}
.ticket-type__cutout::before {
  content: "";
  background: #fff;
  height: 120px;
  width: 100%;
  -webkit-mask-image: url("../global/images/ticket-cutout.svg");
  mask-image: url("../global/images/ticket-cutout.svg");
  mask-mode: match-source;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top left;
  mask-position: top left;
  -webkit-mask-clip: border-box;
  mask-clip: border-box;
  -webkit-mask-origin: border-box;
  mask-origin: border-box;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-composite: source-over;
  mask-composite: add;
}
.ticket-type__cutout::after {
  content: "";
  background: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
@media screen and (max-width: 768px) {
  .ticket-type__cutout {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ticket-type_fundraising-minimum .fr-minimum-disclaimer {
    font-size: 12px;
  }
}
@media screen and (min-width: 320px) {
  .ticket-type {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
}
@media screen and (min-width: 768px) {
  .ticket-type {
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 768px) {
  .ticket-type {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 75px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .ticket-type {
    width: 570px;
  }
}
@media screen and (min-width: 1280px) {
  .ticket-type {
    width: 100%;
    max-width: 640px;
  }
}
.ticket-type.is-disabled {
  opacity: 0.5;
}
.ticket-type__inner {
  overflow: hidden;
  min-height: 130px;
  max-height: 200px;
}
.show-details .ticket-type__inner {
  overflow: visible;
  max-height: none;
}
.ticket-type__main {
  background: #fff;
  position: relative;
  padding: 25px 25px 45px 25px;
  outline: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px dashed #ccc;
  overflow: visible;
}
.show-details .ticket-type__main {
  height: 100%;
  padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
  .show-details .ticket-type__main {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .ticket-type__main {
    border-right: none;
    padding: 15px 15px 40px 15px;
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 100%;
  }
}
.ticket-type__name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .ticket-type__name {
    display: inline;
  }
}
@media screen and (max-width: 480px) {
  .ticket-type__name {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
  }
}
.ticket-type__description {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 320px) {
  .ticket-type__description {
    color: rgb(87, 104, 125);
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    margin: 6px 0;
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__description {
    color: rgb(87, 104, 125);
    font-size: 15px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    margin: 6px 0 0 0;
  }
}
.ticket-type__description-inner {
  white-space: pre-line;
}
.ticket-type__description-toggle::before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(10%, #fff), to(rgba(255, 255, 255, 0.001)));
  background: linear-gradient(to top, #fff 0%, #fff 10%, rgba(255, 255, 255, 0.001) 100%);
  height: 60px;
  width: 100%;
  position: absolute;
  top: -60px;
  left: 0;
  pointer-events: none;
}
.ticket-type__description-toggle, .ticket-type__description-toggle--hide {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  cursor: pointer;
  position: absolute;
  text-decoration: underline;
  z-index: 1;
  width: calc(100% - 20px);
  left: 20px;
  bottom: 25px;
}
@media screen and (max-width: 768px) {
  .ticket-type__description-toggle, .ticket-type__description-toggle--hide {
    width: calc(100% - 15px);
    left: 15px;
    bottom: 20px;
  }
}
.ticket-type__details {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: underline;
}
.ticket-type__actions {
  width: 170px;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .ticket-type__actions {
    height: initial;
    border-right: 10px;
    border-left: none;
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__actions {
    width: 170px;
    height: 100%;
  }
}
.ticket-type__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .ticket-type__price {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.ticket-type__price-amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  font-size: 28px;
}
.ticket-type__price-amount--mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .ticket-type__price-amount--mobile {
    color: rgb(87, 104, 125);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    display: inline;
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__price-amount--mobile {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .ticket-type__price-amount--mobile {
    color: rgb(87, 104, 125);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
  }
}
.ticket-type__price-each {
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.ticket-type__attendee-count {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 12px;
}
.ticket-type__attendees-icon {
  color: rgba(0, 0, 0, 0.38);
  font-size: 10px;
  margin-right: 11px;
}
.ticket-type__quantity {
  background-color: #f0f0f0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: absolute;
  bottom: 0;
  width: 170px;
  height: 85px;
}
@media screen and (max-width: 768px) {
  .ticket-type__quantity {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: rgb(240, 240, 240);
    border-top: 1px dashed #f0f0f0;
    height: 45px;
    width: 100%;
    bottom: -45px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  }
}
@media screen and (min-width: 768px) {
  .ticket-type__quantity {
    background-color: #f0f0f0;
    border-top: none;
    width: 170px;
    bottom: 0;
  }
}
.ticket-type__quantity-add, .ticket-type__quantity-subtract {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.ticket-type:not(.is-disabled) .ticket-type__button.is-disabled .ticket-type__quantity-add, .ticket-type:not(.is-disabled) .ticket-type__button.is-disabled .ticket-type__quantity-subtract {
  opacity: 0.5;
}
.ticket-type__quantity-total {
  color: rgb(87, 104, 125);
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  font-size: 36px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
@media screen and (max-width: 768px) {
  .ticket-type__quantity-total {
    -webkit-box-flex: initial;
    -ms-flex-positive: initial;
    flex-grow: initial;
  }
}
.ticket-type__quantity--sold-out {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
}
.ticket-type__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  background-color: transparent;
  height: 100%;
  width: 55px;
}
.ticket-type__button.is-disabled {
  cursor: default;
}

.ticket-type.show-details .ticket-type__main {
  height: 100%;
}
.ticket-type.show-details .ticket-type__description {
  overflow: visible;
}

fundraising-minimum-disclaimer .fr-minimum-disclaimer_ticket-icon {
  margin-right: 10px !important;
}

.ticket-type-list {
  padding: 40px;
}
@media screen and (max-width: 568px) {
  .ticket-type-list {
    padding: 30px 0;
  }
}
.ticket-type__empty {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding: 120px 0;
  text-align: center;
  background-color: #ffffff;
}

.empty-ticket-headline {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}

.waiver-field {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  padding: 15px;
}

.attendee-form__banner {
  text-align: center;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.attendee-form__header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 6px;
}
.attendee-form__subheader {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.attendee-form__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
}
.attendee-form__nav-dot {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.12);
  border-radius: 50%;
}
.attendee-form__nav-dot.active {
  background-color: rgba(0, 0, 0, 0.54);
}
.attendee-form__name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 14px;
}

.select-captain {
  background-color: #fafafa;
}
@media screen and (min-width: 320px) {
  .select-captain {
    padding: 0;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .select-captain {
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  .select-captain {
    padding: 26px 36px;
  }
}
@media screen and (max-width: 768px) {
  .select-captain__headline {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
  }
}
@media screen and (min-width: 320px) {
  .select-captain__subheadline {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .select-captain__subheadline {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .select-captain__upper-panel {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .select-captain__upper-panel {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .select-captain__panel .panel {
    padding: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 320px) {
  .select-captain .registrant {
    border-top: none;
    border-bottom: 1px solid #ddd;
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant {
    border-top: none;
    border-bottom: none;
    background-color: #fafafa;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant + .registrant {
    border-top: 1px solid #ddd;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant.active {
    z-index: 2;
    border-radius: 3px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 0.5px;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1;
  }
}
.select-captain .registrant.active + .registrant {
  border-top: none;
}
.select-captain .registrant__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 320px) {
  .select-captain .registrant__selected-icon {
    font-size: 15px;
    line-height: 18px;
    padding-right: 6px;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant__selected-icon {
    font-size: 24px;
    line-height: 16px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 320px) {
  .select-captain .registrant__selected-text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant__selected-text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
  }
}
.select-captain .registrant__action {
  max-width: 156px;
}
@media screen and (max-width: 768px) {
  .select-captain .registrant__action {
    text-align: left;
  }
}
@media screen and (min-width: 320px) {
  .select-captain .registrant__action-button--outlined {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant__action-button--outlined {
    font-family: "Mulish", Arial, Helvetica, sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-width: 2px;
    border: 2px solid transparent;
    padding: 9px 15px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background: transparent;
    color: black;
    border-color: black;
  }
  .select-captain .registrant__action-button--outlined:hover, .select-captain .registrant__action-button--outlined[hover] {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    background: black;
    color: black;
  }
  .select-captain .registrant__action-button--outlined:active:enabled, .select-captain .registrant__action-button--outlined[active] {
    cursor: pointer;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), black;
    background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), black;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
    border-image-slice: 1;
  }
  .select-captain .registrant__action-button--outlined[disabled], .select-captain .registrant__action-button--outlined:disabled {
    color: #ffffff;
    background-color: rgb(210, 210, 210);
    border-color: rgb(210, 210, 210);
    cursor: default;
    pointer-events: none;
  }
  .select-captain .registrant__action-button--outlined {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 320px) {
  .select-captain .registrant__action-button--underlined {
    display: block;
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant__action-button--underlined {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .select-captain .registrant__fundraiser-details {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant__fundraiser-details {
    display: block;
  }
}
@media screen and (min-width: 320px) {
  .select-captain .registrant__flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .select-captain .registrant__flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.select-captain .registration-receipt__fundraising-entities {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .select-captain .registration-receipt__fundraising-entities {
    margin-top: 0;
  }
}

.additional-donation__levels {
  margin-bottom: 20px;
}
.additional-donation__header {
  padding: 46px 0;
}
.additional-donation__subheader {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.additional-donation__rf-dropdown {
  margin-bottom: 32px;
}
.additional-donation__rf-dropdown-select {
  padding: 10px 11px;
  margin: 0;
  border: 2px solid rgb(210, 210, 210);
  border-radius: 8px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.additional-donation__split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.no-flexbox .additional-donation__split, .ie .additional-donation__split {
  position: relative;
  display: block;
  height: 70px;
}
@media screen and (max-width: 480px) {
  .additional-donation__split {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.additional-donation__amount-title {
  margin-bottom: 8px;
}
.additional-donation__rf-amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-weight: 700;
  margin-top: 14px;
}
.additional-donation__amount {
  margin: 0 20px 20px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .additional-donation__amount, .ie .additional-donation__amount {
  position: absolute;
  top: 0;
  right: 120px;
  bottom: 0;
  left: 0;
}
.additional-donation__amount-field {
  width: 100%;
}
.additional-donation__amount-field input {
  max-width: inherit;
}
@media screen and (max-width: 480px) {
  .additional-donation__amount {
    margin: 0 0 20px 0;
  }
}
.additional-donation__credit {
  margin-bottom: 24px;
}
.additional-donation__credit-label {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 6px;
  display: block;
}
.additional-donation__rf-fot {
  margin-top: 34px;
}
.additional-donation__fot {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 5px 10px;
}
.additional-donation__fot-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  font-size: 15px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.additional-donation__fot-checkbox.inline {
  display: inline-block;
}
.additional-donation__fot-checkbox_input:before, .additional-donation__fot-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: calc(-20px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 16px;
  text-indent: 1px;
  line-height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.additional-donation__fot-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.additional-donation__fot-checkbox:focus .additional-donation__fot-checkbox_input:before, .additional-donation__fot-checkbox:focus .additional-donation__fot-checkbox-input:before {
  border-color: #9e9e9e;
}
.additional-donation__fot-checkbox.checked .additional-donation__fot-checkbox_input:before, .additional-donation__fot-checkbox.checked .additional-donation__fot-checkbox-input:before {
  line-height: 20px;
}
.additional-donation__fot-checkbox.error .additional-donation__fot-checkbox_input:before, .additional-donation__fot-checkbox.error .additional-donation__fot-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.additional-donation__fot-checkbox {
  height: 100% !important;
}
.additional-donation__fot-checkbox-label {
  color: rgba(0, 0, 0, 0.87);
}
.additional-donation__fot-checkbox-input:before {
  margin-top: 0;
  top: 3px;
}
@media screen and (max-width: 480px) {
  .additional-donation__fot {
    border: none;
  }
}
.no-flexbox .additional-donation__frequency, .ie .additional-donation__frequency {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 120px;
}
@media screen and (max-width: 480px) {
  .additional-donation__frequency {
    margin-bottom: 20px;
  }
  .additional-donation__frequency .form__dropdown-selected {
    width: 100% !important;
  }
}
.additional-donation .currency-picker__full-symbol,
.additional-donation .form_field.currency-picker__full-symbol {
  top: 0;
}
.additional-donation .multiple-amount-hidden {
  margin-bottom: 0;
}

.registration-payment__subheading {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 25px;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 25px;
}
.registration-payment__free-with-commitment {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
}
.registration-payment__body {
  padding: 0;
  margin: 0 auto;
  max-width: 640px;
}
.full-billing .registration-payment__billing {
  padding-top: 20px;
}
.registration-payment__panel {
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  opacity: 1;
  margin-top: 10px;
}
.registration-payment__panel.dimmed {
  opacity: 0.2;
}
@media screen and (min-width: 768px) {
  .registration-payment__panel .form__text-input {
    width: 100%;
  }
  .registration-payment__panel .form-table__column--two {
    float: left;
    display: block;
    margin-right: 1.4930564937%;
    width: 49.2534717531%;
  }
  .registration-payment__panel .form-table__column--two:last-child {
    margin-right: 0;
  }
}
.registration-payment__panel .sc-checkbox_label {
  word-break: break-word;
  -ms-word-break: break-all;
}
.ie .registration-payment__panel .sc-checkbox_label {
  line-height: 1.5;
  display: block;
}
@media screen and (max-width: 768px) {
  .registration-payment__fake-label {
    display: none;
  }
}
.registration-payment__remember {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 0 10px;
  margin-top: 34px;
}
.registration-payment__remember-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  font-size: 15px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.registration-payment__remember-checkbox.inline {
  display: inline-block;
}
.registration-payment__remember-checkbox_input:before, .registration-payment__remember-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: calc(-20px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 16px;
  text-indent: 1px;
  line-height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.registration-payment__remember-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.registration-payment__remember-checkbox:focus .registration-payment__remember-checkbox_input:before, .registration-payment__remember-checkbox:focus .registration-payment__remember-checkbox-input:before {
  border-color: #9e9e9e;
}
.registration-payment__remember-checkbox.checked .registration-payment__remember-checkbox_input:before, .registration-payment__remember-checkbox.checked .registration-payment__remember-checkbox-input:before {
  line-height: 20px;
}
.registration-payment__remember-checkbox.error .registration-payment__remember-checkbox_input:before, .registration-payment__remember-checkbox.error .registration-payment__remember-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.registration-payment__remember-checkbox-label {
  color: rgba(0, 0, 0, 0.87);
}
.registration-payment__processing-figure {
  position: relative;
  height: 70px;
  margin-bottom: 35px;
}
.registration-payment__processing-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.registration-payment__processing-spinner, .registration-payment__processing-spinner:before, .registration-payment__processing-spinner:after {
  border-radius: 50%;
}
.registration-payment__processing-spinner:before, .registration-payment__processing-spinner:after {
  position: absolute;
  content: "";
}
.registration-payment__processing-spinner:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.registration-payment__processing-spinner:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.registration-payment__processing-spinner.offWhite:before, .registration-payment__processing-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.registration-payment__processing-spinner.blockSlate:before, .registration-payment__processing-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.registration-payment__processing-spinner {
  display: block;
}
.registration-payment__processing-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.registration-payment__processing-subtitle {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  text-align: center;
}
.registration-payment__cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 25px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .registration-payment__cc {
    display: block;
  }
}
.registration-payment__cc-widget {
  width: 100%;
  min-width: 278px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .registration-payment__cc-widget {
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .registration-payment__cc-widget {
    min-width: 0;
  }
}
@media screen and (max-width: 768px) {
  .registration-payment__cc-widget .cp-credit-card__frame {
    width: 100%;
  }
}
.registration-payment__cc-widget .cp-credit-card-field-box {
  width: 49.25347%;
}
.registration-payment__cc-country {
  margin-bottom: 15px;
}

.fundraising-minimum__commitment-waiver {
  margin-top: 20px;
}
.fundraising-minimum__commitment-waiver .form-table {
  margin-bottom: 0;
}
.fundraising-minimum__commitment-waiver .form__waiver {
  overflow-y: auto;
  max-height: 140px;
}

.event-receipt {
  padding: 0 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 540px) {
  .event-receipt {
    padding: 0;
  }
}
.event-receipt__section {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  width: 100%;
  padding: 36px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.event-receipt__section:last-child {
  border-bottom: none;
}
.event-receipt__section-header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.event-receipt__header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}
.event-receipt__subheader {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
}
.event-receipt__summary {
  margin-top: 34px;
}
.event-receipt__summary-table {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.event-receipt__summary-table-row {
  margin: 9px 0;
}
.event-receipt__summary-table-row:last-child {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.event-receipt__item-name {
  float: left;
}
.event-receipt__item-price {
  float: right;
  margin: 0 12px;
}
.event-receipt__item-price--raw {
  float: right;
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.38);
}
.event-receipt__email {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  padding: 15px;
  background-color: rgb(248, 248, 248);
}
.event-receipt__email .ci {
  color: rgba(25, 29, 34, 0.54);
  font-size: 35px;
  display: inline-block;
  margin: 0 12px 7px 0;
}
.event-receipt__btn {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  padding: 12px 24px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 3px;
  font-weight: 700;
  background-color: #425ccd;
}
.event-receipt__btn:hover:not([disabled], :disabled), .event-receipt__btn[hover]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), #425ccd;
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #425ccd;
  -webkit-box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  cursor: pointer;
}
.event-receipt__btn:active:not([disabled], :disabled), .event-receipt__btn:enabled, .event-receipt__btn[active]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 29, 34, 0.1)), to(rgba(25, 29, 34, 0.1))), #425ccd;
  background: linear-gradient(rgba(25, 29, 34, 0.1), rgba(25, 29, 34, 0.1)), #425ccd;
}
.event-receipt__btn:disabled, .event-receipt__btn[disabled] {
  background-color: rgba(25, 29, 34, 0.12);
}
.event-receipt__btn {
  margin-top: 24px;
}
.event-receipt__contact {
  text-decoration: underline;
  margin-top: 12px;
}

.registration-receipt__loading {
  position: relative;
}
@media screen and (max-width: 568px) {
  .registration-receipt__loading {
    display: none;
  }
}
.registration-receipt__loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.registration-receipt__loading-spinner, .registration-receipt__loading-spinner:before, .registration-receipt__loading-spinner:after {
  border-radius: 50%;
}
.registration-receipt__loading-spinner:before, .registration-receipt__loading-spinner:after {
  position: absolute;
  content: "";
}
.registration-receipt__loading-spinner:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.registration-receipt__loading-spinner:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.registration-receipt__loading-spinner.offWhite:before, .registration-receipt__loading-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.registration-receipt__loading-spinner.blockSlate:before, .registration-receipt__loading-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.registration-receipt__loading-spinner {
  margin-top: -70px;
}
.registration-receipt__loading-message {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  padding-top: 100px;
}
.registration-receipt__loading-container {
  height: 100px;
  position: relative;
}
.registration-receipt__fundraising-entities {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 25px 5%;
  -webkit-box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  display: block;
  padding: 0;
  margin-top: 25px;
}
.registration-receipt__email {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 25px 5%;
  -webkit-box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.registration-receipt__email-envelope {
  font-size: 33px;
  float: left;
  margin-right: 20px;
  color: rgba(0, 0, 0, 0.38);
  position: relative;
  text-align: center;
}
.registration-receipt__email-envelope--top::after {
  top: 18px;
  right: 11px;
}
.registration-receipt__email-envelope--bottom::after {
  bottom: 12px;
  right: -9px;
}
.registration-receipt__email-header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.registration-receipt__email-details {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.registrant {
  position: relative;
  padding: 25px;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexbox .registrant, .ie .registrant {
  position: relative;
  height: 100px;
}
@media screen and (max-width: 208px) {
  .registrant {
    padding: 0;
  }
}
.registrant--team {
  position: relative;
  padding: 25px;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexbox .registrant--team, .ie .registrant--team {
  position: relative;
  height: 100px;
}
.registrant--team {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  z-index: 2;
}
.registrant__avatar {
  min-width: 60px;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}
.no-flexbox .registrant__avatar, .ie .registrant__avatar {
  top: 25px;
  bottom: 25px;
  left: 25px;
  width: 60px;
}
.registrant__avatar-image {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #ccc;
  overflow: hidden;
  margin-right: 10px;
}
.registrant__fundraiser {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  overflow: hidden;
}
@media screen and (max-width: 208px) {
  .registrant__fundraiser {
    -webkit-box-flex: 2;
    -ms-flex: 2 0;
    flex: 2 0;
  }
}
.no-flexbox .registrant__fundraiser, .ie .registrant__fundraiser {
  top: 25px;
  right: 130px;
  bottom: 25px;
  left: 95px;
}
.registrant__fundraiser-name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.registrant__fundraiser-details {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.registrant__action::after {
  clear: both;
  content: "";
  display: table;
}
.registrant__action {
  max-width: 130px;
  min-width: 80px;
}
@media screen and (max-width: 208px) {
  .registrant__action {
    min-width: 36px;
  }
}
.registrant__action {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.registrant__action-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  width: 100%;
  background-color: black;
  border-radius: 3px;
  padding: 10px 0;
}
.registrant__action-link {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
}

.registration-summary {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.no-flexbox .registration-summary, .ie .registration-summary {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.registration-summary__total-amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.registration-summary__total-amount-label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  text-align: center;
}
.registration-summary__actions {
  padding: 40px 15px 20px 15px;
  text-align: center;
}
.registration-summary__action {
  display: block;
}
.registration-summary__action-figure {
  width: 75px;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.registration-summary__action-icon {
  color: rgba(0, 0, 0, 0.38);
  font-size: 30px;
}
.registration-summary__action-message {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .registration-summary__action-message, .ie .registration-summary__action-message {
  padding-left: 60px;
}
.registration-summary__action-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  display: block;
}
.registration-summary__action-description {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  line-height: 28px;
}
.registration-summary__action-contact {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  line-height: 28px;
  word-break: break-word;
}
.registration-summary__action-phone {
  color: rgba(0, 0, 0, 0.87);
}
.registration-summary__action-phone:after {
  content: "|";
  position: relative;
  margin-left: 10px;
  margin-right: 5px;
  color: rgba(0, 0, 0, 0.38);
}

.cart-item {
  position: relative;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cart-item.disabled {
  cursor: default;
}
.cart-item .fa-tag {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: 2px;
}
.no-flexbox .cart-item, .ie .cart-item {
  position: relative;
  display: block;
  height: 92px;
}
.cart-item__description {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .cart-item__description, .ie .cart-item__description {
  position: relative;
}
.cart-item__headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.cart-item__details {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-item__summary {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  white-space: nowrap;
  padding-left: 10px;
}
.no-flexbox .cart-item__summary, .ie .cart-item__summary {
  position: absolute;
  display: block;
  top: 25px;
  right: 0;
  bottom: 25px;
  width: 100px;
}
.cart-item__price {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.cart-item__price-span.discounted {
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.38);
}
.cart-item__price--discounted {
  margin-right: 3px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.cart-item__price.calculating {
  color: #ccc;
}
.cart-item__subitem {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.cart-item__subitem.navigable {
  text-decoration: underline;
}
.cart-item__actions {
  white-space: nowrap;
  line-height: 0;
}
.cart-item__actions-link {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin: 0 0 0 10px;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
}

.cart-alert {
  position: relative;
  margin: 25px;
  padding: 25px;
  border-radius: 4px;
  background-color: #fafafa;
}
.cart-alert__title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
}
.cart-alert__description {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}
.cart-alert__dismiss {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-transform: none;
  display: block;
  border-radius: 4px;
  padding: 10px;
  margin: 10px auto;
  width: 165px;
}
.cart-alert__exit {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  display: block;
  text-align: center;
}

.cart-alert.mobile {
  background-color: #fff;
  margin: 0;
}
.cart-alert.mobile .cart-alert__title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.cart-alert.mobile .cart-alert__description {
  margin-bottom: 50px;
}

.registration-cart {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}
.no-flexbox .registration-cart, .ie .registration-cart {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-flexbox .registration-cart__cart-height, .ie .registration-cart__cart-height {
  height: 94%;
}
.registration-cart__banner {
  border-bottom: 1px solid #ddd;
  padding: 35px;
  margin: 0 25px;
  text-align: center;
  display: none;
}
@media screen and (min-width: 1024px) {
  .registration-cart__banner {
    display: block;
  }
}
.registration-cart__headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.registration-cart__items {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  display: none;
}
.no-flexbox .registration-cart__items, .ie .registration-cart__items {
  position: absolute;
  top: 49px;
  right: 0;
  bottom: 25px;
  left: 0;
}
.mobile-cart__container .registration-cart__items {
  display: block;
}
@media screen and (min-width: 1024px) {
  .registration-cart__items {
    display: block;
  }
}
.registration-cart__item {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 0;
}
.registration-cart__item:first-child {
  border-top: 1px solid transparent;
}
.registration-cart__item:last-child {
  border-bottom: 1px solid #ddd;
}
.registration-cart__item.highlighted, .is-staged .registration-cart__item:last-child {
  margin: 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  border-top: 1px solid transparent;
  z-index: 1;
}
.registration-cart__item.highlighted:before, .is-staged .registration-cart__item:last-child:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: calc(100% + 1px);
  background-color: currentColor;
}
.highlighted + .registration-cart__item {
  border-top: 1px solid transparent;
}
@media screen and (max-width: 1023px) {
  .registration-cart__footer {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 568px) {
  .registration-cart__footer {
    margin-bottom: 0px;
  }
}
.registration-cart__footer {
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.registration-cart__footer .fa-tag {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: 2px;
}
.no-flexbox .registration-cart__footer, .ie .registration-cart__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
}
.registration-cart__footer-promo.preface {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding: 12px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .registration-cart__footer-promo.preface {
    background-color: rgb(248, 248, 248);
  }
}
.ie .registration-cart__footer-promo.show-form {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 180px;
}
.ie .registration-cart__footer-promo, .ie .registration-cart__footer-promo--added {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  z-index: 1;
}
.ie .registration-cart__footer-promo {
  height: 90px;
}
.registration-cart__footer-caret {
  display: inline-block;
}
.registration-cart__footer-caret.is-flipped {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.registration-cart__footer-subtotals {
  background-color: rgb(240, 240, 240);
  padding: 15px 25px;
}
@media screen and (max-width: 1023px) {
  .registration-cart__footer-subtotals {
    padding-bottom: 112px;
  }
}
@media screen and (max-width: 768px) {
  .registration-cart__footer-subtotals {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 568px) {
  .registration-cart__footer-subtotals {
    padding: 15px 25px;
  }
}
.registration-cart__footer-total {
  padding: 20px 25px 5px;
}
@media screen and (max-width: 1023px) {
  .registration-cart__footer-total {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  .registration-cart__footer-total {
    display: block;
  }
}
.registration-cart__footer-total.registration-cart__footer-total__fr-minimum {
  padding-top: 0;
}
.registration-cart__footer-total.registration-cart__footer-total__fr-minimum .registration-cart__footer-label--total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}
.registration-cart__footer-total.registration-cart__footer-total__fr-minimum .registration-cart__footer-label--total .fr-minimum-disclaimer__tooltip-icon {
  margin-left: 5px;
}
.registration-cart__footer-total.registration-cart__footer-total__fr-minimum .registration-cart__footer-amount--total {
  font-size: 12px;
}
.registration-cart__footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  max-width: 570px;
}
.no-flexbox .registration-cart__footer-row, .ie .registration-cart__footer-row {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.registration-cart__footer-row:nth-child(2n), .registration-cart__footer-row:nth-child(3n) {
  padding-top: 7px;
  border-top: 1px dashed rgba(0, 0, 0, 0.38);
  margin-top: 7px;
}
.registration-cart__footer-label {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.registration-cart__footer-label--total {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.registration-cart__footer-amount {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: right;
}
.no-flexbox .registration-cart__footer-amount, .ie .registration-cart__footer-amount {
  display: block;
  float: right;
}
.calculating .registration-cart__footer-amount {
  color: #ccc;
}
.registration-cart__footer-amount--total {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: right;
}
.no-flexbox .registration-cart__footer-amount--total, .ie .registration-cart__footer-amount--total {
  display: block;
  float: right;
}
.calculating .registration-cart__footer-amount--total {
  color: #ccc;
}
.registration-cart__footer-amount--total {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.registration-cart__footer-loading {
  position: relative;
  margin-right: 7px;
  display: none;
  width: 16px;
  height: 16px;
}
.calculating .registration-cart__footer-loading {
  display: inline-block;
}
.registration-cart__footer-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-16px / 2);
  margin-left: calc(-16px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 16px;
  height: 16px;
  -webkit-box-shadow: inset 0 0 0 calc(16px / 10) #ccc;
  box-shadow: inset 0 0 0 calc(16px / 10) #ccc;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.registration-cart__footer-loading-spinner, .registration-cart__footer-loading-spinner:before, .registration-cart__footer-loading-spinner:after {
  border-radius: 50%;
}
.registration-cart__footer-loading-spinner:before, .registration-cart__footer-loading-spinner:after {
  position: absolute;
  content: "";
}
.registration-cart__footer-loading-spinner:before {
  width: calc(4px + 16px / 2);
  height: 20px;
  border-radius: 16px 0 0 16px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(16px / 2) calc(16px / 2);
  transform-origin: calc(16px / 2 + 2px) calc(16px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.registration-cart__footer-loading-spinner:after {
  width: calc(4px + 16px / 2);
  height: 20px;
  border-radius: 0 16px 16px 0;
  top: -2px;
  left: calc(16px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(16px / 2 + 2px);
  transform-origin: 0 calc(16px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.registration-cart__footer-loading-spinner.offWhite:before, .registration-cart__footer-loading-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.registration-cart__footer-loading-spinner.blockSlate:before, .registration-cart__footer-loading-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}
.registration-cart__alerts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media screen and (max-width: 568px) {
  .registration-cart__alerts {
    visibility: visible;
    position: fixed;
  }
}
.registration-cart__modal-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.registration-cart__modal-dismiss {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #425ccd;
  color: #ffffff;
}
.registration-cart__modal-dismiss:hover, .registration-cart__modal-dismiss[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.registration-cart__modal-dismiss[disabled], .registration-cart__modal-dismiss:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
}
.registration-cart__modal-dismiss:active:enabled, .registration-cart__modal-dismiss[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.registration-cart__modal-dismiss[disabled], .registration-cart__modal-dismiss:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.registration-cart__modal__subheader {
  text-align: center;
  margin-bottom: 25px;
}
.registration-cart__modal--cancel {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  padding: 12px 24px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 3px;
  font-weight: 700;
  background-color: rgba(25, 29, 34, 0.38);
}
.registration-cart__modal--cancel:hover:not([disabled], :disabled), .registration-cart__modal--cancel[hover]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), rgba(25, 29, 34, 0.38);
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgba(25, 29, 34, 0.38);
  -webkit-box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  cursor: pointer;
}
.registration-cart__modal--cancel:active:not([disabled], :disabled), .registration-cart__modal--cancel:enabled, .registration-cart__modal--cancel[active]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 29, 34, 0.1)), to(rgba(25, 29, 34, 0.1))), rgba(25, 29, 34, 0.38);
  background: linear-gradient(rgba(25, 29, 34, 0.1), rgba(25, 29, 34, 0.1)), rgba(25, 29, 34, 0.38);
}
.registration-cart__modal--cancel:disabled, .registration-cart__modal--cancel[disabled] {
  background-color: rgba(25, 29, 34, 0.12);
  color: rgba(255, 255, 255, 0.7);
}
.registration-cart__modal--cancel {
  margin-right: 25px;
}
.registration-cart__modal--confirm {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  display: inline-block;
  padding: 12px 24px;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  border-radius: 3px;
  font-weight: 700;
  background-color: rgb(186, 0, 13);
}
.registration-cart__modal--confirm:hover:not([disabled], :disabled), .registration-cart__modal--confirm[hover]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))), rgb(186, 0, 13);
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), rgb(186, 0, 13);
  -webkit-box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  box-shadow: 0 4px 8px 0 rgba(63, 68, 73, 0.1);
  cursor: pointer;
}
.registration-cart__modal--confirm:active:not([disabled], :disabled), .registration-cart__modal--confirm:enabled, .registration-cart__modal--confirm[active]:not([disabled], :disabled) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 29, 34, 0.1)), to(rgba(25, 29, 34, 0.1))), rgb(186, 0, 13);
  background: linear-gradient(rgba(25, 29, 34, 0.1), rgba(25, 29, 34, 0.1)), rgb(186, 0, 13);
}
.registration-cart__modal--confirm:disabled, .registration-cart__modal--confirm[disabled] {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.38)), to(rgba(255, 255, 255, 0.38))), rgb(186, 0, 13);
  background: linear-gradient(rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.38)), rgb(186, 0, 13);
}
.registration-cart__promo {
  background-color: rgb(248, 248, 248);
  padding: 20px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.registration-cart__promo form {
  max-width: 570px;
  margin: 0 auto;
}
.registration-cart__promo-add {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-weight: 600;
  position: relative;
}
.registration-cart__promo-add .form__helper {
  margin-top: 0;
}
.registration-cart__promo-link {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  display: block;
  width: 100%;
}
.registration-cart__promo-cancel {
  color: rgba(0, 0, 0, 0.38);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.registration-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (min-width: 640px) {
  .registration-nav {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .registration-nav {
    max-width: 570px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .registration-nav {
    padding: 0 0 12px 0;
  }
}
@media screen and (max-width: 568px) {
  .registration-nav {
    padding-bottom: 2px;
  }
}
.no-flexbox .registration-nav, .ie .registration-nav {
  position: relative;
  display: block;
  height: 100%;
}
.no-flexbox .registration-nav > :first-child, .ie .registration-nav > :first-child {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  margin: 0;
}
.no-flexbox .registration-nav > :last-child, .ie .registration-nav > :last-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 47%;
  margin: 0;
}
.registration-nav__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (min-width: 1024px) {
  .registration-nav__buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.registration-nav__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px 0;
  margin-right: 25px;
  background-color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .registration-nav__button {
    color: rgb(255, 255, 255);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding: 11px 36px;
  }
}
@media screen and (min-width: 1024px) {
  .registration-nav__button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 10px 0;
  }
}
@media screen and (min-width: 1280px) {
  .registration-nav__button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
  }
}
.registration-nav__button:last-child {
  margin-right: 0;
}
.registration-nav__button.disabled {
  background-color: #57687d !important;
  cursor: default;
}
.registration-nav__button.disabled:focus {
  outline: none;
}
.registration-nav__button {
  max-height: 40px;
}
@media screen and (max-width: 208px) {
  .registration-nav__button {
    font-size: 18px;
  }
}
.registration-nav__button--secondary {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px 0;
  margin-right: 25px;
  background-color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .registration-nav__button--secondary {
    color: rgb(87, 104, 125);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding: 11px 36px;
  }
}
@media screen and (min-width: 1024px) {
  .registration-nav__button--secondary {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 10px 0;
  }
}
@media screen and (min-width: 1280px) {
  .registration-nav__button--secondary {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
  }
}
.registration-nav__button--secondary:last-child {
  margin-right: 0;
}
.registration-nav__button--secondary.disabled {
  background-color: #57687d !important;
}
.registration-nav__button--secondary {
  max-height: 40px;
  background-color: transparent;
  border: 1px solid #e0e0e0;
}
@media screen and (max-width: 208px) {
  .registration-nav__button--secondary {
    font-size: 18px;
  }
}
.registration-nav__button--secondary.disabled {
  background-color: transparent !important;
  border-color: #e0e0e0;
  color: #e0e0e0;
  cursor: default;
}
.registration-nav__button--secondary.disabled:focus {
  outline: none;
}
.registration-nav__total {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  display: none;
}
@media screen and (min-width: 768px) {
  .registration-nav__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .registration-nav__total {
    display: none;
  }
}
.registration-nav__total-amount {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}

.fr-minimum__reserve-disclaimer {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}

.checkout-nav-total-section {
  display: none;
}
@media screen and (min-width: 569px) and (max-width: 767px) {
  .checkout-nav-total-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 570px;
    padding: 5px 0 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}

.checkout-section {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 568px) {
  .checkout-section .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 0;
  }
}
.no-flexbox .checkout-section, .ie .checkout-section {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.checkout-section__banner {
  height: 120px;
  padding: 0 25px;
  background-color: rgb(248, 248, 248);
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.no-flexbox .checkout-section__banner, .ie .checkout-section__banner {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 95px;
  left: 0;
}
.checkout-section__body {
  position: relative;
  padding: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.checkout-section__body.no-banner {
  padding-top: 72px;
}
@media screen and (max-width: 320px) {
  .checkout-section__body.no-banner {
    padding-top: 0;
  }
}
.no-flexbox .checkout-section__body, .ie .checkout-section__body {
  position: absolute;
  top: 95px;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 568px) {
  .checkout-section__body {
    padding: 0px 13px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .checkout-section__body {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 640px) {
  .checkout-section__body {
    padding: 36px 100px 80px 100px;
  }
  .checkout-section__body .panel {
    margin: 0 auto 36px;
  }
}
.checkout-section__headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.no-flexbox .checkout-section__headline, .ie .checkout-section__headline {
  padding-top: 35px;
}
.checkout-section__subheadline {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  max-width: 570px;
  padding: 4px 25px 0px;
}
@media screen and (min-width: 1280px) {
  .checkout-section__subheadline {
    max-width: 640px;
  }
}
@media screen and (max-width: 768px) {
  .checkout-section__subheadline {
    padding: 4px 75px 0px;
  }
}
@media screen and (max-width: 568px) {
  .checkout-section__subheadline {
    padding: 4px 13px 0px;
  }
}
.checkout-section__bypass {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

/**
 * getLineHeight - Calculate line height based on padding and height of button
 * @param  {string} $padding pixels
 * @param  {string} $height  pixels
 */
.admin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button.aquamarine,
.admin-button.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button.aquamarine:focus,
.admin-button.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button.aquamarine:hover, .admin-button.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button.gray,
.admin-button.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button.gray:focus,
.admin-button.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button.gray:hover, .admin-button.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button.blue-gray,
.admin-button.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button.blue-gray:focus,
.admin-button.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button.blue-gray:hover, .admin-button.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button.green,
.admin-button.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button.green:focus,
.admin-button.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button.green:hover, .admin-button.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button.outlined.red,
.admin-button.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button.outlined.red:hover, .admin-button.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button.outlined.gray,
.admin-button.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button.outlined.gray:hover, .admin-button.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button.outlined.black,
.admin-button.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button.outlined.black:hover, .admin-button.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button.outlined.aquamarine,
.admin-button.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button.outlined.aquamarine:hover, .admin-button.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button[disabled], .admin-button:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button.dropdown:hover .frs-dropdown__options, .admin-button.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button.dropdown,
.admin-button .dropdown {
  position: relative;
}
.admin-button .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button .fa,
.admin-button .form_icon {
  margin-right: 8px;
}
.admin-button__primary {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button__primary.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__primary.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__primary.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__primary.aquamarine,
.admin-button__primary.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__primary.aquamarine:focus,
.admin-button__primary.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__primary.aquamarine:hover, .admin-button__primary.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button__primary.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__primary.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__primary.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__primary.gray,
.admin-button__primary.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__primary.gray:focus,
.admin-button__primary.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__primary.gray:hover, .admin-button__primary.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__primary.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button__primary.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button__primary.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button__primary.blue-gray,
.admin-button__primary.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__primary.blue-gray:focus,
.admin-button__primary.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__primary.blue-gray:hover, .admin-button__primary.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button__primary.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button__primary.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button__primary.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button__primary.green,
.admin-button__primary.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__primary.green:focus,
.admin-button__primary.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__primary.green:hover, .admin-button__primary.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button__primary.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button__primary.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button__primary.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button__primary.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button__primary.outlined.red,
.admin-button__primary.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button__primary.outlined.red:hover, .admin-button__primary.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button__primary.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button__primary.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__primary.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__primary.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__primary.outlined.gray,
.admin-button__primary.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button__primary.outlined.gray:hover, .admin-button__primary.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button__primary.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button__primary.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button__primary.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button__primary.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button__primary.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button__primary.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button__primary.outlined.black,
.admin-button__primary.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button__primary.outlined.black:hover, .admin-button__primary.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button__primary.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button__primary.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__primary.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__primary.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__primary.outlined.aquamarine,
.admin-button__primary.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button__primary.outlined.aquamarine:hover, .admin-button__primary.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button__primary.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button__primary[disabled], .admin-button__primary:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button__primary.dropdown:hover .frs-dropdown__options, .admin-button__primary.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button__primary.dropdown,
.admin-button__primary .dropdown {
  position: relative;
}
.admin-button__primary .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button__primary .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button__primary .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button__primary .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button__primary .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button__primary .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button__primary .fa,
.admin-button__primary .form_icon {
  margin-right: 8px;
}
.admin-button__primary {
  line-height: 33px;
  padding: 5px 10px;
  height: 45px;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__primary .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__primary .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__primary .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__primary,
.admin-button__primary .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__primary:focus,
.admin-button__primary .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__primary:hover, .admin-button__primary:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button__primary {
  font-size: 15px;
  width: 190px;
  color: #ffffff;
  border: 2px solid transparent;
}
@media screen and (max-width: 568px) {
  .admin-button__primary {
    width: 100%;
  }
}
.admin-button__primary.large {
  width: 236px;
  line-height: 27px;
  padding: 12px 25px;
  height: 53px;
}
.admin-button__secondary {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button__secondary.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__secondary.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__secondary.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__secondary.aquamarine,
.admin-button__secondary.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary.aquamarine:focus,
.admin-button__secondary.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary.aquamarine:hover, .admin-button__secondary.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button__secondary.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__secondary.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__secondary.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__secondary.gray,
.admin-button__secondary.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary.gray:focus,
.admin-button__secondary.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary.gray:hover, .admin-button__secondary.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__secondary.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button__secondary.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button__secondary.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button__secondary.blue-gray,
.admin-button__secondary.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary.blue-gray:focus,
.admin-button__secondary.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary.blue-gray:hover, .admin-button__secondary.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button__secondary.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button__secondary.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button__secondary.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button__secondary.green,
.admin-button__secondary.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary.green:focus,
.admin-button__secondary.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary.green:hover, .admin-button__secondary.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button__secondary.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button__secondary.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button__secondary.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button__secondary.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button__secondary.outlined.red,
.admin-button__secondary.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button__secondary.outlined.red:hover, .admin-button__secondary.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button__secondary.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button__secondary.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__secondary.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__secondary.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__secondary.outlined.gray,
.admin-button__secondary.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button__secondary.outlined.gray:hover, .admin-button__secondary.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button__secondary.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button__secondary.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button__secondary.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button__secondary.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button__secondary.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button__secondary.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button__secondary.outlined.black,
.admin-button__secondary.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button__secondary.outlined.black:hover, .admin-button__secondary.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button__secondary.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button__secondary.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__secondary.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__secondary.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__secondary.outlined.aquamarine,
.admin-button__secondary.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button__secondary.outlined.aquamarine:hover, .admin-button__secondary.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button__secondary.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button__secondary[disabled], .admin-button__secondary:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button__secondary.dropdown:hover .frs-dropdown__options, .admin-button__secondary.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button__secondary.dropdown,
.admin-button__secondary .dropdown {
  position: relative;
}
.admin-button__secondary .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button__secondary .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button__secondary .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button__secondary .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button__secondary .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button__secondary .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button__secondary .fa,
.admin-button__secondary .form_icon {
  margin-right: 8px;
}
.admin-button__secondary {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__secondary .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__secondary .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__secondary,
.admin-button__secondary .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary:focus,
.admin-button__secondary .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary:hover, .admin-button__secondary:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__secondary {
  font-size: 13px;
  padding: 8px 20px;
  color: #ffffff;
  border: 2px solid transparent;
}
.admin-button__secondary .dropdown_options {
  top: 34px;
}
.admin-button__secondary--appended {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button__secondary--appended.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__secondary--appended.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__secondary--appended.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__secondary--appended.aquamarine,
.admin-button__secondary--appended.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary--appended.aquamarine:focus,
.admin-button__secondary--appended.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary--appended.aquamarine:hover, .admin-button__secondary--appended.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button__secondary--appended.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__secondary--appended.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__secondary--appended.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__secondary--appended.gray,
.admin-button__secondary--appended.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary--appended.gray:focus,
.admin-button__secondary--appended.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary--appended.gray:hover, .admin-button__secondary--appended.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__secondary--appended.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button__secondary--appended.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button__secondary--appended.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button__secondary--appended.blue-gray,
.admin-button__secondary--appended.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary--appended.blue-gray:focus,
.admin-button__secondary--appended.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary--appended.blue-gray:hover, .admin-button__secondary--appended.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button__secondary--appended.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button__secondary--appended.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button__secondary--appended.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button__secondary--appended.green,
.admin-button__secondary--appended.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary--appended.green:focus,
.admin-button__secondary--appended.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary--appended.green:hover, .admin-button__secondary--appended.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button__secondary--appended.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button__secondary--appended.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button__secondary--appended.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button__secondary--appended.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button__secondary--appended.outlined.red,
.admin-button__secondary--appended.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button__secondary--appended.outlined.red:hover, .admin-button__secondary--appended.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button__secondary--appended.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button__secondary--appended.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__secondary--appended.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__secondary--appended.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__secondary--appended.outlined.gray,
.admin-button__secondary--appended.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button__secondary--appended.outlined.gray:hover, .admin-button__secondary--appended.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button__secondary--appended.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button__secondary--appended.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button__secondary--appended.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button__secondary--appended.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button__secondary--appended.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button__secondary--appended.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button__secondary--appended.outlined.black,
.admin-button__secondary--appended.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button__secondary--appended.outlined.black:hover, .admin-button__secondary--appended.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button__secondary--appended.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button__secondary--appended.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__secondary--appended.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__secondary--appended.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__secondary--appended.outlined.aquamarine,
.admin-button__secondary--appended.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button__secondary--appended.outlined.aquamarine:hover, .admin-button__secondary--appended.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button__secondary--appended.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button__secondary--appended[disabled], .admin-button__secondary--appended:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button__secondary--appended.dropdown:hover .frs-dropdown__options, .admin-button__secondary--appended.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button__secondary--appended.dropdown,
.admin-button__secondary--appended .dropdown {
  position: relative;
}
.admin-button__secondary--appended .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button__secondary--appended .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button__secondary--appended .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button__secondary--appended .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button__secondary--appended .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button__secondary--appended .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button__secondary--appended .fa,
.admin-button__secondary--appended .form_icon {
  margin-right: 8px;
}
.admin-button__secondary--appended {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__secondary--appended .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__secondary--appended .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__secondary--appended .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__secondary--appended,
.admin-button__secondary--appended .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__secondary--appended:focus,
.admin-button__secondary--appended .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__secondary--appended:hover, .admin-button__secondary--appended:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__secondary--appended {
  font-size: 13px;
  padding: 8px 20px;
  color: #ffffff;
  border: 2px solid transparent;
}
.admin-button__secondary--appended .dropdown_options {
  top: 34px;
}
.admin-button__secondary--appended {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.admin-button__submit {
  height: 42px;
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__submit .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__submit .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__submit .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__submit,
.admin-button__submit .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__submit:focus,
.admin-button__submit .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__submit:hover, .admin-button__submit:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__submit {
  border-radius: 0 3px 3px 0;
  padding: 0 20px;
  color: #ffffff;
  text-transform: uppercase;
}
.admin-button__tertiary {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary .frs-dropdown__options {
  border-color: rgb(44, 52, 59);
  border-width: 2px;
}
.admin-button__tertiary .frs-dropdown__option {
  color: rgb(167.932038835, 179.7378640777, 190.067961165);
}
.admin-button__tertiary .frs-dropdown__option:hover {
  color: hsl(208, 14.5631067961%, 120.1960784314%);
  background-color: rgb(33.1067961165, 39.1262135922, 44.3932038835);
}
.admin-button__tertiary,
.admin-button__tertiary .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__tertiary:focus,
.admin-button__tertiary .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__tertiary:hover, .admin-button__tertiary:hover .frs-dropdown__options {
  background-color: rgb(54.8932038835, 64.8737864078, 73.6067961165);
  border-color: rgb(54.8932038835, 64.8737864078, 73.6067961165);
}
.admin-button__tertiary {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button__tertiary.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__tertiary.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__tertiary.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__tertiary.aquamarine,
.admin-button__tertiary.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__tertiary.aquamarine:focus,
.admin-button__tertiary.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__tertiary.aquamarine:hover, .admin-button__tertiary.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button__tertiary.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__tertiary.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__tertiary.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__tertiary.gray,
.admin-button__tertiary.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__tertiary.gray:focus,
.admin-button__tertiary.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__tertiary.gray:hover, .admin-button__tertiary.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button__tertiary.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button__tertiary.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button__tertiary.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button__tertiary.blue-gray,
.admin-button__tertiary.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__tertiary.blue-gray:focus,
.admin-button__tertiary.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__tertiary.blue-gray:hover, .admin-button__tertiary.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button__tertiary.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button__tertiary.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button__tertiary.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button__tertiary.green,
.admin-button__tertiary.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button__tertiary.green:focus,
.admin-button__tertiary.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button__tertiary.green:hover, .admin-button__tertiary.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button__tertiary.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button__tertiary.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button__tertiary.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button__tertiary.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button__tertiary.outlined.red,
.admin-button__tertiary.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button__tertiary.outlined.red:hover, .admin-button__tertiary.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button__tertiary.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button__tertiary.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button__tertiary.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button__tertiary.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button__tertiary.outlined.gray,
.admin-button__tertiary.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button__tertiary.outlined.gray:hover, .admin-button__tertiary.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button__tertiary.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button__tertiary.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button__tertiary.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button__tertiary.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button__tertiary.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button__tertiary.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button__tertiary.outlined.black,
.admin-button__tertiary.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button__tertiary.outlined.black:hover, .admin-button__tertiary.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button__tertiary.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button__tertiary.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button__tertiary.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button__tertiary.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button__tertiary.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button__tertiary.outlined.aquamarine,
.admin-button__tertiary.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button__tertiary.outlined.aquamarine:hover, .admin-button__tertiary.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button__tertiary.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button__tertiary[disabled], .admin-button__tertiary:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button__tertiary.dropdown:hover .frs-dropdown__options, .admin-button__tertiary.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button__tertiary.dropdown,
.admin-button__tertiary .dropdown {
  position: relative;
}
.admin-button__tertiary .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button__tertiary .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button__tertiary .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button__tertiary .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button__tertiary .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button__tertiary .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button__tertiary .fa,
.admin-button__tertiary .form_icon {
  margin-right: 8px;
}
.admin-button__tertiary {
  border-style: solid;
  border-radius: 4px;
  min-width: 110px;
  padding: 4px 10px;
  font-size: 13px;
  border-color: rgb(44, 52, 59);
}
.admin-button__save-page {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  border-color: #425ccd;
}
.admin-button__save-page:hover, .admin-button__save-page[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: #425ccd;
  color: #ffffff;
}
.admin-button__save-page:active:enabled, .admin-button__save-page[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #425ccd;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #425ccd;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.admin-button__save-page[disabled], .admin-button__save-page:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button__save-page {
  margin-left: 30px;
  color: #425ccd;
  vertical-align: bottom;
}
.admin-button__save-page:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_hard-disable {
  display: inline-block;
  z-index: 20;
  width: 100%;
  height: 45px;
  position: absolute;
  cursor: auto;
}
.admin-button {
  /**
   * Misc Elements
   */
}
.admin-button_icon {
  margin-right: 10px;
}
.admin-button_caret.fa {
  margin-left: 15px;
  margin-right: -5px;
}
.admin-button_options {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  text-transform: uppercase;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button_options.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button_options.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button_options.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button_options.aquamarine,
.admin-button_options.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_options.aquamarine:focus,
.admin-button_options.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_options.aquamarine:hover, .admin-button_options.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button_options.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button_options.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button_options.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button_options.gray,
.admin-button_options.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_options.gray:focus,
.admin-button_options.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_options.gray:hover, .admin-button_options.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button_options.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button_options.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button_options.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button_options.blue-gray,
.admin-button_options.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_options.blue-gray:focus,
.admin-button_options.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_options.blue-gray:hover, .admin-button_options.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button_options.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button_options.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button_options.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button_options.green,
.admin-button_options.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_options.green:focus,
.admin-button_options.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_options.green:hover, .admin-button_options.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button_options.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button_options.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button_options.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button_options.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button_options.outlined.red,
.admin-button_options.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button_options.outlined.red:hover, .admin-button_options.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button_options.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button_options.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button_options.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button_options.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button_options.outlined.gray,
.admin-button_options.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button_options.outlined.gray:hover, .admin-button_options.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button_options.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button_options.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button_options.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button_options.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button_options.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button_options.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button_options.outlined.black,
.admin-button_options.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button_options.outlined.black:hover, .admin-button_options.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button_options.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button_options.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_options.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button_options.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button_options.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button_options.outlined.aquamarine,
.admin-button_options.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button_options.outlined.aquamarine:hover, .admin-button_options.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button_options.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button_options[disabled], .admin-button_options:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button_options.dropdown:hover .frs-dropdown__options, .admin-button_options.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button_options.dropdown,
.admin-button_options .dropdown {
  position: relative;
}
.admin-button_options .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button_options .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button_options .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button_options .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button_options .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button_options .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button_options .fa,
.admin-button_options .form_icon {
  margin-right: 8px;
}
.admin-button_options {
  background-color: #bfc1c4;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
}
.admin-button_action {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  /**
   * Colors
   */
}
.admin-button_action.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button_action.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button_action.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button_action.aquamarine,
.admin-button_action.aquamarine .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_action.aquamarine:focus,
.admin-button_action.aquamarine .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_action.aquamarine:hover, .admin-button_action.aquamarine:hover .frs-dropdown__options {
  background-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
  border-color: rgb(86.1652719665, 109.3912133891, 210.3347280335);
}
.admin-button_action.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button_action.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button_action.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button_action.gray,
.admin-button_action.gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_action.gray:focus,
.admin-button_action.gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_action.gray:hover, .admin-button_action.gray:hover .frs-dropdown__options {
  background-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
  border-color: rgb(174.2430939227, 180.2569060773, 175.9613259669);
}
.admin-button_action.blue-gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.blue-gray .frs-dropdown__options {
  border-color: rgb(68, 75, 85);
  border-width: 2px;
}
.admin-button_action.blue-gray .frs-dropdown__option {
  color: rgb(198.3333333333, 203, 209.6666666667);
}
.admin-button_action.blue-gray .frs-dropdown__option:hover {
  color: hsl(215.2941176471, 11.1111111111%, 130%);
  background-color: rgb(56.6666666667, 62.5, 70.8333333333);
}
.admin-button_action.blue-gray,
.admin-button_action.blue-gray .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_action.blue-gray:focus,
.admin-button_action.blue-gray .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_action.blue-gray:hover, .admin-button_action.blue-gray:hover .frs-dropdown__options {
  background-color: rgb(79.3333333333, 87.5, 99.1666666667);
  border-color: rgb(79.3333333333, 87.5, 99.1666666667);
}
.admin-button_action.green {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.green .frs-dropdown__options {
  border-color: rgb(89, 233, 196);
  border-width: 2px;
}
.admin-button_action.green .frs-dropdown__option {
  color: hsl(164.5833333333, 76.5957446809%, 113.137254902%);
}
.admin-button_action.green .frs-dropdown__option:hover {
  color: hsl(164.5833333333, 76.5957446809%, 163.137254902%);
  background-color: rgb(66.4840425532, 230.0159574468, 187.9973404255);
}
.admin-button_action.green,
.admin-button_action.green .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.admin-button_action.green:focus,
.admin-button_action.green .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.admin-button_action.green:hover, .admin-button_action.green:hover .frs-dropdown__options {
  background-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
  border-color: rgb(111.5159574468, 235.9840425532, 204.0026595745);
}
.admin-button_action.outlined {
  background: transparent;
  border-style: solid;
}
.admin-button_action.outlined.red {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.outlined.red .frs-dropdown__options {
  border-color: rgb(247, 116, 98);
  border-width: 2px;
}
.admin-button_action.outlined.red .frs-dropdown__option {
  color: hsl(7.2483221477, 90.303030303%, 117.6470588235%);
}
.admin-button_action.outlined.red .frs-dropdown__option:hover {
  color: hsl(7.2483221477, 90.303030303%, 167.6470588235%);
  background-color: rgb(245.7636363636, 94.5181818182, 73.7363636364);
}
.admin-button_action.outlined.red,
.admin-button_action.outlined.red .frs-dropdown__options {
  color: rgb(247, 116, 98);
}
.admin-button_action.outlined.red:hover, .admin-button_action.outlined.red:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(247, 116, 98);
}
.admin-button_action.outlined.red {
  border-color: rgb(247, 116, 98);
}
.admin-button_action.outlined.gray {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.outlined.gray .frs-dropdown__options {
  border-color: #a1a8a3;
  border-width: 2px;
}
.admin-button_action.outlined.gray .frs-dropdown__option {
  color: hsl(137.1428571429, 3.8674033149%, 114.5098039216%);
}
.admin-button_action.outlined.gray .frs-dropdown__option:hover {
  color: hsl(137.1428571429, 3.8674033149%, 164.5098039216%);
  background-color: rgb(147.7569060773, 155.7430939227, 150.0386740331);
}
.admin-button_action.outlined.gray,
.admin-button_action.outlined.gray .frs-dropdown__options {
  color: #a1a8a3;
}
.admin-button_action.outlined.gray:hover, .admin-button_action.outlined.gray:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #a1a8a3;
}
.admin-button_action.outlined.gray {
  border-color: #a1a8a3;
}
.admin-button_action.outlined.gray:hover {
  background-color: rgb(84, 89, 97);
}
.admin-button_action.outlined.unpublishbtn:focus {
  outline: #425ccd auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.admin-button_action.outlined.black {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.outlined.black .frs-dropdown__options {
  border-color: rgb(35, 42, 47);
  border-width: 2px;
}
.admin-button_action.outlined.black .frs-dropdown__option {
  color: rgb(155.8414634146, 170.6097560976, 181.1585365854);
}
.admin-button_action.outlined.black .frs-dropdown__option:hover {
  color: hsl(205, 14.6341463415%, 116.0784313725%);
  background-color: rgb(24.1158536585, 28.9390243902, 32.3841463415);
}
.admin-button_action.outlined.black,
.admin-button_action.outlined.black .frs-dropdown__options {
  color: rgb(35, 42, 47);
}
.admin-button_action.outlined.black:hover, .admin-button_action.outlined.black:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(35, 42, 47);
}
.admin-button_action.outlined.black {
  border-color: rgb(35, 42, 47);
}
.admin-button_action.outlined.aquamarine {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.admin-button_action.outlined.aquamarine .frs-dropdown__options {
  border-color: #425ccd;
  border-width: 2px;
}
.admin-button_action.outlined.aquamarine .frs-dropdown__option {
  color: hsl(228.7769784173, 58.1589958159%, 103.137254902%);
}
.admin-button_action.outlined.aquamarine .frs-dropdown__option:hover {
  color: hsl(228.7769784173, 58.1589958159%, 153.137254902%);
  background-color: rgb(51.359832636, 78.0669456067, 194.140167364);
}
.admin-button_action.outlined.aquamarine,
.admin-button_action.outlined.aquamarine .frs-dropdown__options {
  color: #425ccd;
}
.admin-button_action.outlined.aquamarine:hover, .admin-button_action.outlined.aquamarine:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: #425ccd;
}
.admin-button_action.outlined.aquamarine {
  border-color: #425ccd;
}
.admin-button_action[disabled], .admin-button_action:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.admin-button_action.dropdown:hover .frs-dropdown__options, .admin-button_action.dropdown:focus .frs-dropdown__options {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.admin-button_action.dropdown,
.admin-button_action .dropdown {
  position: relative;
}
.admin-button_action .frs-dropdown__options {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -2px;
  right: -2px;
  border-top: none;
  z-index: 1;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  overflow: hidden;
}
.admin-button_action .frs-dropdown__option {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 15px 12px 15px;
  text-transform: capitalize;
  font-size: 11px;
  width: 100%;
  text-align: left;
}
.admin-button_action .frs-dropdown__option.hover-show-icon {
  padding: 10px 25px 12px 15px;
}
.admin-button_action .frs-dropdown__option.hover-show-icon .fa {
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
  opacity: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
.admin-button_action .frs-dropdown__option.hover-show-icon:hover {
  padding: 10px 5px 12px 35px;
}
.admin-button_action .frs-dropdown__option.hover-show-icon:hover .fa {
  opacity: 1;
}
.admin-button_action .fa,
.admin-button_action .form_icon {
  margin-right: 8px;
}
.admin-button_action {
  background-color: #425ccd;
  padding: 0 30px;
  height: 45px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  line-height: 45px;
}
.admin-button_action.right {
  float: right;
}
.admin-button_wrap {
  position: relative;
}

.admin-modal_canvas {
  position: relative;
  margin: 0 auto 100px auto;
  text-align: left;
  overflow: visible;
}
.admin-modal_canvas.start {
  width: 400px;
}
.admin-modal_canvas.classy-mode {
  width: 625px;
}
.admin-modal_canvas.medium {
  width: 520px;
}
.admin-modal_main {
  position: relative;
  background-color: #ffffff;
  text-align: center;
  padding: 40px 58px 20px 58px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 208px) {
  .admin-modal_main {
    padding: 0;
  }
}
.admin-modal_image {
  width: 100px;
  height: auto;
  display: inline-block;
  margin: 0 auto 10px auto;
}
.admin-modal_image.full {
  width: 100%;
}
.admin-modal_title {
  font-size: 27px;
  font-weight: 300;
  color: #3a434a;
  margin-bottom: 8px;
}
.admin-modal_title.white {
  color: #ffffff;
}
.admin-modal_subtitle {
  color: rgb(87, 104, 125);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
}
.admin-modal_p {
  font-size: 14px;
  color: #a1a8ac;
  margin-bottom: 33px;
}
.admin-modal_cancel {
  font-size: 11px;
  text-decoration: underline;
  color: #a1a8ac;
  display: block;
  margin-top: 15px;
}
.admin-modal_warning {
  font-size: 100px;
  color: rgb(210, 210, 210);
}

/**
 * getLineHeight - Calculate line height based on padding and height of button
 * @param  {string} $padding pixels
 * @param  {string} $height  pixels
 */
.admin-notify-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  color: #ffffff;
  display: table;
  background: #425ccd;
}
.admin-notify-fullscreen--slate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  color: #ffffff;
  display: table;
  background: rgb(54, 62, 69);
}
.admin-notify-fullscreen_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
}
.admin-notify-fullscreen_image {
  width: 70px;
  margin-bottom: 20px;
}
.admin-notify-fullscreen_text {
  font-size: 34px;
  font-family: "Museo Sans Rounded", Verdana, Geneva, sans-serif;
  font-weight: 200;
}

.admin-npo-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.admin-npo-banner + div {
  margin-top: 50px;
}
.admin-npo-banner .admin-npo-header {
  width: 100%;
  height: 50px;
  font-size: 13px;
  padding: 0 40px;
  background-color: rgb(35, 42, 47);
  color: #fff;
  position: relative;
}
@media screen and (max-width: 568px) {
  .admin-npo-banner .admin-npo-header {
    padding: 0 20px;
  }
}
.admin-npo-banner .admin-npo-header_inner::after {
  clear: both;
  content: "";
  display: table;
}
.admin-npo-banner .admin-npo-header_inner {
  position: relative;
  max-width: 1350px;
  margin: 0 auto;
}
.admin-npo-banner .admin-npo-header_nav {
  float: left;
}
.admin-npo-banner .admin-npo-header_nav-icon {
  display: block;
  float: left;
  font-size: 22px;
  color: #a1a8a3;
  height: 50px;
  padding: 14px 0 0;
}
.admin-npo-banner .admin-npo-header_nav-link {
  display: block;
  float: left;
  padding: 18px 10px 0;
  height: 50px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.admin-npo-banner .admin-npo-header_menu {
  float: right;
  margin: 6px 0 0 0;
  vertical-align: middle;
  position: relative;
  width: auto;
  text-align: right;
}
.admin-npo-banner .admin-npo-header_menu-status {
  margin-top: 10px;
  margin-right: 15px;
  display: inline-block;
  color: #a1a8a3;
}
@media screen and (max-width: 768px) {
  .admin-npo-banner .admin-npo-header_menu-status {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  .admin-npo-banner .admin-npo-header_menu .admin-button__secondary.sc-no-animate {
    display: none;
  }
}
.admin-npo-banner .admin-npo-header_menu-option {
  display: inline-block;
}

.p2p-mobile-nav {
  background-color: rgb(240, 240, 240);
}
.p2p-mobile-nav_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 68px;
  color: #ffffff;
  padding: 0px 6% 20px 6%;
}
.p2p-mobile-nav_title {
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: 20px;
}
.p2p-mobile-nav_table {
  padding-top: 6%;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
}
.p2p-mobile-nav_table-header {
  padding: 0 6% 20px 6%;
  display: block;
  text-transform: uppercase;
  color: rgb(114, 126, 131);
}
.p2p-mobile-nav_table.account {
  color: #a1a8a3;
}
.p2p-mobile-nav_table.loggedout {
  padding-top: 0;
}
.p2p-mobile-nav_row::after {
  clear: both;
  content: "";
  display: table;
}
.p2p-mobile-nav_row {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a1a8a3;
  background-color: #ffffff;
  border-bottom: 1px solid rgb(240, 240, 240);
  padding: 20px 6%;
}
.p2p-mobile-nav_row-icon {
  width: 60px;
  border-radius: 7px;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  margin-right: 4%;
}
.share .p2p-mobile-nav_row-icon {
  font-size: 20px;
}
.p2p-mobile-nav_row .fa-share {
  font-size: 37px;
}
.p2p-mobile-nav_row {
  /*   .ci {
    padding-right: 8%;
  }*/
}
.p2p-mobile-nav_row-details {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.p2p-mobile-nav_row-links {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  text-align: right;
}
.p2p-mobile-nav_link {
  text-decoration: underline;
}
.p2p-mobile-nav_campaign {
  padding: 30px 30px 35px 30px;
}
.p2p-mobile-nav_campaign-name {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.p2p-mobile-nav_campaign-description {
  margin-top: 10px;
  color: #a1a8a3;
}
.p2p-mobile-nav_campaign-button-container {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 35px;
}
.p2p-mobile-nav_campaign-button {
  -ms-flex-item-align: center;
  align-self: center;
  display: inline-block;
  padding: 13px 30px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.024em;
  border-radius: 3px;
  width: 85%;
  text-align: center;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p2p-mobile-nav_campaign-button.outlined {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.p2p-mobile-nav_campaign-button.outlined .frs-dropdown__options {
  border-color: rgb(84, 89, 97);
  border-width: 2px;
}
.p2p-mobile-nav_campaign-button.outlined .frs-dropdown__option {
  color: rgb(215.3425414365, 217.3867403315, 220.6574585635);
}
.p2p-mobile-nav_campaign-button.outlined .frs-dropdown__option:hover {
  color: hsl(216.9230769231, 7.182320442%, 135.4901960784%);
  background-color: rgb(72.1657458564, 76.4613259669, 83.3342541436);
}
.p2p-mobile-nav_campaign-button.outlined,
.p2p-mobile-nav_campaign-button.outlined .frs-dropdown__options {
  color: rgb(84, 89, 97);
}
.p2p-mobile-nav_campaign-button.outlined:hover, .p2p-mobile-nav_campaign-button.outlined:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: rgb(84, 89, 97);
}
.p2p-mobile-nav_campaign-button.outlined {
  padding: 11px 30px;
  border-width: 2px;
  border-style: solid;
}
.p2p-mobile-nav_campaign-button.primary {
  background-color: #425ccd;
}
.p2p-mobile-nav_campaign-link.share {
  display: inline-block;
  background-color: rgb(240, 240, 240);
  text-align: center;
}
.p2p-mobile-nav .sc-campaign-progress_bar-mask {
  height: 10px;
  border-radius: 10px;
}

.supporter-dashboard {
  position: relative;
}
.supporter-dashboard::after {
  clear: both;
  content: "";
  display: table;
}
.flexbox.flexboxlegacy .supporter-dashboard {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .supporter-dashboard, .flexbox.flexboxlegacy .supporter-dashboard {
  min-height: calc(100vh - 226px);
}
.supporter-dashboard_truncate {
  height: 370px;
  overflow: hidden;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_truncate {
    height: 0px;
  }
}
.supporter-dashboard_body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_body {
    margin-top: 0;
  }
}
.supporter-dashboard_form-buttons {
  float: right;
  clear: both;
}
.supporter-dashboard_button-primary {
  padding: 11px 40px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 0;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_button-primary {
    padding: 11px 35px;
  }
}
.supporter-dashboard_button-primary:focus {
  outline: 0;
}
.supporter-dashboard_button-primary.disabled {
  cursor: not-allowed;
}
.supporter-dashboard_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 33px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .supporter-dashboard_user-image {
    width: 33px;
    height: 33px;
    border-radius: 33px;
  }
}
.supporter-dashboard_user-image.relative {
  position: relative;
  margin-right: 20px;
}
.supporter-dashboard_user-image span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard .footer {
    display: none;
  }
}
.supporter-dashboard_social {
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100%;
  border-top: 1px solid rgb(210, 210, 210);
}
.supporter-dashboard_social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}
.supporter-dashboard_share-list {
  padding: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgb(248, 248, 248);
}
.supporter-dashboard_share-item {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.supporter-dashboard_share-item_icon {
  font-size: 50px;
  margin-bottom: 4px;
}
.supporter-dashboard_share-item_icon.fa-facebook-square {
  color: rgb(59, 89, 152);
}
.supporter-dashboard_share-item_icon.fa-twitter-square {
  color: #00aced;
}
.supporter-dashboard_share-item_icon.fa-envelope-square {
  color: rgb(247, 116, 98);
}
.supporter-dashboard_share-item_icon.fa-comment {
  color: #7ed321;
  font-size: 45px;
  padding-bottom: 5px;
}
.supporter-dashboard_share-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
}
.supporter-dashboard_share.cancel {
  background-color: rgb(248, 248, 248);
  text-align: center;
  padding: 13px;
  margin-top: 10px;
  color: rgb(66, 194, 246);
  font-weight: 500;
  font-size: 18px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_footer {
    padding-bottom: 55px;
  }
  .supporter-dashboard_footer .sc-block {
    display: none;
  }
}
.supporter-dashboard_footer .supporter-dashboard_tabs {
  display: none;
  position: fixed;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_footer .supporter-dashboard_tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/**
 * Mixins
 */
.fundraiser-dashboard-page_header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .fundraiser-dashboard-page_header {
    padding-top: 70px;
  }
}
.fundraiser-dashboard-page_header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser-dashboard-page_header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser-dashboard-page_header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}

.fundraiser-dashboard_button {
  padding: 0 25px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  height: 36px;
  line-height: 32px;
  font-size: 15px;
  border-color: rgb(66, 92, 205);
  background: rgb(66, 92, 205);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding: 0 20px;
  min-width: 152px;
  vertical-align: middle;
  margin-right: 0;
  margin-left: 0;
}
.fundraiser-dashboard_button.secondary {
  color: rgb(66, 92, 205);
  background: transparent;
}
.fundraiser-dashboard_button.tertiary {
  color: rgb(66, 92, 205);
  border-color: transparent;
  background: transparent;
}
.fundraiser-dashboard_button.quatenary {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid black;
  padding: 8px 20px;
  border-radius: 4px;
  min-width: 0;
  line-height: initial;
  background: transparent;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 568px) {
  .fundraiser-dashboard_button.quatenary {
    padding: 8px 16px;
  }
}
.fundraiser-dashboard_button.gray {
  background-color: #a1a8a3;
  border-color: #a1a8a3;
}

/**
 * Shared
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * FRS fonts
 *
 * The font mixin and classes here should be used on public FRS pages
 * instead of low-level font styling.
 *
 */
/**
 * This map-deep-get function allows for fetching from nested
 * SASS maps. Finds the last non-map-type value in a map.
 *
 * Adapted from https://css-tricks.com/snippets/sass/deep-getset-maps/
 */
/**
 * This frs-font mixin should be used on Classy public stylesheets
 * instead of directly applying font styles. Our font styles should
 * be defined in collaboration with the design team as much as
 * possible.
 *
 * The idea here is to maintain consistency rather than using one-off
 * font definitions in low-level stylesheets.
 *
 * @param  {string} $shade:      dark          Dark, light, warning, etc.
 * @param  {string} $precedence: null          OPTIONAL. Primary, etc.
 * @param  {string} $style:      display-3     Font size and styling
 */
/**
 * Get number of children elements and create different CSS rules depending on number
 */
/*
  Responsive
--------------------------------------*/
/** Create Post Page styles **/
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_button-container {
    margin: 0;
    position: relative;
    bottom: 23px;
    right: 10px;
    z-index: 5;
  }
}
.supporter-admin_updates-create_share-container {
  bottom: 0px;
  left: 20px;
}

/***** Flex Columns within a container *****/
/***** Flex Rows within a container *****/
/***** Flex Container *****/
/*
  Grid
-----------------------------------*/
.row::after {
  clear: both;
  content: "";
  display: table;
}
.row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.last {
  margin-right: 0;
}

.right {
  text-align: right;
}

/* Desktop columns */
@media screen and (min-width: 992px) {
  .column-md-third {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 31.9995338791%;
  }
  .column-md-third:last-child {
    margin-right: 0;
  }
  .column-md-two-thirds {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 65.9997669396%;
  }
  .column-md-two-thirds:last-child {
    margin-right: 0;
  }
  .column-md-5 {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 40.4995921442%;
  }
  .column-md-5:last-child {
    margin-right: 0;
  }
  .column-md-7 {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 57.4997086745%;
  }
  .column-md-7:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  [class^=column-md] {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  [class^=column-md]:last-child {
    margin-right: 0;
  }
}
/* Desktop columns */
.column-xs-half {
  float: left;
  display: block;
  margin-right: 3.0313731004%;
  width: 48.4843134498%;
}
.column-xs-half:last-child {
  margin-right: 0;
}
.column-xs-third {
  float: left;
  display: block;
  margin-right: 3.0313731004%;
  width: 35.6053918123%;
}
.column-xs-third:last-child {
  margin-right: 0;
}
.column-xs-two-thirds {
  float: left;
  display: block;
  margin-right: 3.0313731004%;
  width: 61.3632350874%;
}
.column-xs-two-thirds:last-child {
  margin-right: 0;
}

.supporter-dashboard_header {
  position: relative;
}
.supporter-dashboard_header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.supporter-dashboard_header-inner::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_header-inner {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_header-inner {
    padding-bottom: 0;
    height: auto;
  }
}
.supporter-dashboard_header-social {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.supporter-dashboard_header-social:last-child {
  margin-right: 0;
}
.supporter-dashboard_header-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  padding-bottom: 5px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_header-social {
    text-align: center;
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: initial;
    clear: both;
    width: initial;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.supporter-dashboard_header-social-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: inline-block;
  margin-right: 6px;
  width: 42px;
  height: 42px;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_header-social-button {
    background-color: rgba(255, 255, 255, 0.2);
    display: none;
  }
}
.supporter-dashboard_header-social-button-twitter {
  -webkit-filter: invert(1);
  filter: invert(1);
  opacity: 0.75;
  margin-top: 12px;
}
.supporter-dashboard_header-social-icon {
  width: 42px;
  height: 42px;
  text-align: center;
}
.supporter-dashboard_header-social-icon:before {
  color: #ccc;
  font-size: 20px;
  line-height: 42px;
  vertical-align: middle;
}
.supporter-dashboard_header-social-link {
  padding: 25px;
}
.supporter-dashboard_header-social-link-input {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.supporter-dashboard_header-social-link-input {
  background-color: #ffffff;
}
.supporter-dashboard_header-social-link-input.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.supporter-dashboard_header-social-link-input {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.supporter-dashboard_header-social-link-input:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.supporter-dashboard_header-social-link-input {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
}
.supporter-dashboard_header-social-link-input.has-counter {
  padding-right: 55px;
}
.supporter-dashboard_header-social-link-input::-webkit-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.supporter-dashboard_header-social-link-input::-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.supporter-dashboard_header-social-link-input:-moz-placeholder {
  color: #57687d;
  font-style: italic;
}
.supporter-dashboard_header-social-link-input:-ms-input-placeholder {
  color: #57687d;
  font-style: italic;
}
.supporter-dashboard_header-social-link-input-pre {
  background: rgb(240, 240, 240);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid rgb(191, 193, 196);
  border-right: none;
  display: table-cell;
  width: 1%;
}
.supporter-dashboard_header-social-link-input-pre + .form_text-input {
  display: table-cell;
  width: 100%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}
.supporter-dashboard_header-social-link-input.large {
  height: 50px;
}
.supporter-dashboard_header-social-link-input {
  -ms-overflow-style: none;
  overflow: scroll;
  word-break: keep-all;
}
.supporter-dashboard_header-social-link > ::-webkit-scrollbar {
  height: 0px;
  background: transparent;
}
.supporter-dashboard_header-social .share-button {
  color: #ffffff;
  max-width: 121px;
  height: 48px;
  background-color: unset;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 5px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_header-social .share-button {
    display: none;
  }
}
.supporter-dashboard_header-social .share-button img {
  vertical-align: top;
}
.supporter-dashboard_header-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_header-page {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px;
  }
}
.supporter-dashboard_header-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 100px;
  border-radius: 3px;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_header-image {
    max-width: 80px;
    max-height: 80px;
    margin-right: 15px;
  }
}
.supporter-dashboard_header-information {
  margin-right: 15px;
  width: 50%;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_header-information {
    width: 100%;
  }
}
.supporter-dashboard_header-title {
  color: #fff;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.27);
  font-weight: 600;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_header-title {
    font-size: 21px;
  }
}
.supporter-dashboard_header-subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.54);
  font-weight: 400;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_header-subtitle {
    display: none;
  }
}
.supporter-dashboard_header-progress .sc-campaign-progress_bar-mask {
  height: 6px;
}
.supporter-dashboard_header-stats {
  margin-top: 9px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.supporter-dashboard_header-raised {
  color: #f8f8f8;
}
.supporter-dashboard_header-goal {
  color: #f8f8f8;
}
.supporter-dashboard_header-commitment {
  color: #f8f8f8;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_header .supporter-dashboard_tabs {
    display: none;
  }
}

.dashboard-notification {
  border-left: 6px solid #425ccd;
  background-color: rgb(248, 248, 248);
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 25px 5%;
  -webkit-box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
.dashboard-notification.bare {
  border-left: 0;
  background-color: #ffffff;
}
.dashboard-notification_close {
  position: absolute;
  top: 15px;
  right: 12px;
}
.dashboard-notification_close .ci-close-x {
  font-size: 20px;
}
.dashboard-notification.white {
  background-color: #ffffff;
  border-left: 0;
}

.supporter-dashboard-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  float: left;
  line-height: initial;
  /**
   * Page switch
   */
}
.supporter-dashboard-nav_switch {
  vertical-align: top;
  display: inline-block;
}
.supporter-dashboard-nav_switch-button {
  padding: 0 25px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  height: 36px;
  line-height: 32px;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  display: block;
  /*Added to display the 'Manage' button with transparent background*/
  margin: 0;
  background-color: transparent;
  text-transform: uppercase;
}
.supporter-dashboard-nav_switch-button.spotlight {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px #fff;
  box-shadow: 0 0 20px #fff;
}
.supporter-dashboard-nav_switch-button:focus:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 4px;
}
.supporter-dashboard-nav {
  /**
   * Dropdown menu
   */
}
.supporter-dashboard-nav_load-more {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  color: grey;
  font-size: 14px;
  text-decoration: underline;
}
.supporter-dashboard-nav_dropdown-toggle {
  display: inline-block;
}
.supporter-dashboard-nav_dropdown-toggle-inner {
  cursor: pointer;
  /*Added to display the 'Go To' button with transparent background*/
  background-color: transparent;
  padding: 0 25px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  height: 36px;
  line-height: 32px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.supporter-dashboard-nav_dropdown-toggle-inner:focus:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 4px;
}
.supporter-dashboard-nav_dropdown-toggle-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  display: inline-block;
}
.supporter-dashboard-nav_dropdown-toggle-caret {
  margin-left: 40px;
  margin-right: -5px;
}
.supporter-dashboard-nav_dropdown-menu-anchor {
  position: relative;
  float: right;
  display: block;
  clear: both;
}
.supporter-dashboard-nav_dropdown-menu {
  position: absolute;
  z-index: 12;
  top: 11px;
  right: 0;
  width: 300px;
  max-height: 265px;
  overflow: auto;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #bfc1c4;
  padding: 25px;
  text-align: left;
}
.supporter-dashboard-nav_dropdown-menu-triangle:before {
  content: "";
  display: block;
  width: 22px;
  height: 11px;
  border-bottom: 11px solid #bfc1c4;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  position: absolute;
  top: 1px;
  right: 14px;
}
.supporter-dashboard-nav_dropdown-menu-triangle:after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  z-index: 13; /*display over nav top border */
  top: 2px;
  right: 15px;
}
.supporter-dashboard-nav_dropdown-menu-header {
  font-size: 12px;
  font-weight: 600;
  color: rgba(35, 42, 47, 0.87);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.supporter-dashboard-nav_dropdown-menu-section {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 600;
}
.supporter-dashboard-nav_dropdown-menu-section:not(:last-child) {
  margin-bottom: 30px;
}
.supporter-dashboard-nav_dropdown-menu-item:not(:last-child) {
  padding-bottom: 15px;
  border-bottom: 2px solid #f8f8f8;
  margin-bottom: 15px;
}
.supporter-dashboard-nav_dropdown-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.supporter-dashboard-nav_dropdown-right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 13px;
}
.supporter-dashboard-nav_dropdown-image {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  overflow: hidden;
}
.supporter-dashboard-nav_dropdown-image-src {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}
.supporter-dashboard-nav_dropdown-menu-progress .sc-campaign-progress_bar-mask {
  height: 4px;
}
.supporter-dashboard-nav .header-block_share {
  margin-top: 10px;
  margin-right: 25px;
}
.supporter-dashboard-nav .header-block_social-container {
  top: 34px;
  left: 0px;
}

.supporter-dashboard_navigation {
  max-width: calc(100% - 30px);
  width: 792px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -60px auto 0 auto;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  overflow: hidden;
  padding: 0 36px;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 792px) {
  .supporter-dashboard_navigation {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 5;
    padding: 5px 0 0 0;
    background-color: rgb(248, 248, 248);
    max-width: 100%;
  }
}
.supporter-dashboard_navigation-item {
  height: 60px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-transform: uppercase;
  text-align: center;
  line-height: 60px;
}
@media screen and (max-width: 792px) {
  .supporter-dashboard_navigation-item {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    background-color: transparent;
    line-height: 1.4em;
    height: initial;
  }
}
.supporter-dashboard_navigation-icon {
  display: none;
}
@media screen and (max-width: 792px) {
  .supporter-dashboard_navigation-icon {
    display: block;
    font-size: 27px;
  }
}
@media screen and (max-width: 792px) {
  .supporter-dashboard_navigation-text {
    font-size: 11px;
    font-weight: 700;
    text-transform: none;
  }
}

.fundraiser-block_donors-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .past-donors-table-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .past-donors-table-heading .fundraiser-dashboard_action.search {
    width: 100%;
    margin-right: 0;
  }
  .past-donors-table-heading .fundraiser-dashboard_action.search .fundraiser-dashboard_action-input {
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid var(--color-border-neutral-base, #a6a6a6);
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .past-donors-table-heading .fundraiser-dashboard_action.search .fundraiser-dashboard_action-input {
    border-bottom: none;
  }
}
@media screen and (max-width: 1024px) {
  .past-donors-table-heading sc-table-search-and-actions {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .past-donors-table-heading {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    gap: 0;
  }
  .past-donors-table-heading .fundraiser-dashboard_action.search {
    width: auto;
    margin-right: auto;
  }
  .past-donors-table-heading sc-table-search-and-actions {
    width: auto;
  }
}

sc-table-search-and-actions {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-width: 0;
  overflow: hidden;
}

.sc-table-search-and-actions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (min-width: 768px) {
  .sc-table-search-and-actions-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.fundraiser-dashboard_action.search {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fundraiser-dashboard_action.search {
    width: auto;
  }
}
.fundraiser-dashboard_action.search .fundraiser-dashboard_action-input {
  width: 100%;
  min-width: 200px;
}

.sc-table-search-and-actions-wrapper .fundraiser-dashboard_action.search {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

.fundraiser-dashboard_utilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .fundraiser-dashboard_utilities {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;
    gap: 8px;
  }
  .fundraiser-dashboard_utilities .u-inline-action:first-child {
    grid-column: 1;
    grid-row: 2;
  }
  .fundraiser-dashboard_utilities .u-inline-action:nth-child(2) {
    grid-column: 1/-1;
    grid-row: 1;
  }
  .fundraiser-dashboard_utilities .u-inline-action:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (min-width: 768px) {
  .fundraiser-dashboard_utilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    grid-template-columns: none;
    grid-template-rows: none;
  }
  .fundraiser-dashboard_utilities .u-inline-action {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
.fundraiser-dashboard_utilities .u-inline-action {
  text-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--sm, 4px);
  border: 2px solid var(--color-border-button-secondary, #d8d8d8);
  background: var(--color-background-neutral-subtlest, rgba(35, 35, 35, 0));
  color: var(--color-content-primary, #232323);
  font-size: var(--font-size-100, 14px);
  font-weight: 700;
  margin: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.fundraiser-dashboard_utilities .u-inline-action:hover {
  background: rgba(35, 35, 35, 0.05);
}

.sc-table-search-and-actions-wrapper .fundraiser-dashboard_utilities {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/**
 * @description
 * Fundraiser dashboard layout for the updates tab
 */
.fundraiser-dashboard__table {
  width: 100%;
  position: relative;
}
.fundraiser-dashboard__table-heading::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-dashboard__table-heading {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  padding: 0 10px 12px 10px;
  border-bottom: 2px solid rgb(240, 240, 240);
}
@media screen and (max-width: 208px) {
  .fundraiser-dashboard__table-heading {
    padding: 0;
  }
}
.fundraiser-dashboard__table-row::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-dashboard__table-row {
  width: 100%;
  padding: 30px 25px 30px 15px;
  border-bottom: 1px solid rgb(240, 240, 240);
}
.fundraiser-dashboard__table-row:last-child {
  margin-right: 0;
}
.fundraiser-dashboard__action-search-input {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  display: block;
  border: none;
  outline: 0;
  background: transparent;
}
.fundraiser-dashboard__action .fa-search {
  color: rgb(114, 126, 131);
  font-size: 18px;
  float: left;
  padding: 0 10px 0 5px;
}

/**
 * Pages
 */
.supporter-admin_updates-create_help-popup {
  outline: none;
  position: absolute;
  padding: 35px 25px;
  width: 350px;
  border: 1px solid rgb(248, 248, 248);
  z-index: 4;
  top: 120px;
  right: 90px;
  font-size: 13px;
  font-weight: 200;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  color: rgb(114, 126, 131);
}
.supporter-admin_updates-create_help-popup:after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  border-top: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  right: 105px;
}
.supporter-admin_updates-create_help-popup-title {
  text-align: center;
  color: black;
  font-size: 21px;
  font-weight: 500;
}
.supporter-admin_updates-create_help-popup-info {
  text-align: center;
  padding: 20px;
}
.supporter-admin_updates-create_help-popup-idea {
  display: table;
  padding: 15px 10px;
}
.supporter-admin_updates-create_help-popup-idea-icon {
  display: table-cell;
  padding-right: 25px;
}
.supporter-admin_updates-create_help-popup-idea-text {
  display: table-cell;
  vertical-align: middle;
}
.supporter-admin_updates-create_help-popup .ci-customer-stories {
  padding-left: 3px;
}
.supporter-admin_updates-create_help-popup .ci-close-x {
  float: right;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.modal-confirm-delete {
  padding: 20px;
  text-align: center;
  min-height: 200px;
}
.modal-confirm-delete_loader-text {
  position: absolute;
  top: 50%;
  margin-top: 55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.modal-confirm-delete_title {
  font-size: 27px;
  font-weight: 300;
  margin-bottom: 5px;
}
.modal-confirm-delete_buttons-container {
  margin: 0 auto;
  display: table;
  padding: 10px 0;
}
.modal-confirm-delete_button {
  padding: 10px 0;
  text-transform: uppercase;
  display: inline-block;
  width: 130px;
  border-radius: 3px;
  margin: 0 5px;
  font-size: 15px;
  color: #ffffff;
}
.modal-confirm-delete_button.cancel {
  background-color: #a1a8a3;
}
.modal-confirm-delete_button.continue {
  background-color: #425ccd;
}

/** Create Post Page styles **/
.supporter-admin_updates-create::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-create {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-create {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create {
    padding: 0 15px;
  }
}
.supporter-admin_updates-create {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create {
    padding: 0;
  }
}
.supporter-admin_updates-create_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.supporter-admin_updates-create_nav-link {
  text-align: left;
  display: inline-block;
  font-size: 14px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.supporter-admin_updates-create_nav-link .fa {
  font-size: 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
.supporter-admin_updates-create_nav-link.preview {
  display: inline-block;
  text-align: right;
  color: #a1a8a3;
  float: none;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_header {
    display: none;
  }
}
.supporter-admin_updates-create_outer::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-create_outer {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-create_outer {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_outer {
    padding: 0 15px;
  }
}
.supporter-admin_updates-create_outer {
  width: 100%;
  padding: 40px 65px;
  background-color: #fafafa;
  position: relative;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_outer {
    height: 100%;
    bottom: 0;
    z-index: 6;
    padding: 0;
    position: fixed;
    top: 0;
  }
}
.supporter-admin_updates-create_editor-title::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-create_editor-title {
  width: 100%;
  background-color: #fff;
  margin-bottom: -13px;
  font-size: 20px;
  position: relative;
}
.supporter-admin_updates-create_editor-title .form_label {
  display: none;
}
.supporter-admin_updates-create_editor-post {
  position: relative;
  padding: 0;
  margin: 0;
  top: -23px;
}
.supporter-admin_updates-create_editor-post .form_label {
  display: none;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_editor-post {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    top: 0px;
  }
}
.supporter-admin_updates-create .form_field {
  padding: 0;
  margin: 0;
}
.supporter-admin_updates-create_share-container {
  display: inline-block;
  float: left;
  font-size: 13px;
  margin-top: 6px;
}
.supporter-admin_updates-create_share-link {
  display: inline-block;
  margin: 0px 10px;
  font-size: 13px;
  position: relative;
}
.supporter-admin_updates-create_share-link.disabled {
  color: rgb(210, 210, 210);
}
.supporter-admin_updates-create_share-link .fa {
  font-size: 22px;
  float: left;
}
.supporter-admin_updates-create_share-link .fa-facebook-square {
  color: #4469b0;
}
.supporter-admin_updates-create_share-link .fa-twitter-square {
  color: #59adeb;
}
.supporter-admin_updates-create_share-text {
  display: inline-block;
  padding: 3px 0 0 5px;
}
.supporter-admin_updates-create_button {
  display: inline-block;
  text-transform: uppercase;
  float: left;
  padding: 15px 50px;
  letter-spacing: 0.05em;
  border-radius: 4px;
}
.supporter-admin_updates-create_button-container {
  display: inline-block;
  float: right;
  margin-top: -6px;
}
.supporter-admin_updates-create_button.delete {
  color: #a1a8a3;
  padding-right: 40px;
  font-weight: 500;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_button.delete {
    display: none;
  }
}
.supporter-admin_updates-create_button.publish {
  background-color: #663dc3;
  color: white;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_button.publish {
    padding: 10px 20px;
  }
}
.supporter-admin_updates-create-mobile {
  height: 100vh;
  width: 100%;
  top: 0;
  position: fixed;
}
.supporter-admin_updates-create-mobile_header {
  display: none;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates-create-mobile_header {
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 19px;
  }
}
.supporter-admin_updates-create-mobile_exit {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 23px;
  font-weight: 800;
}
.supporter-admin_updates-create_header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_header {
    padding-top: 70px;
  }
}
.supporter-admin_updates-create_header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-create_header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-create_header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-admin_updates-create_header-icon {
  color: #a1a8a3;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create .dashboard-notification.updates-error {
    position: fixed;
    left: 5%;
    width: 90%;
    z-index: 12;
    padding: 25px;
  }
}
.supporter-admin_updates-create-wysiwyg {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
}
@media screen and (min-width: 568px) {
  .supporter-admin_updates-create-wysiwyg {
    margin: 15px 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 0;
  }
}
.supporter-admin_updates-create-wysiwyg {
  overflow: hidden;
}
.supporter-admin_updates-create-wysiwyg::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-create-wysiwyg {
  padding: 0;
  margin-top: 0;
}
@media screen and (min-width: 568px) {
  .supporter-admin_updates-create-wysiwyg {
    height: auto;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create-wysiwyg {
    height: calc(100% - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .supporter-admin_updates-create-wysiwyg .fr-element {
    height: calc(100vh - 150px) !important;
  }
}
.supporter-admin_updates-create_button-container {
  margin-right: -124px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_button-container {
    clear: left;
    margin: 0;
    position: relative;
    right: 10px;
    z-index: 5;
  }
}
.supporter-admin_updates-create_help {
  display: inline-block;
  position: relative;
  z-index: 4;
  float: right;
  right: 30px;
  top: -55px;
  font-size: 13px;
}
.supporter-admin_updates-create_help:hover {
  cursor: pointer;
}
.supporter-admin_updates-create_share-container {
  position: relative;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_share-container {
    left: 20px;
  }
}
.supporter-admin_updates-create_nav {
  margin-bottom: 5px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create_nav, .supporter-admin_updates-create_help {
    display: none;
  }
}
.supporter-admin_updates-create_nav-link-text, .supporter-admin_updates-create_help-link-text {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 5px;
}
.supporter-admin_updates-create_button.publish {
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.supporter-admin_updates-create.spinner {
  position: absolute;
  left: 50%;
  top: -12px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-create.spinner {
    position: fixed;
    top: 50%;
  }
}

/** Edit Post Page Styles **/
.supporter-admin_updates-edit::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-edit {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-edit {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit {
    padding: 0 15px;
  }
}
.supporter-admin_updates-edit {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit {
    padding: 0;
  }
}
.supporter-admin_updates-edit_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.supporter-admin_updates-edit_nav-link {
  text-align: left;
  display: inline-block;
  font-size: 14px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.supporter-admin_updates-edit_nav-link .fa {
  font-size: 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
.supporter-admin_updates-edit_nav-link.preview {
  display: inline-block;
  text-align: right;
  color: #a1a8a3;
  float: none;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_header {
    display: none;
  }
}
.supporter-admin_updates-edit_outer::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-edit_outer {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-edit_outer {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_outer {
    padding: 0 15px;
  }
}
.supporter-admin_updates-edit_outer {
  width: 100%;
  padding: 40px 65px;
  background-color: #fafafa;
  position: relative;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_outer {
    height: 100%;
    bottom: 0;
    z-index: 6;
    padding: 0;
    position: fixed;
    top: 0;
  }
}
.supporter-admin_updates-edit_editor-title::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-edit_editor-title {
  width: 100%;
  background-color: #fff;
  margin-bottom: -13px;
  font-size: 20px;
  position: relative;
}
.supporter-admin_updates-edit_editor-title .form_label {
  display: none;
}
.supporter-admin_updates-edit_editor-post {
  position: relative;
  padding: 0;
  margin: 0;
  top: -23px;
}
.supporter-admin_updates-edit_editor-post .form_label {
  display: none;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_editor-post {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    top: 0px;
  }
}
.supporter-admin_updates-edit .form_field {
  padding: 0;
  margin: 0;
}
.supporter-admin_updates-edit_share-container {
  display: inline-block;
  float: left;
  font-size: 13px;
  margin-top: 6px;
}
.supporter-admin_updates-edit_share-link {
  display: inline-block;
  margin: 0px 10px;
  font-size: 13px;
  position: relative;
}
.supporter-admin_updates-edit_share-link.disabled {
  color: rgb(210, 210, 210);
}
.supporter-admin_updates-edit_share-link .fa {
  font-size: 22px;
  float: left;
}
.supporter-admin_updates-edit_share-link .fa-facebook-square {
  color: #4469b0;
}
.supporter-admin_updates-edit_share-link .fa-twitter-square {
  color: #59adeb;
}
.supporter-admin_updates-edit_share-text {
  display: inline-block;
  padding: 3px 0 0 5px;
}
.supporter-admin_updates-edit_button {
  float: left;
  padding: 15px 50px;
}
.supporter-admin_updates-edit_button-container {
  display: inline-block;
  float: right;
  margin-top: -6px;
}
.supporter-admin_updates-edit_button.delete {
  color: #a1a8a3;
  padding-right: 40px;
  font-weight: 500;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_button.delete {
    display: none;
  }
}
.supporter-admin_updates-edit_button.publish {
  background-color: #663dc3;
  color: white;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_button.publish {
    padding: 10px 20px;
  }
}
.supporter-admin_updates-edit-mobile {
  height: 100vh;
  width: 100%;
  top: 0;
  position: fixed;
}
.supporter-admin_updates-edit-mobile_header {
  display: none;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates-edit-mobile_header {
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 19px;
  }
}
.supporter-admin_updates-edit-mobile_exit {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 23px;
  font-weight: 800;
}
.supporter-admin_updates-edit.no-margin {
  padding-top: 0;
}
.supporter-admin_updates-edit_header {
  padding-bottom: 45px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_header {
    padding-top: 70px;
  }
}
.supporter-admin_updates-edit_header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-edit_header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-edit_header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-admin_updates-edit_header {
  text-align: center;
  position: relative;
  z-index: 1;
}
.supporter-admin_updates-edit_stats {
  display: inline-block;
  float: left;
  background-color: red;
  color: #425ccd;
}
.supporter-admin_updates-edit_stats-count {
  color: blue;
}
.supporter-admin_updates-edit_button {
  display: inline-block;
  width: 105px;
  padding: 8px 10px;
  margin: 0 4px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.supporter-admin_updates-edit_button-container {
  margin: 0;
  clear: both;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-edit_button-container {
    position: relative;
    padding: 10px;
    z-index: 5;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.supporter-admin_updates-edit_button-icon {
  font-size: 20px;
  padding-right: 6px;
  vertical-align: top;
}

.supporter-admin_updates-preview::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-preview {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-preview {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview {
    padding: 0 15px;
  }
}
.supporter-admin_updates-preview {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview {
    padding: 0;
  }
}
.supporter-admin_updates-preview_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.supporter-admin_updates-preview_nav-link {
  text-align: left;
  display: inline-block;
  font-size: 14px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.supporter-admin_updates-preview_nav-link .fa {
  font-size: 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
.supporter-admin_updates-preview_nav-link.preview {
  display: inline-block;
  text-align: right;
  color: #a1a8a3;
  float: none;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_header {
    display: none;
  }
}
.supporter-admin_updates-preview_outer::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-preview_outer {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-preview_outer {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_outer {
    padding: 0 15px;
  }
}
.supporter-admin_updates-preview_outer {
  width: 100%;
  padding: 40px 65px;
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_outer {
    height: 100%;
    bottom: 0;
    z-index: 6;
    padding: 0;
    position: fixed;
    top: 0;
  }
}
.supporter-admin_updates-preview_editor-title::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-preview_editor-title {
  width: 100%;
  background-color: #fff;
  margin-bottom: -13px;
  font-size: 20px;
  position: relative;
}
.supporter-admin_updates-preview_editor-title .form_label {
  display: none;
}
.supporter-admin_updates-preview_editor-post {
  position: relative;
  padding: 0;
  margin: 0;
  top: -23px;
}
.supporter-admin_updates-preview_editor-post .form_label {
  display: none;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_editor-post {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    top: 0px;
  }
}
.supporter-admin_updates-preview .form_field {
  padding: 0;
  margin: 0;
}
.supporter-admin_updates-preview_share-container {
  float: left;
  font-size: 13px;
  margin-top: 6px;
}
.supporter-admin_updates-preview_share-link {
  display: inline-block;
  margin: 0px 10px;
  font-size: 13px;
  position: relative;
}
.supporter-admin_updates-preview_share-link.disabled {
  color: rgb(210, 210, 210);
}
.supporter-admin_updates-preview_share-link .fa {
  font-size: 22px;
  float: left;
}
.supporter-admin_updates-preview_share-link .fa-facebook-square {
  color: #4469b0;
}
.supporter-admin_updates-preview_share-link .fa-twitter-square {
  color: #59adeb;
}
.supporter-admin_updates-preview_share-text {
  display: inline-block;
  padding: 3px 0 0 5px;
}
.supporter-admin_updates-preview_button {
  float: left;
  padding: 15px 50px;
}
.supporter-admin_updates-preview_button-container {
  display: inline-block;
  float: right;
  margin-top: -6px;
}
.supporter-admin_updates-preview_button.delete {
  color: #a1a8a3;
  padding-right: 40px;
  font-weight: 500;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_button.delete {
    display: none;
  }
}
.supporter-admin_updates-preview_button.publish {
  background-color: #663dc3;
  color: white;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_button.publish {
    padding: 10px 20px;
  }
}
.supporter-admin_updates-preview-mobile {
  height: 100vh;
  width: 100%;
  top: 0;
  position: fixed;
}
.supporter-admin_updates-preview-mobile_header {
  display: none;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates-preview-mobile_header {
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 19px;
  }
}
.supporter-admin_updates-preview-mobile_exit {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 23px;
  font-weight: 800;
}
.supporter-admin_updates-preview {
  line-height: 25px;
}
.supporter-admin_updates-preview_header {
  padding-bottom: 45px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_header {
    padding-top: 70px;
  }
}
.supporter-admin_updates-preview_header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-preview_header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-preview_header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-admin_updates-preview_header {
  text-align: center;
}
.supporter-admin_updates-preview_outer {
  position: relative;
  height: inherit;
  padding-bottom: 90px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_outer {
    padding: 30px 10px 65px 10px;
  }
}
.supporter-admin_updates-preview_outer-nav {
  margin-bottom: 40px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_outer-nav {
    margin: 0;
  }
}
.supporter-admin_updates-preview_nav {
  padding: 15px 20px;
}
.supporter-admin_updates-preview_nav-link-right {
  float: right;
}
.supporter-admin_updates-preview_stats-container {
  display: inline-block;
}
.supporter-admin_updates-preview_share-container {
  display: inline-block;
  float: right;
  position: relative;
  top: -12px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_share-container {
    top: -29px;
  }
}
.supporter-admin_updates-preview_post {
  padding: 40px 30px 25px 30px;
  border: 1px solid rgb(240, 240, 240);
  background-color: white;
}
.supporter-admin_updates-preview_post-title {
  padding-bottom: 20px;
  font-size: 23px;
  font-weight: 500;
}
.supporter-admin_updates-preview_post-body {
  font-size: 14px;
  color: rgb(114, 126, 131);
}
.supporter-admin_updates-preview_button {
  display: inline-block;
  width: 105px;
  padding: 8px 10px;
  margin: 0 4px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.supporter-admin_updates-preview_button.twitter {
  background-color: #59adeb;
}
.supporter-admin_updates-preview_button.fb {
  background-color: #4469b0;
}
.supporter-admin_updates-preview_button {
  /*&.edit {
    @include media($mobile-large) {
      margin-top: 0;
    }
  }*/
}
.supporter-admin_updates-preview_button.delete {
  display: block;
}
.supporter-admin_updates-preview_button-container {
  bottom: 16px;
  right: 65px;
  position: absolute;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-preview_button-container {
    right: 12px;
  }
}

.supporter-admin_updates {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates {
    padding-top: 70px;
  }
}
.supporter-admin_updates-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-admin_updates {
  position: relative;
}
.supporter-admin_updates_type {
  display: block;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.supporter-admin_updates .post_content a {
  color: inherit;
  text-decoration: inherit;
}
.supporter-admin_updates .post_content ul {
  text-align: left;
  list-style: disc;
  list-style-position: outside;
  margin: 0 auto;
  padding: 0 25px 25px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates .post_content ul {
    padding: 15px;
  }
}
.supporter-admin_updates .post_content ul li {
  margin: 0 0 10px 25px;
  padding-left: 10px;
}
.supporter-admin_updates .post_content ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates .post_content ul li {
    margin: 0 0 5px 20px;
    padding-left: 5px;
  }
}
.supporter-admin_updates .post_content ol {
  text-align: left;
  list-style-position: outside;
  margin: 30px auto 0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates .post_content ol {
    padding: 15px;
  }
}
.supporter-admin_updates .post_content ol li {
  margin: 0 0 10px 30px;
  padding-left: 5px;
}
.supporter-admin_updates .post_content ol li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates .post_content ol li {
    margin: 0 0 5px 25px;
    padding-left: 0px;
  }
}
.supporter-admin_updates .post_content p {
  margin-bottom: 10px;
}
.supporter-admin_updates .post_content a {
  text-decoration: underline;
}
.supporter-admin_updates-wysiwyg {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
}
@media screen and (min-width: 568px) {
  .supporter-admin_updates-wysiwyg {
    margin: 15px 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25), 0 0px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 0;
  }
}
.supporter-admin_updates-wysiwyg {
  overflow: hidden;
}
.supporter-admin_updates-wysiwyg::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-wysiwyg {
  padding: 0;
}
@media screen and (min-width: 568px) {
  .supporter-admin_updates-wysiwyg {
    height: auto;
  }
}
.supporter-admin_updates_main-text {
  padding-top: 20px;
}
.supporter-admin_updates_activity {
  margin-top: 35px;
}
.supporter-admin_updates_activity::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates_activity-tab {
  width: 50%;
  text-align: center;
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.supporter-admin_updates .activity_comment-section::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates .activity_comment-section {
  background: rgb(248, 248, 248);
  clear: both;
}
.supporter-admin_updates_empty-updates {
  text-align: center;
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates_empty-updates {
    font-size: 15px;
  }
}
.supporter-admin_updates_header {
  position: relative;
  height: 475px;
}
.supporter-admin_updates_header-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_header {
    height: 210px;
    margin-top: -57px;
    padding-top: 57px;
  }
}
.supporter-admin_updates_main::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates_main {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_main {
    margin-top: 0;
    padding: 0 5%;
  }
  .supporter-admin_updates_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5%;
  }
}
@media screen and (max-width: 480px) {
  .supporter-admin_updates_main_tribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5%;
  }
}
.supporter-admin_updates {
  /** Main Content */
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_content {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .supporter-admin_updates_content:last-child {
    margin-right: 0;
  }
  .supporter-admin_updates_content {
    margin-left: 0%;
  }
}
.supporter-admin_updates_content {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.supporter-admin_updates_content:last-child {
  margin-right: 0;
}
.supporter-admin_updates_content {
  margin-left: 4.2500291326%;
}
.supporter-admin_updates_headline {
  color: rgba(0, 0, 0, 0.87);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_headline {
    margin-bottom: 15px;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
  }
}
.supporter-admin_updates_manage-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: absolute;
  top: -50px;
  right: 5%;
  padding: 0 25px;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  display: block;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ccc;
}
.supporter-admin_updates_share {
  float: right;
  padding-bottom: 25px;
  padding-left: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_share::after {
    clear: both;
    content: "";
    display: table;
  }
  .supporter-admin_updates_share {
    float: none;
    text-align: left;
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    top: 20px;
    right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 568px) {
  .supporter-admin_updates_share {
    top: 2px;
    right: 7px;
  }
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_share .ci-share-o {
    color: rgb(87, 104, 125);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding-right: 5px;
  }
}
.supporter-admin_updates_share-label {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_share-label {
    display: none;
  }
}
.supporter-admin_updates_share-button {
  color: rgba(0, 0, 0, 0.54);
  height: 25px;
  font-size: 25px;
  vertical-align: middle;
  margin-left: 15px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_share-button {
    margin-left: 5px;
    margin-right: 15px;
  }
}
.supporter-admin_updates_share .share-button {
  color: #585858;
  max-width: 121px;
  height: 48px;
  background-color: unset;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
}
.supporter-admin_updates_share .share-button img {
  vertical-align: top;
}
.supporter-admin_updates_description {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 48px;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_description {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }
}
.supporter-admin_updates_progress {
  display: inline-block;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_progress {
    margin: 20px 0 10px 0;
    width: 100%;
  }
}
.supporter-admin_updates_progress-stats {
  position: relative;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-admin_updates_progress-raised {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
.supporter-admin_updates_progress-goal {
  float: right;
  position: absolute;
  bottom: 0;
  right: 5px;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-admin_updates_donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 180px;
  padding: 12px 38px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.supporter-admin_updates_post-list-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border-width: 2px;
  border: 2px solid transparent;
  padding: 9px 15px;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: transparent;
  color: #a1a8a3;
  border-color: #a1a8a3;
}
.supporter-admin_updates_post-list-more:hover, .supporter-admin_updates_post-list-more[hover] {
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: #a1a8a3;
  color: #ffffff;
}
.supporter-admin_updates_post-list-more:active:enabled, .supporter-admin_updates_post-list-more[active] {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(189, 189, 189, 0.3)), to(rgba(189, 189, 189, 0.3))), #a1a8a3;
  background: linear-gradient(rgba(189, 189, 189, 0.3), rgba(189, 189, 189, 0.3)), #a1a8a3;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06));
  border-image-slice: 1;
}
.supporter-admin_updates_post-list-more[disabled], .supporter-admin_updates_post-list-more:disabled {
  color: #ffffff;
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
  cursor: default;
  pointer-events: none;
}
.supporter-admin_updates_post-list-more {
  margin: 0px auto 35px auto;
  display: block;
  clear: both;
  outline: 0;
}
.supporter-admin_updates_post-list-loading {
  display: block;
  margin: 30px auto;
}
.supporter-admin_updates_post-list-item {
  margin-bottom: 15px;
  background: #ffffff;
}
.supporter-admin_updates_post-list-item-latest {
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 15px 10px 15px;
  background: #ffffff;
}
.supporter-admin_updates_post-list-item-latest .post_actions {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_post-list-item {
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
  }
}
.supporter-admin_updates_activity-subtitle {
  font-size: 18px;
  font-weight: 500;
}
.supporter-admin_updates_activity-loading {
  display: block;
  margin: 30px auto;
}
.supporter-admin_updates_update-container {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_update-container {
    padding: 15px 15px 20px 15px;
    background-color: rgb(248, 248, 248);
  }
}
.supporter-admin_updates_button {
  padding: 12px 35px;
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates_button {
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin: 15px 0;
  }
}
.supporter-admin_updates_button.share {
  font-size: 18px;
  background-color: rgb(240, 240, 240);
  color: rgb(54, 62, 69);
  font-weight: 600;
  font-weight: 700;
  padding: 9px;
}
.supporter-admin_updates_button.donate {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 35px;
}
.supporter-admin_updates_title {
  text-transform: uppercase;
  color: rgb(114, 126, 131);
  font-size: 15px;
  padding-top: 13px;
  display: block;
}
.supporter-admin_updates_photo {
  width: 40%;
  min-width: 130px;
  max-width: 200px;
  display: inline-block;
  float: left;
  margin: -20px 10px 0 0;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), inset 0 0px 0 rgba(0, 0, 0, 0.08);
  padding: 3px;
  background: white;
}
.supporter-admin_updates_parent {
  display: table;
  border-bottom: 1px solid rgb(240, 240, 240);
  padding: 15px;
  width: 100%;
}
.supporter-admin_updates_parent-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.supporter-admin_updates_parent-img {
  display: table-cell;
  width: 65px;
  border-radius: 7px;
}
.supporter-admin_updates_parent-info {
  display: table-cell;
  vertical-align: top;
  width: 75%;
}
.supporter-admin_updates_parent-header {
  display: block;
  color: #a1a8a3;
  font-weight: 200;
}
.supporter-admin_updates_parent-name {
  display: block;
  font-weight: 700;
}
.supporter-admin_updates-outer::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_updates-outer {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-outer {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-outer {
    padding: 0 15px;
  }
}
@media screen and (max-width: 568px) {
  .supporter-admin_updates-outer {
    padding-left: 0;
    padding-right: 0;
  }
}
.supporter-admin_updates-header {
  padding-bottom: 45px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_updates-header {
    padding-top: 70px;
  }
}
.supporter-admin_updates-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-admin_updates-header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-admin_updates-header {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-post-list {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .supporter-admin_updates-post-list:last-child {
    margin-right: 0;
  }
}
.supporter-admin_updates-post-list-title, .supporter-admin_updates-post-list-tabs {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}
.supporter-admin_updates-post-list-title {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-post-list-title {
    border-bottom: none;
    padding: 10px 0;
  }
}
.supporter-admin_updates-post-list-content {
  padding: 0;
}
.supporter-admin_updates-post-list-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 36px;
}
.supporter-admin_updates-post-list-tab {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: -1px;
  padding: 10px 15px 18px 15px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.supporter-admin_updates-post-list-tab.active {
  border-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-post-list-tab {
    font-size: 18px !important;
  }
}
.supporter-admin_updates-post-list-tab-count {
  border-radius: 20px;
  width: 24px;
  height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  line-height: 24px;
  top: -5px;
  position: relative;
  display: inline-block;
  background-color: rgb(240, 240, 240);
}
.supporter-admin_updates-post-list .fundraiser-block_main {
  padding-top: 15px;
  padding-bottom: 20px;
  background-color: rgb(248, 248, 248);
}
.supporter-admin_updates-post-list {
  margin-bottom: 0;
}
.supporter-admin_updates-tabs {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 36px;
  text-align: center;
}
.supporter-admin_updates-tab {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: -1px;
  padding: 10px 15px 18px 15px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.supporter-admin_updates-tab.active {
  border-color: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-tab {
    font-size: 18px !important;
  }
}
.supporter-admin_updates-wrapper {
  background-color: rgb(248, 248, 248);
  padding: 10px 30px;
  clear: both;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-wrapper {
    padding: 10px 15px;
  }
}
.supporter-admin_updates-icon {
  float: left;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-icon {
    margin: 0 auto;
    float: none;
  }
}
.supporter-admin_updates-link {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  text-align: right;
  margin-left: 20px;
  margin-bottom: 25px;
  display: inline-block;
}
.supporter-admin_updates-side {
  min-height: 70px;
  display: table;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-side {
    clear: both;
    text-align: center;
    margin: 20px auto 0 auto;
  }
}
.supporter-admin_updates-table {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 25px 5%;
  -webkit-box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  padding: 0;
  margin-top: 0;
}
.supporter-admin_updates-table-cell {
  vertical-align: middle;
  display: table-cell;
}
.supporter-admin_updates-notification {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
}
.supporter-admin_updates-create-new {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 25px 5%;
  -webkit-box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  margin-bottom: 40px;
  clear: both;
}
.supporter-admin_updates-filter-nav {
  color: rgb(114, 126, 131);
  font-size: 13px;
  font-weight: 200;
  padding: 12px 0;
  background-color: white;
  border: 1px solid gray;
  width: 175px;
  position: absolute;
  text-align: left;
  right: 0;
  display: none;
  z-index: 1;
}
.supporter-admin_updates-filter-list-item {
  padding: 10px 10px 10px 20px;
}
.supporter-admin_updates-filter-list-item:hover {
  background-color: #f2f2f2;
  color: rgb(44, 52, 59);
  cursor: pointer;
}
.supporter-admin_updates-button {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid black;
  padding: 8px 20px;
  margin-top: 25px;
  border-radius: 4px;
}
.supporter-admin_updates-button.create {
  position: absolute;
  top: 15px;
  right: 30px;
}
@media screen and (max-width: 768px) {
  .supporter-admin_updates-button.create {
    position: static;
  }
}

.supporter-admin_update::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-admin_update {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 25px 30px 25px;
  color: rgb(44, 52, 59);
  border-bottom: 1px solid rgb(240, 240, 240);
}
.supporter-admin_update-section {
  position: relative;
  min-height: 200px;
}
.supporter-admin_update-section .sc-spinner-v2 {
  top: 10%;
}
.supporter-admin_update-section .sc-spinner-v2.emptyPosts {
  top: 50%;
}
.supporter-admin_update-empty {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  padding: 50px;
}
.supporter-admin_update-left {
  width: 50%;
  display: inline-block;
  float: left;
}
@media screen and (max-width: 540px) {
  .supporter-admin_update-left {
    width: 85%;
  }
}
.supporter-admin_update-stats-container {
  display: inline-block;
  float: right;
}
@media screen and (max-width: 540px) {
  .supporter-admin_update-stats-container {
    width: 13%;
  }
}
.supporter-admin_update-stat {
  display: inline-block;
  text-align: center;
  padding: 0 15px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_update-stat {
    display: none;
  }
}
.supporter-admin_update-stat-number {
  display: block;
  color: rgb(44, 52, 59);
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 5px;
}
.supporter-admin_update-stat-name {
  display: block;
  color: rgb(114, 126, 131);
  font-size: 13px;
  font-weight: 300;
}
.supporter-admin_update-menu {
  display: inline-block;
  padding-left: 20px;
  vertical-align: 15px;
}
@media screen and (max-width: 540px) {
  .supporter-admin_update-menu {
    padding: none;
  }
}
.supporter-admin_update-menu-icon {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #f2f2f2;
  color: rgb(114, 126, 131);
  line-height: 30px;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
}
.supporter-admin_update-menu-icon:hover .supporter-admin_update-menu-list {
  display: block;
}
.supporter-admin_update-menu-list {
  display: none;
  width: 195px;
  background-color: #ffffff;
  text-align: left;
  padding: 25px 0 15px 0;
  border: 1px solid rgb(248, 248, 248);
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
}
.supporter-admin_update-menu-list .fa-ellipsis-h {
  position: absolute;
  right: 10px;
  top: 8px;
}
.supporter-admin_update-menu-option {
  color: rgb(114, 126, 131);
  font-size: 13px;
  font-weight: 300;
  display: block;
  padding: 0 15px;
}
.supporter-admin_update-menu-option:hover {
  background-color: #f2f2f2;
  color: rgb(44, 52, 59);
  cursor: pointer;
}
.supporter-admin_update-title {
  display: block;
  color: rgb(44, 52, 59);
  font-size: 15px;
  font-weight: normal;
  padding-bottom: 5px;
}
.supporter-admin_update-box {
  position: relative;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 15px 0;
  padding: 25px 5%;
  -webkit-box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2.5px 2px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  padding: 18px 12px;
  background: #ffffff;
}
.supporter-admin_update-date {
  display: block;
  color: rgb(114, 126, 131);
  font-size: 13px;
  font-weight: 300;
}
.supporter-admin_update-mobile-title {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
}

.supporter-dashboard_details::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_details {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_details {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details {
    padding: 0 15px;
  }
}
.supporter-dashboard_details-inner {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 74.4998252047%;
}
.supporter-dashboard_details-inner:last-child {
  margin-right: 0;
}
.supporter-dashboard_details-inner {
  margin-left: 12.7500873977%;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_details-inner {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 91.4999417349%;
  }
  .supporter-dashboard_details-inner:last-child {
    margin-right: 0;
  }
  .supporter-dashboard_details-inner {
    margin-left: 4.2500291326%;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details-inner {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .supporter-dashboard_details-inner:last-child {
    margin-right: 0;
  }
  .supporter-dashboard_details-inner {
    margin-left: 0%;
  }
}
.supporter-dashboard_details-name .form_field {
  margin-top: 40px;
}
.supporter-dashboard_details-goal {
  width: 100%;
}
.supporter-dashboard_details .vanity-url-field__label {
  margin-top: 20px;
}
.supporter-dashboard_details-header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details-header {
    padding-top: 70px;
  }
}
.supporter-dashboard_details-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_details-header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_details-header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-dashboard_details .supporter-dashboard_button-primary {
  width: 190px;
  height: 42px;
  border-radius: 3px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_details .supporter-dashboard_button-primary {
    width: 98%;
  }
}
.supporter-dashboard_details .supporter-dashboard_button-primary:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.supporter-dashboard_details .fundraiser-dashboard_button {
  float: right;
  margin-top: 30px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details .fundraiser-dashboard_button {
    width: 100%;
    float: none;
    margin-top: 0;
  }
}
.supporter-dashboard_details .form_label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-dashboard_details .form_helper {
  font-size: 12px;
  margin-bottom: 20px;
}
.supporter-dashboard_details .froala-field {
  margin-bottom: 0;
  padding-bottom: 0;
}
.supporter-dashboard_details .froala-field.form_helper {
  margin-bottom: 40px;
}
.supporter-dashboard_details-image .form_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details-image .form_field {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_details-image .form_field {
    display: block;
    position: relative;
    padding-bottom: 0;
  }
}
.supporter-dashboard_details-image .form_image-upload-image img {
  width: 100%;
}
.supporter-dashboard_details-image .form_image-upload-image,
.supporter-dashboard_details-image .form_image-upload-box {
  width: 195px;
  background-color: rgb(210, 210, 210);
  border-radius: 1px;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 1px 1.5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 1px 1.5px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  float: left;
  margin-right: 30px;
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_details-image .form_image-upload-image,
  .supporter-dashboard_details-image .form_image-upload-box {
    width: 100% !important;
    height: auto !important;
    float: none;
  }
}
.supporter-dashboard_details-image .form_image-upload-image img,
.supporter-dashboard_details-image .form_image-upload-box img {
  display: block;
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_details-image .form_image-upload-box {
    padding-bottom: calc(100% - 6px);
    height: 0 !important;
  }
  .supporter-dashboard_details-image .form_image-upload-box i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    display: block;
    margin-left: -9px;
    margin-top: -9px;
    text-align: center;
  }
}
.supporter-dashboard_details-image .form_image-button-container {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.supporter-dashboard_details-image .form_image-upload-button,
.supporter-dashboard_details-image .form_image-remove-button {
  width: calc(50% - 7px);
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details-image .form_image-upload-button,
  .supporter-dashboard_details-image .form_image-remove-button {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_details-image .form_image-upload-button,
  .supporter-dashboard_details-image .form_image-remove-button {
    margin-bottom: 0;
  }
}
.supporter-dashboard_details-image .form_image-upload-button:focus,
.supporter-dashboard_details-image .form_image-remove-button:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.supporter-dashboard_details-image .form_image-upload-text {
  width: calc(100% - 225px);
  float: left;
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_details-image .form_image-upload-text {
    width: calc(100% - 6px);
    float: none;
    background-color: rgba(0, 0, 0, 0.24);
    position: absolute;
    bottom: 3px;
    left: 3px;
    padding: 14px;
  }
  .supporter-dashboard_details-image .form_image-upload-text .form_image-description,
  .supporter-dashboard_details-image .form_image-upload-text .form_label,
  .supporter-dashboard_details-image .form_image-upload-text .form_image-format-text {
    display: none;
  }
}
.supporter-dashboard_details-image .form_image-format-text {
  font-size: 12px;
  margin-bottom: 24px;
}
.supporter-dashboard_details-delete {
  clear: both;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 54px;
  margin-top: 54px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.supporter-dashboard_details-delete-left {
  width: 50%;
}
.supporter-dashboard_details-delete-right {
  float: right;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details-delete-right {
    margin-top: 20px;
  }
}
.supporter-dashboard_details-delete .fundraiser-dashboard_button {
  color: #e82008;
  border-color: #e82008;
  float: right;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details-delete .fundraiser-dashboard_button {
    width: 100%;
    float: none;
    display: block;
  }
}
@media screen and (max-width: 208px) {
  .supporter-dashboard_details-delete .fundraiser-dashboard_button {
    padding: 0;
    font-size: 12px;
  }
}
.supporter-dashboard_details-delete-modal {
  color: rgb(68, 75, 85);
  text-align: center;
  padding: 36px;
}
.supporter-dashboard_details-delete-modal-icon {
  display: inline-block;
  margin-bottom: 10px;
}
.supporter-dashboard_details-delete-modal-title {
  font-weight: 300;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.supporter-dashboard_details-delete-modal-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.supporter-dashboard_details-delete-modal-delete, .supporter-dashboard_details-delete-modal-cancel {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.supporter-dashboard_details-delete-modal-delete:last-child, .supporter-dashboard_details-delete-modal-cancel:last-child {
  margin-right: 0;
}
.supporter-dashboard_details-delete-modal-delete, .supporter-dashboard_details-delete-modal-cancel {
  height: 42px;
  border-width: 2px;
  border-style: solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
}
.supporter-dashboard_details-delete-modal-delete {
  border-color: rgb(247, 116, 98);
  color: rgb(247, 116, 98);
}
.supporter-dashboard_details-fundraiser-notifications {
  margin-left: 10px;
  overflow: auto;
}
.supporter-dashboard_details-fundraiser-notifications .form_label {
  padding-bottom: 0;
}
.supporter-dashboard_details-fundraiser-notifications .form_field {
  margin: 15px 0 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_details .supporter-dashboard_details-goal,
  .supporter-dashboard_details .supporter-dashboard_details-delete-left,
  .supporter-dashboard_details .supporter-dashboard_details-delete-right {
    width: 100%;
  }
}
.supporter-dashboard_details-goal.no-allocations .form_field {
  width: 100%;
}

.past-donors-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 12px;
  font-size: 16px;
  color: var(--color-content-primary, #1b1b1b);
}
.past-donors-pagination__left, .past-donors-pagination__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 568px) {
  .past-donors-pagination__left {
    width: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
@media screen and (max-width: 568px) {
  .past-donors-pagination__right {
    display: none;
  }
}
.past-donors-pagination__page-selector, .past-donors-pagination__rows-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.past-donors-pagination__dropdown {
  padding: 6px 12px;
  border-radius: var(--corner-md, 8px);
  border: 1px solid var(--color-border-input-base, #727272);
  background: var(--color-background-input, #fff);
  font-size: 14px;
  cursor: pointer;
}
.past-donors-pagination__dropdown:focus, .past-donors-pagination__dropdown:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.past-donors-pagination__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.past-donors-pagination__nav-btn {
  border: none;
  background: transparent;
  color: #555;
  border-radius: var(--corner-md, 8px);
  cursor: pointer;
  padding: 8px 12px;
  -webkit-transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .past-donors-pagination__nav-btn {
    -webkit-transition: none;
    transition: none;
  }
}
@media (hover: hover) {
  .past-donors-pagination__nav-btn:hover:not(:disabled) {
    background-color: #f8f9fa;
  }
}
.past-donors-pagination__nav-btn:focus, .past-donors-pagination__nav-btn:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.past-donors-pagination__nav-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.fundraiser-dashboard_donations::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-dashboard_donations {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .fundraiser-dashboard_donations {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .fundraiser-dashboard_donations {
    padding: 0 15px;
  }
}
.fundraiser-dashboard_donations-header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .fundraiser-dashboard_donations-header {
    padding-top: 70px;
  }
}
.fundraiser-dashboard_donations-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser-dashboard_donations-header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser-dashboard_donations-header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.fundraiser-dashboard_donations-empty {
  background-color: #fafafa;
  padding: 36px;
  border: 1px solid #f0f0f0;
  text-align: center;
}
.fundraiser-dashboard_donations-empty::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-dashboard_donations-empty-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}
.fundraiser-dashboard_donations-empty-message {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 74.4998252047%;
}
.fundraiser-dashboard_donations-empty-message:last-child {
  margin-right: 0;
}
.fundraiser-dashboard_donations-empty-message {
  margin-left: 12.7500873977%;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}

.fundraiser-donors_selector {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.fundraiser-donors_selector-item {
  cursor: pointer;
  border-bottom: 1px solid #d8d8d8;
  color: rgba(0, 0, 0, 0.87);
  width: 50%;
}
.fundraiser-donors_selector-item:focus {
  outline: none;
}
.fundraiser-donors_selector-item > button.fundraiser-timeframe-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: inherit;
  cursor: pointer;
  width: 100%;
  padding: 8px 0 12px;
  font-size: 16px;
  font-weight: 400;
}
.fundraiser-donors_selector-item > button.fundraiser-timeframe-text:focus {
  outline: none;
}
.fundraiser-donors_selector-item > button.fundraiser-timeframe-text:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.25);
  outline-offset: 2px;
}
.fundraiser-donors_selector-item > button.fundraiser-timeframe-text.is-active {
  font-weight: 500;
}
@media screen and (max-width: 568px) {
  .fundraiser-donors_selector-item > button.fundraiser-timeframe-text {
    font-size: 14px;
    font-weight: 500;
  }
}
.fundraiser-donors_selector-item.is-active {
  border-bottom: 4px solid var(--tab-underline, currentColor);
}

.fundraiser-block_activity-message {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .fundraiser-block_activity-message {
    font-size: 14px;
  }
}

.fundraiser-block_donors {
  padding: 0 8px;
}

.fundraiser-dashboard__spinner-row {
  position: relative;
  top: 40px;
}

.feed-items {
  margin-bottom: 0;
  border-bottom: 1px solid rgb(210, 210, 210);
  position: relative;
}
.feed-items_user-image-container {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 48px;
}
.feed-items_user-image-container.relative {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .feed-items_user-image-container {
    width: 38px;
    height: 38px;
    border-radius: 38px;
  }
}
.feed-items_user-image-container span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
}
@media screen and (max-width: 1024px) {
  .feed-items_user-image-container span {
    font-size: 17px;
  }
}
.feed-items_user-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 33px;
}
.feed-items_body {
  margin-left: 65px;
}
@media screen and (max-width: 1024px) {
  .feed-items_body {
    margin-left: 53px;
  }
}
.feed-items_description {
  color: #666;
  padding: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.feed-items_author {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .feed-items_author {
    font-size: 14px;
  }
}
.feed-items_action {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-items_action {
    font-size: 13px;
  }
}
.feed-items_content::after {
  clear: both;
  content: "";
  display: table;
}
.feed-items_content {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-items_content {
    font-size: 12px;
  }
}
.feed-items_meta {
  margin-top: 3px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .feed-items_meta {
    font-size: 11px;
  }
}
.feed-items_comments-total, .feed-items_comments-new, .feed-items_comment-new {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0 5px;
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.feed-items_comments-total i, .feed-items_comments-new i, .feed-items_comment-new i {
  color: #57687d;
  padding-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .feed-items_comments-total, .feed-items_comments-new, .feed-items_comment-new {
    font-size: 11px;
  }
}
.feed-items_comments-new {
  vertical-align: bottom;
}
.feed-items_comments-new:before {
  content: "•";
  margin-right: 5px;
  position: relative;
  color: rgba(0, 0, 0, 0.54);
}
.feed-items_comments-new.gray {
  color: #57687d;
}
.feed-items_comments-container {
  margin-top: 15px;
  margin-left: 65px;
  background-color: #f8f8f8;
}
@media screen and (max-width: 540px) {
  .feed-items_comments-container {
    margin-left: 0px;
  }
}
.feed-items_comments-all {
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: 0;
  padding: 15px 0 15px 64px;
  margin: 0;
  color: #57687d;
  font-weight: 600;
}
.feed-items_comments-item {
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin: 0;
  padding: 15px;
}
.feed-items_comments-item:last-child {
  margin: 0;
}
.feed-items_comments-item.provisional {
  opacity: 0.1;
}
.feed-items_comment-form {
  padding: 15px;
  position: relative;
  background-color: rgb(248, 248, 248);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.feed-items_comment-form .ci {
  color: #a1a8a3;
  font-size: 40px;
}
.feed-items_comment-input-section {
  width: 100%;
  padding-left: 17px;
}
.feed-items_comment-input {
  width: 100%;
  border: 1px solid rgb(191, 193, 196);
  border-radius: 4px;
  height: 42px;
  font-size: 14px;
  padding: 10px;
  color: #57687d;
  background-color: #ffffff;
  outline: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.feed-items_user-image.fundraisers {
  float: left;
  margin-left: -25px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.feed-items.flexed .feed-item-donation_comments-and-desc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.feed-items.flexed .feed-item-donation_button {
  margin-left: 25px;
}
.feed-items.flexed .feed-item-donation_button .fa-check-circle {
  font-size: 22px;
  margin-right: 35px;
  color: rgb(210, 210, 210);
}
.feed-items.flexed .feed-item-donation_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.feed-items.flexed.has-past-donors-access .feed-item-donation {
  padding: 25px 6px 25px 0;
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_comments-and-desc {
  min-width: 0;
  overflow: hidden;
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_comments-and-desc .feed-item-donation_name,
.feed-items.flexed.has-past-donors-access .feed-item-donation_comments-and-desc .feed-item-donation_time {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_user-image-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_button {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_button {
    gap: 6px;
  }
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_button {
    margin-left: 8px;
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_button .quatenary {
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_button .quatenary {
    padding: 4px 8px;
    font-size: 11px !important;
    min-width: auto;
  }
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_button .fundraiser-dashboard_button.quatenary {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_button .fundraiser-dashboard_button.quatenary {
    padding: 4px 8px;
    font-size: 11px;
  }
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_button .fa-check-circle {
    margin-right: 0;
    font-size: 18px;
  }
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_button-actions {
    gap: 4px;
  }
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_button-actions .fundraiser-dashboard_button.quatenary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.feed-items.flexed.has-past-donors-access .feed-item-donation_body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .feed-items.flexed.has-past-donors-access .feed-item-donation_body {
    height: auto;
    min-height: 60px;
  }
}
.feed-items_popup {
  padding: 15px 10px 15px 45px !important;
}
.feed-items_popup::after {
  clear: both;
  content: "";
  display: table;
}
.feed-items_popup {
  margin-bottom: 30px;
  background: rgba(0, 0, 0, 0.02);
}
.feed-items_popup .feed-items_user-image, .feed-items_popup .feed-items_body {
  display: table-cell;
  position: relative;
  vertical-align: middle;
}
.feed-items_popup .feed-items_confirmation {
  font-size: 13px;
}
.feed-items_popup .feed-items_confirmation + .feed-items_link {
  text-decoration: underline;
}
.feed-items_popup .feed-items_body {
  padding-left: 15px;
}
.feed-items_popup .feed-items_link {
  margin-top: 0;
}
.feed-items_main {
  position: relative;
  display: table;
}

.feed-items_popup .feed-items_link,
.fundraiser-dashboard__sorter {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}
.feed-items_popup .feed-items_link:focus,
.fundraiser-dashboard__sorter:focus {
  outline: none;
}
.feed-items_popup .feed-items_link:focus-visible,
.fundraiser-dashboard__sorter:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.25);
  outline-offset: 2px;
}

.feed-items_popup .feed-items_confirmation + .feed-items_link {
  float: none;
  font-size: 13px;
  margin-top: 0;
}

.past-donor-table {
  margin-top: 8px;
}
@media screen and (max-width: 568px) {
  .past-donor-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.past-donor-table .fundraiser-dashboard_button.quatenary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 10px;
  border: none;
  color: #232323;
}
.past-donor-table_header, .past-donor-table_row {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr 2fr 1fr;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e1e1e1;
}
@media screen and (max-width: 568px) {
  .past-donor-table_header, .past-donor-table_row {
    min-width: 600px;
    font-size: 14px;
  }
}
.past-donor-table_header {
  font-weight: 700;
}
.past-donor-table_cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: start;
}
.past-donor-table_cell.donor {
  gap: 8px;
}

.past-donor-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 32px;
}
.past-donor-modal .sc-flow-modal_close > i {
  font-size: 10px;
}
.past-donor-modal__icon-wrapper {
  background: #f5f5f5;
  border-radius: 50%;
  padding: 24px;
}
.past-donor-modal__title {
  color: #232323;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.past-donor-modal__body {
  color: #6f6f6f;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.past-donors-tooltip {
  border-radius: var(--corner-lg, 12px);
  background: var(--color-background-inverse, #232323);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.past-donors-tooltip .qtip-content {
  color: var(--color-content-inverse, #fff);
  font-size: var(--font-size-100, 14px);
  font-weight: 500;
  padding: 10px 14px;
  text-align: center;
  line-height: var(--font-line-height-100, 21px);
}
.past-donors-tooltip .qtip-tip {
  border-color: var(--color-background-inverse, #232323);
}

.supporter-dashboard_emails::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_emails {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_emails {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails {
    padding: 0 15px;
  }
}
.supporter-dashboard_emails-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_emails .ci-contact {
  padding-left: 2px;
}
.supporter-dashboard_emails-popup {
  text-align: center;
}
.supporter-dashboard_emails-popup-title {
  color: #222;
  margin-bottom: 20px;
  margin-top: 20px;
}
.supporter-dashboard_emails-popup-help {
  margin-bottom: 20px;
  color: #222;
}
.supporter-dashboard_emails-popup-close {
  display: inline-block;
  margin-bottom: 20px;
}
.supporter-dashboard_emails-back {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  line-height: 19px;
  text-transform: uppercase;
  position: relative;
  display: block;
  max-width: 720px;
  margin: 0 auto;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-back {
    margin-left: 15px;
  }
}
.supporter-dashboard_emails-back-icon {
  font-size: 29px;
  position: absolute;
  left: -20px;
  top: -6px;
}
.supporter-dashboard_emails-mocktemplate {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10%;
}
.supporter-dashboard_emails-mocktemplate-wrap {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-mocktemplate-wrap {
    width: 25%;
  }
}
.supporter-dashboard_emails-mocktemplate-push {
  padding-bottom: 150%;
  position: relative;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-mocktemplate-push {
    padding-bottom: 100%;
  }
}
.supporter-dashboard_emails-mocktext {
  background: #ddd;
  width: 90%;
  height: 10px;
  margin: 0 0 8px 0;
  border-radius: 2px;
  display: block;
}
.supporter-dashboard_emails-mocktext:first-of-type {
  margin-top: 10%;
}
.supporter-dashboard_emails-mocktext.two {
  width: 75%;
}
.supporter-dashboard_emails-mocktext.three {
  width: 55%;
  margin-bottom: 0px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-mocktext {
    height: 5px;
    margin-bottom: 4px;
    background: #ddd;
  }
}
.supporter-dashboard_emails-templates {
  background: #fafafa;
  padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border: 1px solid #f0f0f0;
  margin: 0 auto;
  border-radius: 2px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-templates {
    padding: 0;
    border: none;
    background: #ffffff;
    display: block;
  }
}
.supporter-dashboard_emails-template-wrap {
  display: block;
  width: 170px;
  max-width: 25%;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-template-wrap {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
}
.supporter-dashboard_emails-template-title {
  text-align: center;
  padding: 24px 0 0;
  color: rgba(0, 0, 0, 0.54);
  line-height: 19px;
  font-size: 14px;
}
.supporter-dashboard_emails-template-title-go {
  display: none;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-template-title-go {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 50px;
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.54);
  }
}
.supporter-dashboard_emails-template-title-help {
  color: rgba(0, 0, 0, 0.87);
  padding-right: 10px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-template-title {
    color: #222;
    padding-top: 0;
    text-align: left;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 2px rgba(0, 0, 0, 0.12);
    padding-right: 0px;
  }
}
.supporter-dashboard_emails-message {
  border: 1px dotted #979797;
  background: #ffffff;
  padding: 35px 15px 51px;
  position: relative;
  margin: 14px 36px 24px;
  border-radius: 2px;
  color: #1c1c1c;
  color: #222;
  max-width: 720px;
  margin: 24px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.supporter-dashboard_emails-message.focused {
  outline: none;
  border-color: #9ecaed;
  -webkit-box-shadow: 0 0 10px #9ecaed;
  box-shadow: 0 0 10px #9ecaed;
}
.supporter-dashboard_emails-message.copied {
  border-style: solid;
}
.supporter-dashboard_emails-message.copied .supporter-dashboard_emails-message-copied {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
  transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
  z-index: 3;
}
.supporter-dashboard_emails-message-content {
  word-break: break-word;
  outline: 0;
  max-width: 570px;
  margin: 0 auto;
}
.supporter-dashboard_emails-message-content *, .supporter-dashboard_emails-message-content {
  font-family: sans-serif;
}
.supporter-dashboard_emails-message-actions {
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 720px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-message-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .supporter-dashboard_emails-message-actions a {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    margin-left: 0;
  }
}
.supporter-dashboard_emails-message-actions-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-message-actions-buttons {
    display: block;
    width: 100%;
  }
}
.supporter-dashboard_emails-message-actions-button:nth-of-type(2) {
  margin-left: 13px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_emails-message-actions-button:nth-of-type(2) {
    margin-left: 0;
  }
}
.supporter-dashboard_emails-message-actions .ci-checkmark {
  font-size: 20px;
  font-weight: bold;
}
.supporter-dashboard_emails-message-help {
  display: block;
  font-size: 12px;
  color: #222;
  text-decoration: underline;
}
.supporter-dashboard_emails-message-pageLink {
  color: #1c1c1c;
  color: #222;
  text-decoration: underline;
  display: inline-block;
}
.supporter-dashboard_emails-message-name {
  color: #1c1c1c;
  color: #222;
}
.supporter-dashboard_emails-message-copied {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  text-align: center;
  color: #222;
  opacity: 0;
  font-size: 15px;
  -webkit-transition: opacity 0.5s ease 0s, z-index 0s ease 0.5s;
  transition: opacity 0.5s ease 0s, z-index 0s ease 0.5s;
}
.supporter-dashboard_emails-message-copied-title {
  color: #222;
  padding-bottom: 10px;
}

.supporter-dashboard_teammates::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_teammates {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_teammates {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_teammates {
    padding: 0 15px;
  }
}
.supporter-dashboard_teammates {
  text-align: center;
}
.supporter-dashboard_teammates-nav {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: initial;
  margin: 0px 0px 30px 0px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.supporter-dashboard_teammates-nav .fa-search {
  color: rgb(114, 126, 131);
  -ms-flex-item-align: baseline;
  align-self: baseline;
  margin: 3px 10px 0 0;
}
.supporter-dashboard_teammates-search {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  border: none;
  width: calc(100% - 29px);
}
.supporter-dashboard_teammates-search::-webkit-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-dashboard_teammates-search::-moz-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-dashboard_teammates-search:-ms-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-dashboard_teammates-search::-ms-input-placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-dashboard_teammates-search::placeholder {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.supporter-dashboard_teammates-search-field {
  padding: 7px 10px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 50%;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_teammates-search-field {
    width: 100%;
  }
}
.supporter-dashboard_teammates-header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_teammates-header {
    padding-top: 70px;
  }
}
.supporter-dashboard_teammates-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_teammates-header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_teammates-header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
.supporter-dashboard_teammates-header-title {
  margin-bottom: 20px;
  clear: both;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_teammates-header-title {
    padding-top: 40px;
  }
}
.supporter-dashboard_teammates-no-pointer-events {
  pointer-events: none;
}
.supporter-dashboard_teammates-modal {
  text-align: center;
  padding: 35px 30px;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button {
  display: inline-block;
  text-align: center;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  border: 0;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 5px;
  padding: 8px 20px;
  border-radius: 4px;
  cursor: pointer;
  min-width: 115px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button .frs-dropdown__options {
  border-color: black;
  border-width: 2px;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button .frs-dropdown__option {
  color: rgb(127.5, 127.5, 127.5);
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button .frs-dropdown__option:hover {
  color: white;
  background-color: hsl(0, 0%, -5%);
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button,
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button .frs-dropdown__options {
  background-color: #425ccd;
  border-color: #425ccd;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button:focus,
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button .frs-dropdown__options:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
  box-shadow: rgba(0, 0, 0, 0.9) 0 0 0 2px;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button:hover, .supporter-dashboard_teammates-modal .fundraiser-dashboard-button:hover .frs-dropdown__options {
  background-color: rgb(12.75, 12.75, 12.75);
  border-color: rgb(12.75, 12.75, 12.75);
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.gray {
  background-color: rgb(210, 210, 210);
  border-color: rgb(210, 210, 210);
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined .frs-dropdown__options {
  border-color: black;
  border-width: 2px;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined .frs-dropdown__option {
  color: rgb(127.5, 127.5, 127.5);
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined .frs-dropdown__option:hover {
  color: white;
  background-color: hsl(0, 0%, -5%);
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined,
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined .frs-dropdown__options {
  color: black;
}
.supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined:hover, .supporter-dashboard_teammates-modal .fundraiser-dashboard-button.is-outlined:hover .frs-dropdown__options {
  color: #ffffff;
  background-color: black;
}
.supporter-dashboard_teammates-emails {
  border: 1px dotted #979797;
  background: #ffffff;
  padding: 35px 15px 51px;
  position: relative;
  margin: 14px 36px 24px;
  border-radius: 2px;
  color: #1c1c1c;
  color: #222;
  max-width: 720px;
  margin: 24px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.supporter-dashboard_teammates-emails.focused {
  outline: none;
  border-color: #9ecaed;
  -webkit-box-shadow: 0 0 10px #9ecaed;
  box-shadow: 0 0 10px #9ecaed;
}
.supporter-dashboard_teammates-emails.copied .supporter-dashboard_emails-message-copied {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
  transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
  z-index: 3;
}
.supporter-dashboard_teammates-emails {
  padding: 15px;
  min-height: 80px;
  text-align: left;
}
.supporter-dashboard_teammates-emails.copied {
  border-style: solid;
}
.supporter-dashboard_teammates-emails.copied .supporter-dashboard_teammates-emails-copied {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
  transition: opacity 0.5s ease 0s, z-index 0s ease 0s;
  z-index: 3;
}
.supporter-dashboard_teammates-emails-content {
  word-break: break-word;
  outline: 0;
  max-width: 570px;
  margin: 0 auto;
}
.supporter-dashboard_teammates-emails-content *, .supporter-dashboard_teammates-emails-content {
  font-family: sans-serif;
}
.supporter-dashboard_teammates-emails-copied {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  text-align: center;
  color: #222;
  opacity: 0;
  font-size: 15px;
  -webkit-transition: opacity 0.5s ease 0s, z-index 0s ease 0.5s;
  transition: opacity 0.5s ease 0s, z-index 0s ease 0.5s;
}
.supporter-dashboard_teammates-emails-copied-title {
  color: #222;
  padding-bottom: 10px;
}
.supporter-dashboard_teammates-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.supporter-dashboard_teammates-subtitle {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.supporter-dashboard_teammates-invite-button {
  padding: 0 25px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  height: 36px;
  line-height: 32px;
  font-size: 15px;
  display: inline-block;
  margin: 5px 5px 36px 5px;
}
.supporter-dashboard_teammates-table-heading {
  font-size: 14px;
  margin-bottom: 5px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgb(240, 240, 240);
  text-align: right;
  margin-top: 10px;
}
.supporter-dashboard_teammates-table-heading .supporter-dashboard_teammates-item-checkbox {
  margin-top: 10px;
}
.supporter-dashboard_teammates-table-heading-sorter {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.supporter-dashboard_teammates-table-heading-sorter .fa {
  font-size: 16px;
  padding-left: 5px;
}
.supporter-dashboard_teammates-table-heading-sorter .fa-caret-up {
  display: none;
}
.supporter-dashboard_teammates-table-heading-sorter .fa-caret-down {
  display: inline-block;
}
.supporter-dashboard_teammates-table-heading-sorter.asc .fa-caret-up {
  display: inline-block;
}
.supporter-dashboard_teammates-table-heading-sorter.asc .fa-caret-down {
  display: none;
}
.supporter-dashboard_teammates-table-heading-sorter {
  display: inline-block;
  margin-left: 35px;
}
.supporter-dashboard_teammates-table-heading-sorter:not(.active) {
  color: #57687d;
}
.supporter-dashboard_teammates-item {
  list-style-type: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 23px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 15px;
  color: #6d6f7e;
}
.supporter-dashboard_teammates-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 300px;
  padding-right: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.supporter-dashboard_teammates-item-checkbox {
  margin: 0 8% 0 0;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  position: relative;
  display: block;
  padding-left: 24px;
  cursor: pointer;
  font-size: 13px;
  color: #57687d;
  text-align: left;
  min-height: 40px;
}
.supporter-dashboard_teammates-item-checkbox.inline {
  display: inline-block;
}
.supporter-dashboard_teammates-item-checkbox_input:before, .supporter-dashboard_teammates-item-checkbox-input:before {
  -webkit-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  -moz-transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  transition: line-height 300ms cubic-bezier(0.31, 1.07, 0.61, 1.23);
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2);
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  text-indent: 1px;
  line-height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  background: #f9f9f9;
  color: rgb(114, 126, 131);
  overflow: hidden;
}
.supporter-dashboard_teammates-item-checkbox:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.supporter-dashboard_teammates-item-checkbox:focus .supporter-dashboard_teammates-item-checkbox_input:before, .supporter-dashboard_teammates-item-checkbox:focus .supporter-dashboard_teammates-item-checkbox-input:before {
  border-color: #9e9e9e;
}
.supporter-dashboard_teammates-item-checkbox.checked .supporter-dashboard_teammates-item-checkbox_input:before, .supporter-dashboard_teammates-item-checkbox.checked .supporter-dashboard_teammates-item-checkbox-input:before {
  line-height: 16px;
}
.supporter-dashboard_teammates-item-checkbox.error .supporter-dashboard_teammates-item-checkbox_input:before, .supporter-dashboard_teammates-item-checkbox.error .supporter-dashboard_teammates-item-checkbox-input:before {
  border: 1px solid rgb(247, 116, 98);
  background-color: #fffaf9;
}
.supporter-dashboard_teammates-item-checkbox {
  height: 20px;
}
.supporter-dashboard_teammates-item-checkbox-input:not(.checked) + label:before {
  background-color: #ffffff;
}
.supporter-dashboard_teammates-item-checkbox-input.checked + label:before {
  background-color: #425ccd;
}
.supporter-dashboard_teammates-item-checkbox-input:not(.checked) + label:after, .supporter-dashboard_teammates-item-checkbox-input.checked + label:after {
  color: #ffffff;
}
.supporter-dashboard_teammates-item-image {
  width: 48px;
  height: 48px;
  margin-right: 8%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.supporter-dashboard_teammates-item-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
}
.supporter-dashboard_teammates-item-image-src {
  width: 100%;
  height: 100%;
}
.supporter-dashboard_teammates-item-progress .sc-campaign-progress_bar-mask {
  height: 6px;
}
.supporter-dashboard_teammates-item-right {
  -ms-flex-preferred-size: 150px;
  flex-basis: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_teammates-item-right {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.supporter-dashboard_teammates-item-raised {
  padding-right: 15px;
}

.supporter-dashboard_overview-header {
  padding-bottom: 45px;
  text-align: center;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-header {
    padding-top: 70px;
  }
}
.supporter-dashboard_overview-header-icon {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background-color: rgb(248, 248, 248);
  line-height: 72px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_overview-header-title {
  font-size: 23px;
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_overview-header-subTitle {
  font-size: 13px;
  padding-top: 9px;
  line-height: 1.3;
  margin: 0 auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  max-width: 420px;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-header {
    padding: 0 0 36px;
  }
}
.supporter-dashboard_overview-header {
  padding-bottom: 36px;
}
.supporter-dashboard_overview-suggestion {
  font-size: 15px;
  color: #57687d;
  font-weight: 400;
}
.supporter-dashboard_overview-top {
  background-color: rgb(245, 245, 245);
  padding-bottom: 200px;
  border-bottom: 1px solid #e0e0e0;
}
.supporter-dashboard_overview-top-inner::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_overview-top-inner {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_overview-top-inner {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-top-inner {
    padding: 0 15px;
  }
}
.supporter-dashboard_overview-top-inner {
  padding-top: 36px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_overview-top-inner {
    padding: 30px 15px 100px 15px;
  }
}
.supporter-dashboard_overview-bottom {
  padding-bottom: 100px;
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-bottom {
    max-width: 320px;
  }
}
.supporter-dashboard_overview-cards::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_overview-cards {
  padding-top: 0;
  /**
   * 30px of this accounts for the 'stacked'
   * abslute cards
   */
  margin-bottom: 80px;
  position: relative;
}
.supporter-dashboard_overview-card {
  position: relative;
  z-index: 3;
  padding: 36px 5% !important;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 74.4998252047%;
}
.supporter-dashboard_overview-card:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-card {
  margin-left: 12.7500873977%;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-card {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .supporter-dashboard_overview-card:last-child {
    margin-right: 0;
  }
  .supporter-dashboard_overview-card {
    margin-left: 0%;
  }
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-card {
    max-width: 280px;
  }
}
.supporter-dashboard_overview-card {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 1px 1.5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 1px 1.5px 0 rgba(0, 0, 0, 0.12);
  padding: 36px 13%;
  background-color: #ffffff;
  text-align: center;
  overflow: hidden;
  display: none;
}
.supporter-dashboard_overview-card:nth-child(1) {
  display: block;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-card:nth-child(1) {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_overview-card:nth-child(1) {
    padding: 20px;
  }
}
.supporter-dashboard_overview-card:nth-child(2) {
  position: absolute;
  top: 100%;
  margin-top: -58px;
  display: block;
  height: 0;
  text-indent: -999px;
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -ms-transform: scale(0.97);
  -o-transform: scale(0.97);
  transform: scale(0.97);
  z-index: 2;
}
.supporter-dashboard_overview-card:nth-child(3) {
  position: absolute;
  top: 100%;
  margin-top: -44px;
  display: block;
  height: 0;
  text-indent: -999px;
  -webkit-transform: scale(0.94);
  -moz-transform: scale(0.94);
  -ms-transform: scale(0.94);
  -o-transform: scale(0.94);
  transform: scale(0.94);
  z-index: 1;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success {
  padding: 24px !important;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success {
    padding: 16px !important;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .supporter-dashboard_overview-card-title {
  margin-top: 0px;
  font-weight: bold;
  text-align: start;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .supporter-dashboard_overview-card-title {
    font-size: 18px;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .supporter-dashboard_overview-card-description {
  text-align: start;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 24px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .supporter-dashboard_overview-card-description {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .supporter-dashboard_overview-card-buttons {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .supporter-dashboard_overview-card-button {
  margin: 0px;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content {
  margin-top: 24px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content {
    margin-top: 16px;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .share-card-image {
  margin-bottom: 24px;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons {
  position: static;
  background: transparent;
  padding: 0;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .sc-flow-modal_close {
  display: none;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .header h2 {
  display: none;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-icon-content {
  padding: 0;
  margin-top: 0;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-icon-content.slide-out {
  display: none;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-icon-content.slide-in {
  display: block;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .indicator {
  margin: 18px 0 10px 0;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .indicator {
    margin: 12px 0 8px 0;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-body h2 {
  display: none;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .copy-link {
  padding: 0px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .copy-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .copy-link .vanity-url {
    border-radius: 12px;
    font-size: 12px;
    height: 40px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .copy-link .copy-text {
    border-radius: 12px;
    height: 40px;
    width: 100%;
    font-size: 13px;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item {
  width: 50%;
  margin-top: 1.5rem;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 1.5rem;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item .social-buttons_item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item .social-buttons_item-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-title {
  font-size: 16px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-title {
    font-size: 0.75rem;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .social-items .social-buttons_item .social-buttons_item-link .social-buttons_item-icon {
  width: 44px;
  height: 45px;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-transform: translateX(-500px);
  transform: translateX(-500px);
  padding: 0px;
  margin-top: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  width: auto !important;
  pointer-events: auto;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content {
    margin-top: 16px;
    gap: 16px;
    padding: 0px;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content.slide-in {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: initial;
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .qr-display {
  gap: 24px;
  padding: 1.5rem;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .qr-display {
    padding: 1rem;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .qr-display canvas {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .qr-display .qr-logo {
    max-width: 80px;
    height: auto;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .qr-display .qr-name {
    font-size: 14px;
    margin-top: 8px;
  }
}
.supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .action-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 12px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .action-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-card#share-and-maximize-fundraising-success .share-card-social-content .social-buttons .qr-content .action-container button {
    width: 100%;
    padding: 10px 16px;
    font-size: 14px;
  }
}
.supporter-dashboard_overview-card-icon {
  width: 96px;
  height: 96px;
  border-radius: 96px;
  line-height: 96px;
  display: inline-block;
  background-color: rgb(250, 250, 250);
  color: rgba(0, 0, 0, 0.38);
  text-align: center;
}
.supporter-dashboard_overview-card-icon.success-modal-icon {
  width: 69px;
  height: 69px;
  line-height: 67px;
  font-size: 40px;
}
.supporter-dashboard_overview-card-icon-i.ci.larger-icon {
  font-size: 45px;
}
.supporter-dashboard_overview-card-icon-i.ci.larger-icon.pad-left {
  margin-left: 10px;
}
.supporter-dashboard_overview-card-title {
  margin-top: 24px;
  font-size: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_overview-card-description {
  margin-top: 18px;
  font-size: 15px;
  font-weight: normal;
  color: #57687d;
}
.supporter-dashboard_overview-card-subtitle {
  max-width: 315px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 1em;
  font-size: 15px;
}
.supporter-dashboard_overview-card-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 36px;
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_overview-card-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.supporter-dashboard_overview-card-button {
  font-size: 14px;
  padding: 9px 23px;
  min-width: 115px;
  border-radius: 2px;
  text-transform: uppercase;
  margin: 0 18px;
  font-weight: 600;
  color: #57687d;
  background-color: #f5f5f5;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_overview-card-button {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  .supporter-dashboard_overview-card-button:last-child {
    margin-bottom: 18px;
  }
}
.supporter-dashboard_overview-card-button.disabled {
  pointer-events: none;
}
.supporter-dashboard_overview-card-button.success-modal-button {
  max-width: -webkit-fit-content;
  min-width: 0px;
  border-radius: 3px;
  background-color: #2785a4;
  margin: 0 auto;
  color: #fff;
  padding: 11px 19px;
}
.supporter-dashboard_overview-card-button.quad-btn {
  margin: 0px 8px;
}
@media screen and (max-width: 480px) {
  .supporter-dashboard_overview-card-button.quad-btn {
    margin-bottom: 18px;
  }
  .supporter-dashboard_overview-card-button.quad-btn:first-child {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_overview-card-button.quad-btn {
    min-width: 80px;
  }
}
.supporter-dashboard_overview-skip-cards {
  font-size: 15px;
  font-weight: 400;
  color: #57687d;
  text-decoration: underline;
}
.supporter-dashboard_overview-navigation {
  margin-top: -101px;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-navigation {
    margin-top: -85px;
  }
}
.supporter-dashboard_overview-navigation-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 50%;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .supporter-dashboard_overview-navigation-list {
    min-width: 70%;
  }
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-navigation-list {
    min-width: 100%;
  }
}
.supporter-dashboard_overview-tab {
  background-color: rgb(250, 250, 250);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 18px 21px 18px;
  width: 33%;
  border-top: 1px solid #e0e0e0;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_overview-tab {
    width: 43%;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-tab {
    padding: 12px 12px 14px 12px;
    height: 101px;
    max-height: 101px;
    max-width: 43%;
  }
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-tab {
    height: 85px;
  }
}
.supporter-dashboard_overview-tab:only-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 50%;
}
.supporter-dashboard_overview-tab:first-child {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.supporter-dashboard_overview-tab:not(:first-child) {
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top-right-radius: 3px;
}
.supporter-dashboard_overview-tab.active {
  margin-bottom: -1px;
  background-color: #ffffff;
}
.supporter-dashboard_overview-tab.active:not(:first-child) {
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.supporter-dashboard_overview-tab:not(.active):first-child {
  border-top-right-radius: 0;
}
.supporter-dashboard_overview-tab-image {
  height: 60px;
  width: 60px;
  border-radius: 1px;
  margin-right: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-tab-image {
    margin-right: 9px;
    height: 50px;
    width: 50px;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-tab-image {
    display: none;
  }
}
.supporter-dashboard_overview-tab-image-src {
  width: 100%;
  height: 100%;
}
.supporter-dashboard_overview-tab-info {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
}
.supporter-dashboard_overview-tab-name {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-tab-name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 95%;
  }
}
.supporter-dashboard_overview-tab-text {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.54);
}
.supporter-dashboard_overview-tab-progress {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.supporter-dashboard_overview-tab-progress .sc-campaign-progress_bar-mask {
  width: 100%;
  height: 6px;
}
.supporter-dashboard_overview-leave-team-modal {
  color: rgb(68, 75, 85);
  text-align: center;
  padding: 36px;
}
.supporter-dashboard_overview-leave-team-modal-icon {
  display: inline-block;
  margin-bottom: 10px;
}
.supporter-dashboard_overview-leave-team-modal-title {
  font-weight: 300;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.supporter-dashboard_overview-leave-team-modal-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.supporter-dashboard_overview-leave-team-modal-leave, .supporter-dashboard_overview-leave-team-modal-cancel {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.supporter-dashboard_overview-leave-team-modal-leave:last-child, .supporter-dashboard_overview-leave-team-modal-cancel:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-leave-team-modal-leave, .supporter-dashboard_overview-leave-team-modal-cancel {
  height: 42px;
  border-width: 2px;
  border-style: solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
}
.supporter-dashboard_overview-leave-team-modal-leave {
  border-color: rgb(247, 116, 98);
  color: rgb(247, 116, 98);
}
.supporter-dashboard_overview-success-modal {
  padding: 35px;
}
.supporter-dashboard_overview-return {
  display: none;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_overview-return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 0;
    text-align: center;
    width: 100%;
  }
}
.supporter-dashboard_overview-return-button {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.87);
  font-size: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-transform: uppercase;
  background: #fff;
  margin: 0 12px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-return-button {
    padding: 10px 23px;
  }
}
.supporter-dashboard_overview-return .share-button {
  color: #fff;
  max-width: 121px;
  height: 48px;
  background-color: #000;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 3px;
  width: 100%;
}
.supporter-dashboard_overview-return .share-button img {
  vertical-align: top;
}

.supporter-dashboard_overview-page::after {
  clear: both;
  content: "";
  display: table;
}
.supporter-dashboard_overview-page {
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 0px 60px;
}
@media screen and (max-width: 768px) {
  .supporter-dashboard_overview-page {
    padding: 70px 15px 100px;
  }
}
@media screen and (max-width: 540px) {
  .supporter-dashboard_overview-page {
    padding: 0 15px;
  }
}
.supporter-dashboard_overview-page {
  min-height: 400px;
  text-align: center;
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-page {
    padding-left: 3px;
  }
}
.supporter-dashboard_overview-page-icon {
  width: 96px;
  height: 96px;
  border-radius: 96px;
  line-height: 96px;
  display: inline-block;
  background-color: rgb(250, 250, 250);
  color: rgba(0, 0, 0, 0.38);
  margin-bottom: 36px;
}
.supporter-dashboard_overview-page-title {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.87);
  text-align: center;
  font-weight: 400;
  margin-bottom: 50px;
}
.supporter-dashboard_overview-page-text {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1.6;
  margin-top: 12px;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.supporter-dashboard_overview-page-text:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-page-text {
  margin-left: 25.5001747953%;
  clear: both;
}
.supporter-dashboard_overview-page-buttons {
  margin-top: 38px;
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 48.9996504093%;
}
.supporter-dashboard_overview-page-buttons:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-page-buttons {
  margin-left: 25.5001747953%;
}
.supporter-dashboard_overview-page-join-team-button {
  display: inline-block;
  border-radius: 2px;
  border-width: 2px;
  font-size: 14px;
  text-transform: uppercase;
  border-style: solid;
  vertical-align: top;
  padding: 9px 23px;
}
.supporter-dashboard_overview-page-go-away {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 31.9995338791%;
}
.supporter-dashboard_overview-page-go-away:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-page-go-away {
  margin-left: 34.0002330604%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  margin-top: 36px;
}
.supporter-dashboard_overview-page-graph {
  min-height: 320px;
}
@media screen and (max-width: 320px) {
  .supporter-dashboard_overview-page-graph {
    max-width: 320px;
    overflow: initial;
  }
}
.supporter-dashboard_overview-page-graph .c3-axis-y .tick line {
  display: none;
}
.supporter-dashboard_overview-page-graph .c3-axis-y .domain {
  display: none;
}
.supporter-dashboard_overview-page-graph .c3-axis-x .tick line {
  display: none;
}
.supporter-dashboard_overview-page-graph .c3-axis-x .domain {
  stroke: #979797;
}
.supporter-dashboard_overview-page-graph .c3-axis text {
  fill: #979797;
  font-size: 11px;
}
.supporter-dashboard_overview-page-rollups {
  float: left;
  margin-top: 36px;
  font-size: 14px;
  font-weight: 300;
  color: #727272;
  margin-left: 40px;
}
.supporter-dashboard_overview-page-rollups-divider {
  padding: 0 20px;
}
.supporter-dashboard_overview-page-raise-goal {
  float: right;
  margin-top: 36px;
  font-size: 14px;
  font-weight: 300;
  color: #727272;
  text-align: right;
  margin-right: 30px;
}
.supporter-dashboard_overview-page-leave-team {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 100%;
}
.supporter-dashboard_overview-page-leave-team:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-page-leave-team {
  background: #f5f5f5;
  height: 72px;
  padding: 0 18px;
  margin-top: 96px;
  text-align: right;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-page-leave-team {
    padding: 18px;
    height: auto;
  }
}
.supporter-dashboard_overview-page-leave-team-image {
  float: left;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  overflow: hidden;
  margin-top: 12px;
  margin-right: 16px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-page-leave-team-image {
    margin-top: 0;
  }
}
.supporter-dashboard_overview-page-leave-team-image-src {
  width: 100%;
  height: 100%;
}
.supporter-dashboard_overview-page-leave-team-left {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 65.9997669396%;
}
.supporter-dashboard_overview-page-leave-team-left:last-child {
  margin-right: 0;
}
.supporter-dashboard_overview-page-leave-team-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.supporter-dashboard_overview-page-leave-team-title {
  font-weight: 600;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
}
.supporter-dashboard_overview-page-leave-team-text {
  font-weight: 400;
  font-size: 13px;
}
.supporter-dashboard_overview-page-leave-team-cta, .supporter-dashboard_overview-page-leave-team-left-cta {
  display: inline;
  font-size: 12px;
  text-decoration: underline;
  line-height: 72px;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-page-leave-team-cta {
    display: none;
  }
}
.supporter-dashboard_overview-page-leave-team-left-cta {
  display: none;
}
@media screen and (max-width: 568px) {
  .supporter-dashboard_overview-page-leave-team-left-cta {
    display: block;
  }
}

.facebook-processing {
  padding: 40px 60px;
  text-align: center;
}
.facebook-processing_title {
  font-size: 27px;
  font-weight: 700;
  color: #3a434a;
  margin-bottom: 25px;
}
.facebook-processing_message {
  font-size: 14px;
  color: #a1a8a3;
  margin-bottom: 33px;
}
.facebook-processing_animation {
  position: relative;
  height: 100px;
}
.facebook-processing_animation-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(-70px / 2);
  margin-left: calc(-70px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(70px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.facebook-processing_animation-spinner, .facebook-processing_animation-spinner:before, .facebook-processing_animation-spinner:after {
  border-radius: 50%;
}
.facebook-processing_animation-spinner:before, .facebook-processing_animation-spinner:after {
  position: absolute;
  content: "";
}
.facebook-processing_animation-spinner:before {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 70px 0 0 70px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(70px / 2) calc(70px / 2);
  transform-origin: calc(70px / 2 + 2px) calc(70px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.facebook-processing_animation-spinner:after {
  width: calc(4px + 70px / 2);
  height: 74px;
  border-radius: 0 70px 70px 0;
  top: -2px;
  left: calc(70px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(70px / 2 + 2px);
  transform-origin: 0 calc(70px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.facebook-processing_animation-spinner.offWhite:before, .facebook-processing_animation-spinner.offWhite:after {
  background: rgb(248, 248, 248);
}
.facebook-processing_animation-spinner.blockSlate:before, .facebook-processing_animation-spinner.blockSlate:after {
  background: rgb(54, 62, 69);
}

.fundraiser_claim_modal {
  padding: 0 25px 20px;
}
.fundraiser_claim_modal .fundraising-information {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
.fundraiser_claim_modal .modal-frame {
  background-color: khaki;
}
.fundraiser_claim_modal .form__waiver {
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.87);
}
.fundraiser_claim_modal .form__checkbox-control-label {
  color: rgba(0, 0, 0, 0.87);
}
.fundraiser_claim_modal .form__checkbox-control.checked .form__checkbox-control-input::before {
  background: #005fcc;
  border-color: transparent;
  color: #ffffff;
}
.fundraiser_claim_modal .form__checkbox-control:focus {
  outline: transparent;
}
.fundraiser_claim_modal .label_header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
.fundraiser_claim_modal .label_info {
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.fundraiser_claim_modal .submit-button {
  display: block;
  width: 100%;
}
.fundraiser_claim_modal .submit-button:hover {
  background-color: #005fcc;
}
.fundraiser_claim_modal-modal-title {
  color: rgb(255, 255, 255);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
  height: 64px;
  margin: 0 -35px;
  background-color: #425ccd;
  color: #ffffff;
  padding: 16px 34px;
}
.fundraiser_claim_modal-header {
  color: rgb(87, 104, 125);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 22px;
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fundraiser_claim_modal-header-payment-text {
  margin-left: auto;
  font-size: 12px;
  color: green;
}
.fundraiser_claim_modal-header-header-icon {
  font-size: 35px;
  margin-right: 10px;
}
.fundraiser_claim_modal-section__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fundraiser_claim_modal-section__aside {
  width: 52%;
}
.fundraiser_claim_modal-section__aside-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 21px;
  line-height: 24px;
  font-weight: 600;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 14px;
}
.fundraiser_claim_modal-section__aside-paragraph {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
.fundraiser_claim_modal-section__aside-title, .fundraiser_claim_modal-section__aside-paragraph {
  display: block;
}
.fundraiser_claim_modal-section__content {
  width: 48%;
  text-align: center;
}

.fundraiser-dashboard_table::after {
  clear: both;
  content: "";
  display: table;
}
.fundraiser-dashboard_table {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.fundraiser-dashboard_table-heading {
  font-size: 13px;
  font-weight: 300;
  padding: 0 0 12px 10px;
  border-bottom: 2px solid rgb(240, 240, 240);
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .fundraiser-dashboard_table-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 12px 8px;
  }
}
.fundraiser-dashboard__sorter {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.fundraiser-dashboard__sorter .fa {
  font-size: 16px;
  padding-left: 5px;
}
.fundraiser-dashboard__sorter .fa-caret-up {
  display: none;
}
.fundraiser-dashboard__sorter .fa-caret-down {
  display: inline-block;
}
.fundraiser-dashboard__sorter.asc .fa-caret-up {
  display: inline-block;
}
.fundraiser-dashboard__sorter.asc .fa-caret-down {
  display: none;
}
.fundraiser-dashboard_action:last-child {
  text-align: right;
}
@media screen and (max-width: 568px) {
  .fundraiser-dashboard_action.search {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  .fundraiser-dashboard_action.filter {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 31.9995338791%;
  }
  .fundraiser-dashboard_action.filter:last-child {
    margin-right: 0;
  }
}
.fundraiser-dashboard_action.recent:hover .supporter-admin_updates-filter-nav {
  display: block;
}
.fundraiser-dashboard_action-input, .fundraiser-dashboard_action-text {
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  border: none;
}
.fundraiser-dashboard_action .fa-search {
  color: rgb(114, 126, 131);
  font-size: 18px;
  float: left;
  padding: 0 10px 0 5px;
}

.p2p-search_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.flexbox.flexboxlegacy .p2p-search_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.flexbox .p2p-search_body {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.no-flexbox .p2p-search_body, .flexbox.no-flexboxlegacy .p2p-search_body {
  min-height: calc(100vh - 226px);
}
.p2p-search_banner {
  position: relative;
  height: 315px;
  padding-top: 115px;
}
@media screen and (max-width: 568px) {
  .p2p-search_banner {
    height: 177px;
    padding-top: 57px;
  }
}
.p2p-search_banner-background {
  z-index: -1;
}
.p2p-search_banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.p2p-search_banner-content {
  position: relative;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
}
@media screen and (max-width: 568px) {
  .p2p-search_banner-content {
    height: 120px;
  }
}
.p2p-search_input {
  margin: 0 auto;
  padding: 0 10px 12px;
  width: 588px;
  max-width: 100%;
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 568px) {
  .p2p-search_input {
    width: 100%;
  }
}
.p2p-search_input-icon {
  font-size: 30px;
  color: #fff;
  margin-right: 12px;
  vertical-align: top;
  margin-top: 6px;
}
@media screen and (max-width: 568px) {
  .p2p-search_input-icon {
    font-size: 20px;
  }
}
.p2p-search_input-field {
  color: rgb(255, 255, 255);
  font-size: 36px;
  line-height: 48px;
  font-weight: 600;
  background-color: transparent;
  border: none;
  font-weight: 500;
  width: calc(100% - 60px);
}
.p2p-search_input-field::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.p2p-search_input-field::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.p2p-search_input-field:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.p2p-search_input-field::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.p2p-search_input-field::placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.p2p-search_input-field::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
@media screen and (max-width: 568px) {
  .p2p-search_input-field {
    color: rgb(255, 255, 255);
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    width: calc(100% - 40px);
  }
}
.p2p-search_main::after {
  clear: both;
  content: "";
  display: table;
}
.p2p-search_main {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding: 75px 0;
}
@media screen and (max-width: 568px) {
  .p2p-search_main {
    padding: 0;
  }
}
.p2p-search_filters {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 14.9994173489%;
}
.p2p-search_filters:last-child {
  margin-right: 0;
}
.p2p-search_filters {
  margin-left: 17.0001165302%;
}
@media screen and (max-width: 768px) {
  .p2p-search_filters {
    margin-left: 8.5000582651%;
  }
}
@media screen and (max-width: 568px) {
  .p2p-search_filters {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .p2p-search_filters:last-child {
    margin-right: 0;
  }
  .p2p-search_filters {
    margin-left: 0%;
    margin-right: 0;
  }
}
.p2p-search_filters-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
}
@media screen and (max-width: 568px) {
  .p2p-search_filters-title {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  .p2p-search_filters-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
}
.p2p-search_filters-item {
  margin-bottom: 12px;
}
@media screen and (max-width: 568px) {
  .p2p-search_filters-item {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    margin: 0;
    height: 50px;
  }
}
.p2p-search_filters-item-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgb(87, 104, 125);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 568px) {
  .p2p-search_filters-item-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
  }
}
.p2p-search_filters-item-button:focus {
  outline: none;
}
.active .p2p-search_filters-item-button {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
}
@media screen and (max-width: 568px) {
  .active .p2p-search_filters-item-button {
    border-bottom: 3px solid currentColor;
  }
}
.p2p-search_results {
  float: left;
  display: block;
  margin-right: 2.0006991813%;
  width: 40.4995921442%;
}
.p2p-search_results:last-child {
  margin-right: 0;
}
.p2p-search_results {
  margin-left: 8.5000582651%;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p2p-search_results {
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 57.4997086745%;
  }
  .p2p-search_results:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 568px) {
  .p2p-search_results {
    margin-left: 0%;
    float: left;
    display: block;
    margin-right: 2.0006991813%;
    width: 100%;
  }
  .p2p-search_results:last-child {
    margin-right: 0;
  }
  .p2p-search_results {
    padding-top: 25px;
  }
}
.p2p-search_results-filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  height: 42px;
  padding: 10px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  line-height: normal;
  outline: 0;
}
.p2p-search_results-filter {
  background-color: #ffffff;
}
.p2p-search_results-filter.sc-invalid {
  border-color: rgb(205, 68, 67);
}
.p2p-search_results-filter {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
}
.p2p-search_results-filter:disabled {
  background-color: rgb(240, 240, 240);
  color: #a1a8a3;
}
.p2p-search_results-filter {
  width: 100%;
  max-width: 100%;
  background-image: url("../global/images/dropdown-caret.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: calc(100% - 8px) center;
}
.p2p-search_results-filter:focus:focus {
  outline: #005fcc auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.p2p-search_results-filter {
  padding-right: 30px;
  width: auto;
}
.p2p-search_results-section::after {
  clear: both;
  content: "";
  display: table;
}
.p2p-search_results-section {
  padding-bottom: 50px;
  margin-bottom: 50px;
  position: relative;
}
.p2p-search_results-section.loading, .p2p-search_results-section.empty {
  min-height: 150px;
}
.p2p-search_results-section-title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  line-height: 1em;
}
.p2p-search_results-section-header {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
}
@media screen and (max-width: 568px) {
  .p2p-search_results-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p2p-search_results-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p2p-search_results-section-sorter {
  color: rgb(87, 104, 125);
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.p2p-search_results-section-sorter .fa {
  font-size: 16px;
  padding-left: 5px;
}
.p2p-search_results-section-sorter .fa-caret-up {
  display: none;
}
.p2p-search_results-section-sorter .fa-caret-down {
  display: inline-block;
}
.p2p-search_results-section-sorter.asc .fa-caret-up {
  display: inline-block;
}
.p2p-search_results-section-sorter.asc .fa-caret-down {
  display: none;
}
.p2p-search_results-section-sorter {
  float: right;
  position: relative;
  bottom: 15px;
}
.p2p-search_results-section-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  float: right;
  text-transform: uppercase;
}
@media screen and (max-width: 568px) {
  .p2p-search_results-section-more {
    float: none;
    margin-top: 25px;
    width: 100%;
  }
}
.p2p-search_results-pager {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.p2p-search_loading {
  position: absolute;
  top: 50%;
  margin-top: calc(-85px / 2);
  margin-left: calc(-85px / 2);
  font-size: 11px;
  text-indent: -99999em;
  width: 85px;
  height: 85px;
  -webkit-box-shadow: inset 0 0 0 calc(85px / 10) currentColor;
  box-shadow: inset 0 0 0 calc(85px / 10) currentColor;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 0;
}
.p2p-search_loading, .p2p-search_loading:before, .p2p-search_loading:after {
  border-radius: 50%;
}
.p2p-search_loading:before, .p2p-search_loading:after {
  position: absolute;
  content: "";
}
.p2p-search_loading:before {
  width: calc(4px + 85px / 2);
  height: 89px;
  border-radius: 85px 0 0 85px;
  top: -2px;
  left: -2px;
  background: #ffffff;
  -webkit-transform-origin: calc(85px / 2) calc(85px / 2);
  transform-origin: calc(85px / 2 + 2px) calc(85px / 2 + 2px);
  -webkit-animation: rotation 1s infinite ease 0.75s;
  animation: rotation 1s infinite ease 0.75s;
}
.p2p-search_loading:after {
  width: calc(4px + 85px / 2);
  height: 89px;
  border-radius: 0 85px 85px 0;
  top: -2px;
  left: calc(85px / 2 + 2px);
  background: #ffffff;
  -webkit-transform-origin: 0 calc(85px / 2 + 2px);
  transform-origin: 0 calc(85px / 2);
  -webkit-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.p2p-search_loading.offWhite:before, .p2p-search_loading.offWhite:after {
  background: rgb(248, 248, 248);
}
.p2p-search_loading.blockSlate:before, .p2p-search_loading.blockSlate:after {
  background: rgb(54, 62, 69);
}
.p2p-search_loading {
  position: relative;
  top: 0;
  left: 50%;
  margin-top: 0;
  margin-left: 0;
}
.p2p-search_empty {
  color: rgba(0, 0, 0, 0.38);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  font-style: italic;
}
.p2p-search_supporter {
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
  .p2p-search_supporter {
    padding: 18px;
    margin: 0;
    border-bottom: 1px solid rgb(240, 240, 240);
  }
}
.p2p-search_supporter-avatar {
  width: 85px;
  height: 85px;
  border-radius: 85px;
  margin-right: 27px;
  float: left;
  overflow: hidden;
}
@media screen and (max-width: 568px) {
  .p2p-search_supporter-avatar {
    width: 65px;
    height: 65px;
    border-radius: 65px;
    margin-top: 10px;
    margin-left: 10px;
  }
}
.p2p-search_supporter-avatar-src {
  width: 100%;
  height: 100%;
}
.p2p-search_supporter-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 85px;
}
.p2p-search_supporter-name {
  width: 250px;
  max-width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: rgb(68, 75, 85);
  margin-bottom: 10px;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.p2p-search_supporter-progress {
  margin-bottom: 5px;
}
.p2p-search_supporter-progress .sc-campaign-progress_bar-mask {
  margin-top: 0;
}
.p2p-search_supporter-raised {
  font-weight: 500;
  font-size: 14px;
  color: rgb(68, 75, 85);
}
.p2p-search_supporter-raised-strong {
  font-weight: 700;
}
.p2p-search_supporter-raised-members {
  float: right;
}
@media screen and (max-width: 480px) {
  .p2p-search_supporter-raised-members {
    display: block;
    float: none;
  }
}

.unsubscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.unsubscribe-body {
  padding-top: 151px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}
@media screen and (max-width: 568px) {
  .unsubscribe-body {
    padding-top: 81px;
  }
}
.unsubscribe-label {
  margin-top: 36px;
}
.unsubscribe .form__label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.print-preview .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px auto;
  max-width: 520px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
}
@media print {
  .print-preview .section {
    height: 90vh;
    min-height: auto;
    max-height: 90vh;
    page-break-inside: avoid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.print-preview .section .logo {
  max-width: 130px;
  width: 100%;
  margin-bottom: 3.125rem;
}
.print-preview .section .entity-name {
  margin-bottom: 30px;
}
.print-preview .section .qrcode-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 568px) {
  .print-preview .section .qrcode-section {
    padding: 1rem;
  }
}
.print-preview .section .qrcode-section .details {
  width: 100%;
}
.print-preview .section .qrcode-section .details h2 {
  background-color: #cef3bd;
  padding: 14px;
  border-radius: 32px;
  text-align: center;
  max-width: 214px;
  margin-bottom: 30px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.print-preview .section .qrcode-section .qr-code {
  max-width: 133px;
}
@media screen and (max-width: 568px) {
  .print-preview .section .qrcode-section .qr-code {
    max-width: 166px;
  }
}