/*!
 * Cropper.js v0.5.6
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-01-18T05:33:19.322Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr !important;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg !important
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.cropper-wrap-box {
  overflow: hidden
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
  filter: alpha(opacity=0)
}

.cropper-dashed,
.cropper-modal {
  opacity: .5;
  filter: alpha(opacity=50)
}

.cropper-modal {
  background-color: #000
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75)
}

.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
  filter: alpha(opacity=75)
}

.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #eee
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10)
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff
}

.cropper-line,
.cropper-point {
  background-color: #39f
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  filter: alpha(opacity=75)
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
  filter: alpha(opacity=100)
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  opacity: 0;
  background-color: #39f;
  filter: alpha(opacity=0)
}

@media (min-width:768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px
  }
}

@media (min-width:992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px
  }
}

@media (min-width:1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75)
  }
}

.cropper-invisible {
  opacity: 0;
  filter: alpha(opacity=0)
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0
}

.cropper-hidden {
  display: none !important
}

.cropper-move {
  cursor: move
}

.cropper-crop {
  cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed
}

/*! Hint.css (base version) - v2.6.0 - 2019-04-27
* http://kushagragour.in/lab/hint/
* Copyright (c) 2019 Kushagra Gour */
[class*=hint--] {
  position: relative;
  display: inline-block
}

[class*=hint--]:after,
[class*=hint--]:before {
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001
}

[class*=hint--]:after {
  background: #383838;
  color: #fff;
  padding: 8px 10px;
  font-size: 12px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint)
}

[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
  display: none !important
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
  border-top-color: #383838
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
  border-bottom-color: #383838
}

.hint--left:before {
  border-left-color: #383838
}

.hint--right:before {
  border-right-color: #383838
}

.hint--top:before {
  margin-bottom: -11px
}

.hint--top:after,
.hint--top:before {
  bottom: 100%;
  left: 50%
}

.hint--top:before {
  left: calc(50% - 6px)
}

.hint--top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
  margin-top: -11px
}

.hint--bottom:after,
.hint--bottom:before {
  top: 100%;
  left: 50%
}

.hint--bottom:before {
  left: calc(50% - 6px)
}

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px
}

.hint--right:after {
  margin-bottom: -14px
}

.hint--right:after,
.hint--right:before {
  left: 100%;
  bottom: 50%
}

.hint--right:hover:after,
.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px)
}

.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px
}

.hint--left:after {
  margin-bottom: -14px
}

.hint--left:after,
.hint--left:before {
  right: 100%;
  bottom: 50%
}

.hint--left:hover:after,
.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

.hint--top-left:before {
  margin-bottom: -11px
}

.hint--top-left:after,
.hint--top-left:before {
  bottom: 100%;
  left: 50%
}

.hint--top-left:before {
  left: calc(50% - 6px)
}

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: 12px
}

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
  margin-bottom: -11px
}

.hint--top-right:after,
.hint--top-right:before {
  bottom: 100%;
  left: 50%
}

.hint--top-right:before {
  left: calc(50% - 6px)
}

.hint--top-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--bottom-left:before {
  margin-top: -11px
}

.hint--bottom-left:after,
.hint--bottom-left:before {
  top: 100%;
  left: 50%
}

.hint--bottom-left:before {
  left: calc(50% - 6px)
}

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: 12px
}

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
  margin-top: -11px
}

.hint--bottom-right:after,
.hint--bottom-right:before {
  top: 100%;
  left: 50%
}

.hint--bottom-right:before {
  left: calc(50% - 6px)
}

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word
}

.hint--small:after {
  width: 80px
}

.hint--medium:after {
  width: 150px
}

.hint--large:after {
  width: 300px
}

.hint--always:after,
.hint--always:before {
  opacity: 1;
  visibility: visible
}

.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.hint--always.hint--left:after,
.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

.hint--always.hint--right:after,
.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px)
}

.intl-tel-input {
  position: relative;
  display: inline-block
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box
}

.intl-tel-input .hide {
  display: none
}

.intl-tel-input .v-hide {
  visibility: hidden
}

.intl-tel-input input,
.intl-tel-input input[type=tel],
.intl-tel-input input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px
}

@media (max-width:500px) {
  .intl-tel-input .country-list {
    white-space: normal
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
  padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
  color: #999
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
  vertical-align: middle
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
  margin-right: 6px
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
  cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
  background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, .05);
  display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
  padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
  padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
  padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
  padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
  padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
  padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
  padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
  padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px
}

.intl-tel-input.iti-container:hover {
  cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px;
  line-height: 1.5em
}

.iti-flag.be {
  width: 18px
}

.iti-flag.ch {
  width: 15px
}

.iti-flag.mc {
  width: 19px
}

.iti-flag.ne {
  width: 18px
}

.iti-flag.np {
  width: 13px
}

.iti-flag.va {
  width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .iti-flag {
    background-size: 5652px 15px
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0 0
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0
}

.iti-flag.cy {
  height: 14px;
  background-position: -1225px 0
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0
}

.iti-flag.do {
  height: 14px;
  background-position: -1379px 0
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0
}

.iti-flag.un {
  height: 14px;
  background-position: -5241px 0
}

.iti-flag.us {
  height: 11px;
  background-position: -5263px 0
}

.iti-flag.uy {
  height: 14px;
  background-position: -5285px 0
}

.iti-flag.uz {
  height: 10px;
  background-position: -5307px 0
}

.iti-flag.va {
  height: 15px;
  background-position: -5329px 0
}

.iti-flag.vc {
  height: 14px;
  background-position: -5346px 0
}

.iti-flag.ve {
  height: 14px;
  background-position: -5368px 0
}

.iti-flag.vg {
  height: 10px;
  background-position: -5390px 0
}

.iti-flag.vi {
  height: 14px;
  background-position: -5412px 0
}

.iti-flag.vn {
  height: 14px;
  background-position: -5434px 0
}

.iti-flag.vu {
  height: 12px;
  background-position: -5456px 0
}

.iti-flag.wf {
  height: 14px;
  background-position: -5478px 0
}

.iti-flag.ws {
  height: 10px;
  background-position: -5500px 0
}

.iti-flag.xk {
  height: 15px;
  background-position: -5522px 0
}

.iti-flag.ye {
  height: 14px;
  background-position: -5544px 0
}

.iti-flag.yt {
  height: 14px;
  background-position: -5566px 0
}

.iti-flag.za {
  height: 14px;
  background-position: -5588px 0
}

.iti-flag.zm {
  height: 14px;
  background-position: -5610px 0
}

.iti-flag.zw {
  height: 10px;
  background-position: -5632px 0
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/img/flags-416250f6.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .iti-flag {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/img/flags@2x-d429a577.png)
  }
}

.iti-flag.np {
  background-color: transparent
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

.tooltipped {
  position: relative
}

.tooltipped:after {
  z-index: 1000000;
  padding: 5px 8px;
  font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  content: attr(aria-label);
  background: #1b1f23;
  border-radius: 3px
}

.tooltipped:after,
.tooltipped:before {
  position: absolute;
  display: none;
  pointer-events: none;
  opacity: 0
}

.tooltipped:before {
  z-index: 1000001;
  width: 0;
  height: 0;
  color: #1b1f23;
  content: "";
  border: 5px solid transparent
}

@-webkit-keyframes tooltip-appear {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes tooltip-appear {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.tooltipped:active:after,
.tooltipped:active:before,
.tooltipped:focus:after,
.tooltipped:focus:before,
.tooltipped:hover:after,
.tooltipped:hover:before {
  display: inline-block;
  text-decoration: none;
  -webkit-animation-name: tooltip-appear;
  animation-name: tooltip-appear;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.tooltipped-no-delay:active:after,
.tooltipped-no-delay:active:before,
.tooltipped-no-delay:focus:after,
.tooltipped-no-delay:focus:before,
.tooltipped-no-delay:hover:after,
.tooltipped-no-delay:hover:before {
  opacity: 1;
  -webkit-animation: none;
  animation: none
}

.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after,
.tooltipped-multiline:hover:after {
  display: table-cell
}

.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {
  top: 100%;
  right: 50%;
  margin-top: 5px
}

.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: #1b1f23
}

.tooltipped-se:after {
  right: auto;
  left: 50%;
  margin-left: -15px
}

.tooltipped-sw:after {
  margin-right: -15px
}

.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px
}

.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
  top: -5px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: #1b1f23
}

.tooltipped-ne:after {
  right: auto;
  left: 50%;
  margin-left: -15px
}

.tooltipped-nw:after {
  margin-right: -15px
}

.tooltipped-n:after,
.tooltipped-s:after {
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}

.tooltipped-w:after {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.tooltipped-w:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: #1b1f23
}

.tooltipped-e:after {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.tooltipped-e:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: #1b1f23
}

.tooltipped-multiline:after {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  word-wrap: break-word;
  white-space: pre-line;
  border-collapse: separate
}

.tooltipped-multiline.tooltipped-n:after,
.tooltipped-multiline.tooltipped-s:after {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.tooltipped-multiline.tooltipped-e:after,
.tooltipped-multiline.tooltipped-w:after {
  right: 100%
}

@media screen and (min-width:0\0) {
  .tooltipped-multiline:after {
    width: 250px
  }
}

.tooltipped-sticky:after,
.tooltipped-sticky:before {
  display: inline-block
}

.tooltipped-sticky.tooltipped-multiline:after {
  display: table-cell
}

@media only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
  .tooltipped-w:after {
    margin-right: 4.5px
  }
}

.ReactTable {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, .1)
}

.ReactTable * {
  box-sizing: border-box
}

.ReactTable .rt-table {
  flex: auto 1;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto
}

.ReactTable .rt-thead {
  flex: 1 0 auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ReactTable .rt-thead.-headerGroups {
  background: rgba(0, 0, 0, .03)
}

.ReactTable .rt-thead.-filters,
.ReactTable .rt-thead.-headerGroups {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: 400;
  outline-width: 0
}

.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0, 0, 0, .02)
}

.ReactTable .rt-thead.-header {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15)
}

.ReactTable .rt-thead .rt-tr {
  text-align: center
}

.ReactTable .rt-thead .rt-td,
.ReactTable .rt-thead .rt-th {
  padding: 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, .05);
  -webkit-transition: box-shadow .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: box-shadow .3s cubic-bezier(.175, .885, .32, 1.275);
  box-shadow: inset 0 0 0 0 transparent
}

.ReactTable .rt-thead .rt-td.-sort-asc,
.ReactTable .rt-thead .rt-th.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, .6)
}

.ReactTable .rt-thead .rt-td.-sort-desc,
.ReactTable .rt-thead .rt-th.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .6)
}

.ReactTable .rt-thead .rt-td.-cursor-pointer,
.ReactTable .rt-thead .rt-th.-cursor-pointer {
  cursor: pointer
}

.ReactTable .rt-thead .rt-td:last-child,
.ReactTable .rt-thead .rt-th:last-child {
  border-right: 0
}

.ReactTable .rt-thead .rt-th:focus {
  outline-width: 0
}

.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible
}

.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden
}

.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis
}

.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7
}

.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
  border-width: 8px;
  margin-top: -8px
}

.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: hsla(0, 0%, 40%, 0) hsla(0, 0%, 40%, 0) hsla(0, 0%, 40%, 0) #f7f7f7;
  border-width: 10px;
  margin-top: -10px
}

.ReactTable .rt-tbody {
  flex: 99999 1 auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  overflow: auto
}

.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0
}

.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, .02)
}

.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0
}

.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip
}

.ReactTable .rt-tr-group {
  flex: 1 0 auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: stretch
}

.ReactTable .rt-tr {
  flex: 1 0 auto;
  display: -webkit-inline-box;
  display: inline-flex
}

.ReactTable .rt-td,
.ReactTable .rt-th {
  flex: 1 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-property: width, min-width, padding, opacity;
  transition-property: width, min-width, padding, opacity
}

.ReactTable .rt-td.-hidden,
.ReactTable .rt-th.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important
}

.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  color: transparent;
  margin: 0 10px
}

.ReactTable .rt-expander:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, .8);
  -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  cursor: pointer
}

.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0)
}

.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10
}

.ReactTable .rt-tfoot {
  flex: 1 0 auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
}

.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, .05)
}

.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0
}

.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0, 0, 0, .03)
}

.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: rgba(0, 0, 0, .05)
}

.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
  border-top: 2px solid rgba(0, 0, 0, .1)
}

.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: 400;
  outline-width: 0
}

.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: rgba(0, 0, 0, .6);
  background: rgba(0, 0, 0, .1);
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  cursor: pointer;
  outline-width: 0
}

.ReactTable .-pagination .-btn[disabled] {
  opacity: .5;
  cursor: default
}

.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0, 0, 0, .3);
  color: #fff
}

.ReactTable .-pagination .-next,
.ReactTable .-pagination .-previous {
  flex: 1 1;
  text-align: center
}

.ReactTable .-pagination .-center {
  flex: 1.5 1;
  text-align: center;
  margin-bottom: 0;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around
}

.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap
}

.ReactTable .-pagination .-pageJump {
  display: inline-block
}

.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center
}

.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px
}

.ReactTable .rt-noData {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  padding: 20px;
  color: rgba(0, 0, 0, .5)
}

.ReactTable .-loading,
.ReactTable .rt-noData {
  display: block;
  position: absolute;
  background: hsla(0, 0%, 100%, .8);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  pointer-events: none
}

.ReactTable .-loading {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0
}

.ReactTable .-loading>div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0, 0, 0, .6);
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
  -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
  transition: all .3s cubic-bezier(.25, .46, .45, .94)
}

.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all
}

.ReactTable .-loading.-active>div {
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.ReactTable .rt-resizing .rt-td,
.ReactTable .rt-resizing .rt-th {
  -webkit-transition: none !important;
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

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

.not-sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important
}

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

.focus-not-sr-only:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important
}

.appearance-none {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important
}

.bg-fixed {
  background-attachment: fixed !important
}

.bg-local {
  background-attachment: local !important
}

.bg-scroll {
  background-attachment: scroll !important
}

.bg-transparent {
  background-color: transparent !important
}

.bg-cw-black {
  background-color: #333232 !important
}

.bg-cw-blue {
  background-color: #369ff4 !important
}

.bg-cw-blue-print {
  background-color: #5096d0 !important
}

.bg-cw-green {
  background-color: #59c77f !important
}

.bg-cw-orange {
  background-color: #fe813a !important
}

.bg-cw-purple {
  background-color: #9064bf !important
}

.bg-cw-red {
  background-color: #fa575d !important
}

.bg-cw-spring {
  background-color: #1ba9e0 !important
}

.bg-cw-teal {
  background-color: #8ed4cc !important
}

.bg-cw-white {
  background-color: #fff !important
}

.bg-cw-yellow {
  background-color: #ffca0a !important
}

.bg-grey-10 {
  background-color: #f4f5f0 !important
}

.bg-grey-20 {
  background-color: #e9eae4 !important
}

.bg-grey-30 {
  background-color: #dfdfd7 !important
}

.bg-grey-40 {
  background-color: #c1c1ba !important
}

.bg-grey-5 {
  background-color: #f7f7f7 !important
}

.bg-grey-50 {
  background-color: #9b9b94 !important
}

.bg-grey-60 {
  background-color: #71716c !important
}

.bg-grey-70 {
  background-color: #515151 !important
}

.bg-cball-blue {
  background-color: #576995 !important
}

.bg-cball-dark-blue {
  background-color: #354363 !important
}

.bg-cball-purple {
  background-color: #0a101f !important
}

.bg-cw-spring-yellow {
  background-color: #ffc907 !important
}

.bg-cw-spring-dk-blue {
  background-color: #1e2658 !important
}

.bg-cw-spring-med-blue {
  background-color: #1080b9 !important
}

.bg-cw-spring-lt-blue {
  background-color: #bae3f0 !important
}

.bg-cw-spring-dk-green {
  background-color: #004b3d !important
}

.bg-cw-spring-med-green {
  background-color: #00ac7f !important
}

.bg-cw-spring-lt-green {
  background-color: #b8e3d1 !important
}

.bg-cw-spring-black {
  background-color: #1a1a1a !important
}

.bg-cw-spring-off-white {
  background-color: #fdf4e2 !important
}

.bg-cw-spring-peach {
  background-color: #e88a78 !important
}

.hover-bg-transparent:hover {
  background-color: transparent !important
}

.hover-bg-cw-black:hover {
  background-color: #333232 !important
}

.hover-bg-cw-blue:hover {
  background-color: #369ff4 !important
}

.hover-bg-cw-blue-print:hover {
  background-color: #5096d0 !important
}

.hover-bg-cw-green:hover {
  background-color: #59c77f !important
}

.hover-bg-cw-orange:hover {
  background-color: #fe813a !important
}

.hover-bg-cw-purple:hover {
  background-color: #9064bf !important
}

.hover-bg-cw-red:hover {
  background-color: #fa575d !important
}

.hover-bg-cw-spring:hover {
  background-color: #1ba9e0 !important
}

.hover-bg-cw-teal:hover {
  background-color: #8ed4cc !important
}

.hover-bg-cw-white:hover {
  background-color: #fff !important
}

.hover-bg-cw-yellow:hover {
  background-color: #ffca0a !important
}

.hover-bg-grey-10:hover {
  background-color: #f4f5f0 !important
}

.hover-bg-grey-20:hover {
  background-color: #e9eae4 !important
}

.hover-bg-grey-30:hover {
  background-color: #dfdfd7 !important
}

.hover-bg-grey-40:hover {
  background-color: #c1c1ba !important
}

.hover-bg-grey-5:hover {
  background-color: #f7f7f7 !important
}

.hover-bg-grey-50:hover {
  background-color: #9b9b94 !important
}

.hover-bg-grey-60:hover {
  background-color: #71716c !important
}

.hover-bg-grey-70:hover {
  background-color: #515151 !important
}

.hover-bg-cball-blue:hover {
  background-color: #576995 !important
}

.hover-bg-cball-dark-blue:hover {
  background-color: #354363 !important
}

.hover-bg-cball-purple:hover {
  background-color: #0a101f !important
}

.hover-bg-cw-spring-yellow:hover {
  background-color: #ffc907 !important
}

.hover-bg-cw-spring-dk-blue:hover {
  background-color: #1e2658 !important
}

.hover-bg-cw-spring-med-blue:hover {
  background-color: #1080b9 !important
}

.hover-bg-cw-spring-lt-blue:hover {
  background-color: #bae3f0 !important
}

.hover-bg-cw-spring-dk-green:hover {
  background-color: #004b3d !important
}

.hover-bg-cw-spring-med-green:hover {
  background-color: #00ac7f !important
}

.hover-bg-cw-spring-lt-green:hover {
  background-color: #b8e3d1 !important
}

.hover-bg-cw-spring-black:hover {
  background-color: #1a1a1a !important
}

.hover-bg-cw-spring-off-white:hover {
  background-color: #fdf4e2 !important
}

.hover-bg-cw-spring-peach:hover {
  background-color: #e88a78 !important
}

.focus-bg-transparent:focus {
  background-color: transparent !important
}

.focus-bg-cw-black:focus {
  background-color: #333232 !important
}

.focus-bg-cw-blue:focus {
  background-color: #369ff4 !important
}

.focus-bg-cw-blue-print:focus {
  background-color: #5096d0 !important
}

.focus-bg-cw-green:focus {
  background-color: #59c77f !important
}

.focus-bg-cw-orange:focus {
  background-color: #fe813a !important
}

.focus-bg-cw-purple:focus {
  background-color: #9064bf !important
}

.focus-bg-cw-red:focus {
  background-color: #fa575d !important
}

.focus-bg-cw-spring:focus {
  background-color: #1ba9e0 !important
}

.focus-bg-cw-teal:focus {
  background-color: #8ed4cc !important
}

.focus-bg-cw-white:focus {
  background-color: #fff !important
}

.focus-bg-cw-yellow:focus {
  background-color: #ffca0a !important
}

.focus-bg-grey-10:focus {
  background-color: #f4f5f0 !important
}

.focus-bg-grey-20:focus {
  background-color: #e9eae4 !important
}

.focus-bg-grey-30:focus {
  background-color: #dfdfd7 !important
}

.focus-bg-grey-40:focus {
  background-color: #c1c1ba !important
}

.focus-bg-grey-5:focus {
  background-color: #f7f7f7 !important
}

.focus-bg-grey-50:focus {
  background-color: #9b9b94 !important
}

.focus-bg-grey-60:focus {
  background-color: #71716c !important
}

.focus-bg-grey-70:focus {
  background-color: #515151 !important
}

.focus-bg-cball-blue:focus {
  background-color: #576995 !important
}

.focus-bg-cball-dark-blue:focus {
  background-color: #354363 !important
}

.focus-bg-cball-purple:focus {
  background-color: #0a101f !important
}

.focus-bg-cw-spring-yellow:focus {
  background-color: #ffc907 !important
}

.focus-bg-cw-spring-dk-blue:focus {
  background-color: #1e2658 !important
}

.focus-bg-cw-spring-med-blue:focus {
  background-color: #1080b9 !important
}

.focus-bg-cw-spring-lt-blue:focus {
  background-color: #bae3f0 !important
}

.focus-bg-cw-spring-dk-green:focus {
  background-color: #004b3d !important
}

.focus-bg-cw-spring-med-green:focus {
  background-color: #00ac7f !important
}

.focus-bg-cw-spring-lt-green:focus {
  background-color: #b8e3d1 !important
}

.focus-bg-cw-spring-black:focus {
  background-color: #1a1a1a !important
}

.focus-bg-cw-spring-off-white:focus {
  background-color: #fdf4e2 !important
}

.focus-bg-cw-spring-peach:focus {
  background-color: #e88a78 !important
}

.bg-bottom {
  background-position: bottom !important
}

.bg-center {
  background-position: 50% !important
}

.bg-left {
  background-position: 0 !important
}

.bg-left-bottom {
  background-position: 0 100% !important
}

.bg-left-top {
  background-position: 0 0 !important
}

.bg-right {
  background-position: 100% !important
}

.bg-right-bottom {
  background-position: 100% 100% !important
}

.bg-right-top {
  background-position: 100% 0 !important
}

.bg-top {
  background-position: top !important
}

.bg-repeat {
  background-repeat: repeat !important
}

.bg-no-repeat {
  background-repeat: no-repeat !important
}

.bg-repeat-x {
  background-repeat: repeat-x !important
}

.bg-repeat-y {
  background-repeat: repeat-y !important
}

.bg-repeat-round {
  background-repeat: round !important
}

.bg-repeat-space {
  background-repeat: space !important
}

.bg-auto {
  background-size: auto !important
}

.bg-cover {
  background-size: cover !important
}

.bg-contain {
  background-size: contain !important
}

.border-collapse {
  border-collapse: collapse !important
}

.border-separate {
  border-collapse: separate !important
}

.border-transparent {
  border-color: transparent !important
}

.border-cw-black {
  border-color: #333232 !important
}

.border-cw-blue {
  border-color: #369ff4 !important
}

.border-cw-blue-print {
  border-color: #5096d0 !important
}

.border-cw-green {
  border-color: #59c77f !important
}

.border-cw-orange {
  border-color: #fe813a !important
}

.border-cw-purple {
  border-color: #9064bf !important
}

.border-cw-red {
  border-color: #fa575d !important
}

.border-cw-spring {
  border-color: #1ba9e0 !important
}

.border-cw-teal {
  border-color: #8ed4cc !important
}

.border-cw-white {
  border-color: #fff !important
}

.border-cw-yellow {
  border-color: #ffca0a !important
}

.border-grey-10 {
  border-color: #f4f5f0 !important
}

.border-grey-20 {
  border-color: #e9eae4 !important
}

.border-grey-30 {
  border-color: #dfdfd7 !important
}

.border-grey-40 {
  border-color: #c1c1ba !important
}

.border-grey-5 {
  border-color: #f7f7f7 !important
}

.border-grey-50 {
  border-color: #9b9b94 !important
}

.border-grey-60 {
  border-color: #71716c !important
}

.border-grey-70 {
  border-color: #515151 !important
}

.border-cball-blue {
  border-color: #576995 !important
}

.border-cball-dark-blue {
  border-color: #354363 !important
}

.border-cball-purple {
  border-color: #0a101f !important
}

.border-cw-spring-yellow {
  border-color: #ffc907 !important
}

.border-cw-spring-dk-blue {
  border-color: #1e2658 !important
}

.border-cw-spring-med-blue {
  border-color: #1080b9 !important
}

.border-cw-spring-lt-blue {
  border-color: #bae3f0 !important
}

.border-cw-spring-dk-green {
  border-color: #004b3d !important
}

.border-cw-spring-med-green {
  border-color: #00ac7f !important
}

.border-cw-spring-lt-green {
  border-color: #b8e3d1 !important
}

.border-cw-spring-black {
  border-color: #1a1a1a !important
}

.border-cw-spring-off-white {
  border-color: #fdf4e2 !important
}

.border-cw-spring-peach {
  border-color: #e88a78 !important
}

.hover-border-transparent:hover {
  border-color: transparent !important
}

.hover-border-cw-black:hover {
  border-color: #333232 !important
}

.hover-border-cw-blue:hover {
  border-color: #369ff4 !important
}

.hover-border-cw-blue-print:hover {
  border-color: #5096d0 !important
}

.hover-border-cw-green:hover {
  border-color: #59c77f !important
}

.hover-border-cw-orange:hover {
  border-color: #fe813a !important
}

.hover-border-cw-purple:hover {
  border-color: #9064bf !important
}

.hover-border-cw-red:hover {
  border-color: #fa575d !important
}

.hover-border-cw-spring:hover {
  border-color: #1ba9e0 !important
}

.hover-border-cw-teal:hover {
  border-color: #8ed4cc !important
}

.hover-border-cw-white:hover {
  border-color: #fff !important
}

.hover-border-cw-yellow:hover {
  border-color: #ffca0a !important
}

.hover-border-grey-10:hover {
  border-color: #f4f5f0 !important
}

.hover-border-grey-20:hover {
  border-color: #e9eae4 !important
}

.hover-border-grey-30:hover {
  border-color: #dfdfd7 !important
}

.hover-border-grey-40:hover {
  border-color: #c1c1ba !important
}

.hover-border-grey-5:hover {
  border-color: #f7f7f7 !important
}

.hover-border-grey-50:hover {
  border-color: #9b9b94 !important
}

.hover-border-grey-60:hover {
  border-color: #71716c !important
}

.hover-border-grey-70:hover {
  border-color: #515151 !important
}

.hover-border-cball-blue:hover {
  border-color: #576995 !important
}

.hover-border-cball-dark-blue:hover {
  border-color: #354363 !important
}

.hover-border-cball-purple:hover {
  border-color: #0a101f !important
}

.hover-border-cw-spring-yellow:hover {
  border-color: #ffc907 !important
}

.hover-border-cw-spring-dk-blue:hover {
  border-color: #1e2658 !important
}

.hover-border-cw-spring-med-blue:hover {
  border-color: #1080b9 !important
}

.hover-border-cw-spring-lt-blue:hover {
  border-color: #bae3f0 !important
}

.hover-border-cw-spring-dk-green:hover {
  border-color: #004b3d !important
}

.hover-border-cw-spring-med-green:hover {
  border-color: #00ac7f !important
}

.hover-border-cw-spring-lt-green:hover {
  border-color: #b8e3d1 !important
}

.hover-border-cw-spring-black:hover {
  border-color: #1a1a1a !important
}

.hover-border-cw-spring-off-white:hover {
  border-color: #fdf4e2 !important
}

.hover-border-cw-spring-peach:hover {
  border-color: #e88a78 !important
}

.focus-border-transparent:focus {
  border-color: transparent !important
}

.focus-border-cw-black:focus {
  border-color: #333232 !important
}

.focus-border-cw-blue:focus {
  border-color: #369ff4 !important
}

.focus-border-cw-blue-print:focus {
  border-color: #5096d0 !important
}

.focus-border-cw-green:focus {
  border-color: #59c77f !important
}

.focus-border-cw-orange:focus {
  border-color: #fe813a !important
}

.focus-border-cw-purple:focus {
  border-color: #9064bf !important
}

.focus-border-cw-red:focus {
  border-color: #fa575d !important
}

.focus-border-cw-spring:focus {
  border-color: #1ba9e0 !important
}

.focus-border-cw-teal:focus {
  border-color: #8ed4cc !important
}

.focus-border-cw-white:focus {
  border-color: #fff !important
}

.focus-border-cw-yellow:focus {
  border-color: #ffca0a !important
}

.focus-border-grey-10:focus {
  border-color: #f4f5f0 !important
}

.focus-border-grey-20:focus {
  border-color: #e9eae4 !important
}

.focus-border-grey-30:focus {
  border-color: #dfdfd7 !important
}

.focus-border-grey-40:focus {
  border-color: #c1c1ba !important
}

.focus-border-grey-5:focus {
  border-color: #f7f7f7 !important
}

.focus-border-grey-50:focus {
  border-color: #9b9b94 !important
}

.focus-border-grey-60:focus {
  border-color: #71716c !important
}

.focus-border-grey-70:focus {
  border-color: #515151 !important
}

.focus-border-cball-blue:focus {
  border-color: #576995 !important
}

.focus-border-cball-dark-blue:focus {
  border-color: #354363 !important
}

.focus-border-cball-purple:focus {
  border-color: #0a101f !important
}

.focus-border-cw-spring-yellow:focus {
  border-color: #ffc907 !important
}

.focus-border-cw-spring-dk-blue:focus {
  border-color: #1e2658 !important
}

.focus-border-cw-spring-med-blue:focus {
  border-color: #1080b9 !important
}

.focus-border-cw-spring-lt-blue:focus {
  border-color: #bae3f0 !important
}

.focus-border-cw-spring-dk-green:focus {
  border-color: #004b3d !important
}

.focus-border-cw-spring-med-green:focus {
  border-color: #00ac7f !important
}

.focus-border-cw-spring-lt-green:focus {
  border-color: #b8e3d1 !important
}

.focus-border-cw-spring-black:focus {
  border-color: #1a1a1a !important
}

.focus-border-cw-spring-off-white:focus {
  border-color: #fdf4e2 !important
}

.focus-border-cw-spring-peach:focus {
  border-color: #e88a78 !important
}

.rounded-none {
  border-radius: 0 !important
}

.rounded-sm {
  border-radius: .125rem !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-lg {
  border-radius: .5rem !important
}

.rounded-full {
  border-radius: 9999px !important
}

.rounded-t-none {
  border-top-left-radius: 0 !important
}

.rounded-r-none,
.rounded-t-none {
  border-top-right-radius: 0 !important
}

.rounded-b-none,
.rounded-r-none {
  border-bottom-right-radius: 0 !important
}

.rounded-b-none,
.rounded-l-none {
  border-bottom-left-radius: 0 !important
}

.rounded-l-none {
  border-top-left-radius: 0 !important
}

.rounded-t-sm {
  border-top-left-radius: .125rem !important
}

.rounded-r-sm,
.rounded-t-sm {
  border-top-right-radius: .125rem !important
}

.rounded-b-sm,
.rounded-r-sm {
  border-bottom-right-radius: .125rem !important
}

.rounded-b-sm,
.rounded-l-sm {
  border-bottom-left-radius: .125rem !important
}

.rounded-l-sm {
  border-top-left-radius: .125rem !important
}

.rounded-t {
  border-top-left-radius: .25rem !important
}

.rounded-r,
.rounded-t {
  border-top-right-radius: .25rem !important
}

.rounded-b,
.rounded-r {
  border-bottom-right-radius: .25rem !important
}

.rounded-b,
.rounded-l {
  border-bottom-left-radius: .25rem !important
}

.rounded-l {
  border-top-left-radius: .25rem !important
}

.rounded-t-lg {
  border-top-left-radius: .5rem !important
}

.rounded-r-lg,
.rounded-t-lg {
  border-top-right-radius: .5rem !important
}

.rounded-b-lg,
.rounded-r-lg {
  border-bottom-right-radius: .5rem !important
}

.rounded-b-lg,
.rounded-l-lg {
  border-bottom-left-radius: .5rem !important
}

.rounded-l-lg {
  border-top-left-radius: .5rem !important
}

.rounded-t-full {
  border-top-left-radius: 9999px !important
}

.rounded-r-full,
.rounded-t-full {
  border-top-right-radius: 9999px !important
}

.rounded-b-full,
.rounded-r-full {
  border-bottom-right-radius: 9999px !important
}

.rounded-b-full,
.rounded-l-full {
  border-bottom-left-radius: 9999px !important
}

.rounded-l-full {
  border-top-left-radius: 9999px !important
}

.rounded-tl-none {
  border-top-left-radius: 0 !important
}

.rounded-tr-none {
  border-top-right-radius: 0 !important
}

.rounded-br-none {
  border-bottom-right-radius: 0 !important
}

.rounded-bl-none {
  border-bottom-left-radius: 0 !important
}

.rounded-tl-sm {
  border-top-left-radius: .125rem !important
}

.rounded-tr-sm {
  border-top-right-radius: .125rem !important
}

.rounded-br-sm {
  border-bottom-right-radius: .125rem !important
}

.rounded-bl-sm {
  border-bottom-left-radius: .125rem !important
}

.rounded-tl {
  border-top-left-radius: .25rem !important
}

.rounded-tr {
  border-top-right-radius: .25rem !important
}

.rounded-br {
  border-bottom-right-radius: .25rem !important
}

.rounded-bl {
  border-bottom-left-radius: .25rem !important
}

.rounded-tl-lg {
  border-top-left-radius: .5rem !important
}

.rounded-tr-lg {
  border-top-right-radius: .5rem !important
}

.rounded-br-lg {
  border-bottom-right-radius: .5rem !important
}

.rounded-bl-lg {
  border-bottom-left-radius: .5rem !important
}

.rounded-tl-full {
  border-top-left-radius: 9999px !important
}

.rounded-tr-full {
  border-top-right-radius: 9999px !important
}

.rounded-br-full {
  border-bottom-right-radius: 9999px !important
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px !important
}

.border-solid {
  border-style: solid !important
}

.border-dashed {
  border-style: dashed !important
}

.border-dotted {
  border-style: dotted !important
}

.border-double {
  border-style: double !important
}

.border-none {
  border-style: none !important
}

.border-0 {
  border-width: 0 !important
}

.border-2 {
  border-width: 2px !important
}

.border-4 {
  border-width: 4px !important
}

.border-8 {
  border-width: 8px !important
}

.border {
  border-width: 1px !important
}

.border-t-0 {
  border-top-width: 0 !important
}

.border-r-0 {
  border-right-width: 0 !important
}

.border-b-0 {
  border-bottom-width: 0 !important
}

.border-l-0 {
  border-left-width: 0 !important
}

.border-t-2 {
  border-top-width: 2px !important
}

.border-r-2 {
  border-right-width: 2px !important
}

.border-b-2 {
  border-bottom-width: 2px !important
}

.border-l-2 {
  border-left-width: 2px !important
}

.border-t-4 {
  border-top-width: 4px !important
}

.border-r-4 {
  border-right-width: 4px !important
}

.border-b-4 {
  border-bottom-width: 4px !important
}

.border-l-4 {
  border-left-width: 4px !important
}

.border-t-8 {
  border-top-width: 8px !important
}

.border-r-8 {
  border-right-width: 8px !important
}

.border-b-8 {
  border-bottom-width: 8px !important
}

.border-l-8 {
  border-left-width: 8px !important
}

.border-t {
  border-top-width: 1px !important
}

.border-r {
  border-right-width: 1px !important
}

.border-b {
  border-bottom-width: 1px !important
}

.border-l {
  border-left-width: 1px !important
}

.cursor-auto {
  cursor: auto !important
}

.cursor-default {
  cursor: default !important
}

.cursor-pointer {
  cursor: pointer !important
}

.cursor-wait {
  cursor: wait !important
}

.cursor-text {
  cursor: text !important
}

.cursor-move {
  cursor: move !important
}

.cursor-not-allowed {
  cursor: not-allowed !important
}

.block {
  display: block !important
}

.inline-block {
  display: inline-block !important
}

.inline {
  display: inline !important
}

.flex {
  display: -webkit-box !important;
  display: flex !important
}

.inline-flex {
  display: -webkit-inline-box !important;
  display: inline-flex !important
}

.table {
  display: table !important
}

.table-row {
  display: table-row !important
}

.table-cell {
  display: table-cell !important
}

.hidden {
  display: none !important
}

.flex-row {
  flex-direction: row !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-col {
  flex-direction: column !important
}

.flex-col-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-no-wrap {
  flex-wrap: nowrap !important
}

.items-start {
  align-items: flex-start !important
}

.items-end {
  align-items: flex-end !important
}

.items-center {
  align-items: center !important
}

.items-baseline {
  align-items: baseline !important
}

.items-stretch {
  align-items: stretch !important
}

.self-auto {
  align-self: auto !important
}

.self-start {
  align-self: flex-start !important
}

.self-end {
  align-self: flex-end !important
}

.self-center {
  align-self: center !important
}

.self-stretch {
  align-self: stretch !important
}

.justify-start {
  justify-content: flex-start !important
}

.justify-end {
  justify-content: flex-end !important
}

.justify-center {
  justify-content: center !important
}

.justify-between {
  justify-content: space-between !important
}

.justify-around {
  justify-content: space-around !important
}

.content-center {
  align-content: center !important
}

.content-start {
  align-content: flex-start !important
}

.content-end {
  align-content: flex-end !important
}

.content-between {
  align-content: space-between !important
}

.content-around {
  align-content: space-around !important
}

.flex-1 {
  flex: 1 1 !important
}

.flex-auto {
  flex: 1 1 auto !important
}

.flex-initial {
  flex: 0 1 auto !important
}

.flex-none {
  flex: none !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink {
  flex-shrink: 1 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-6 {
  order: 6 !important
}

.order-7 {
  order: 7 !important
}

.order-8 {
  order: 8 !important
}

.order-9 {
  order: 9 !important
}

.order-10 {
  order: 10 !important
}

.order-11 {
  order: 11 !important
}

.order-12 {
  order: 12 !important
}

.order-first {
  order: -9999 !important
}

.order-last {
  order: 9999 !important
}

.order-none {
  order: 0 !important
}

.float-right {
  float: right !important
}

.float-left {
  float: left !important
}

.float-none {
  float: none !important
}

.clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important
}

.font-sans {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
}

.font-serif {
  font-family: Georgia, Cambria, Times New Roman, Times, serif !important
}

.font-mono {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.font-hairline {
  font-weight: 100 !important
}

.font-thin {
  font-weight: 200 !important
}

.font-light {
  font-weight: 300 !important
}

.font-normal {
  font-weight: 400 !important
}

.font-medium {
  font-weight: 500 !important
}

.font-semibold {
  font-weight: 600 !important
}

.font-bold {
  font-weight: 700 !important
}

.font-extrabold {
  font-weight: 800 !important
}

.font-black {
  font-weight: 900 !important
}

.hover-font-hairline:hover {
  font-weight: 100 !important
}

.hover-font-thin:hover {
  font-weight: 200 !important
}

.hover-font-light:hover {
  font-weight: 300 !important
}

.hover-font-normal:hover {
  font-weight: 400 !important
}

.hover-font-medium:hover {
  font-weight: 500 !important
}

.hover-font-semibold:hover {
  font-weight: 600 !important
}

.hover-font-bold:hover {
  font-weight: 700 !important
}

.hover-font-extrabold:hover {
  font-weight: 800 !important
}

.hover-font-black:hover {
  font-weight: 900 !important
}

.focus-font-hairline:focus {
  font-weight: 100 !important
}

.focus-font-thin:focus {
  font-weight: 200 !important
}

.focus-font-light:focus {
  font-weight: 300 !important
}

.focus-font-normal:focus {
  font-weight: 400 !important
}

.focus-font-medium:focus {
  font-weight: 500 !important
}

.focus-font-semibold:focus {
  font-weight: 600 !important
}

.focus-font-bold:focus {
  font-weight: 700 !important
}

.focus-font-extrabold:focus {
  font-weight: 800 !important
}

.focus-font-black:focus {
  font-weight: 900 !important
}

.h-0 {
  height: 0 !important
}

.h-1 {
  height: .25rem !important
}

.h-2 {
  height: .5rem !important
}

.h-3 {
  height: .75rem !important
}

.h-4 {
  height: 1rem !important
}

.h-5 {
  height: 1.25rem !important
}

.h-6 {
  height: 1.5rem !important
}

.h-8 {
  height: 2rem !important
}

.h-10 {
  height: 2.5rem !important
}

.h-12 {
  height: 3rem !important
}

.h-16 {
  height: 4rem !important
}

.h-20 {
  height: 5rem !important
}

.h-24 {
  height: 6rem !important
}

.h-32 {
  height: 8rem !important
}

.h-40 {
  height: 10rem !important
}

.h-48 {
  height: 12rem !important
}

.h-56 {
  height: 14rem !important
}

.h-64 {
  height: 16rem !important
}

.h-auto {
  height: auto !important
}

.h-px {
  height: 1px !important
}

.h-full {
  height: 100% !important
}

.h-screen {
  height: 100vh !important
}

.leading-none {
  line-height: 1 !important
}

.leading-tight {
  line-height: 1.25 !important
}

.leading-snug {
  line-height: 1.375 !important
}

.leading-normal {
  line-height: 1.5 !important
}

.leading-relaxed {
  line-height: 1.625 !important
}

.leading-loose {
  line-height: 2 !important
}

.list-inside {
  list-style-position: inside !important
}

.list-outside {
  list-style-position: outside !important
}

.list-none {
  list-style-type: none !important
}

.list-disc {
  list-style-type: disc !important
}

.list-decimal {
  list-style-type: decimal !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: 10px !important
}

.m-2 {
  margin: 20px !important
}

.m-3 {
  margin: 40px !important
}

.m-4 {
  margin: 60px !important
}

.m-auto {
  margin: auto !important
}

.m-px {
  margin: 1px !important
}

.-m-0 {
  margin: 0 !important
}

.-m-1 {
  margin: -10px !important
}

.-m-2 {
  margin: -20px !important
}

.-m-3 {
  margin: -40px !important
}

.-m-4 {
  margin: -60px !important
}

.-m-px {
  margin: -1px !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.my-1 {
  margin-top: 10px !important;
  margin-bottom: 10px !important
}

.mx-1 {
  margin-left: 10px !important;
  margin-right: 10px !important
}

.my-2 {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}

.mx-2 {
  margin-left: 20px !important;
  margin-right: 20px !important
}

.my-3 {
  margin-top: 40px !important;
  margin-bottom: 40px !important
}

.mx-3 {
  margin-left: 40px !important;
  margin-right: 40px !important
}

.my-4 {
  margin-top: 60px !important;
  margin-bottom: 60px !important
}

.mx-4 {
  margin-left: 60px !important;
  margin-right: 60px !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.my-px {
  margin-top: 1px !important;
  margin-bottom: 1px !important
}

.mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important
}

.-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.-my-1 {
  margin-top: -10px !important;
  margin-bottom: -10px !important
}

.-mx-1 {
  margin-left: -10px !important;
  margin-right: -10px !important
}

.-my-2 {
  margin-top: -20px !important;
  margin-bottom: -20px !important
}

.-mx-2 {
  margin-left: -20px !important;
  margin-right: -20px !important
}

.-my-3 {
  margin-top: -40px !important;
  margin-bottom: -40px !important
}

.-mx-3 {
  margin-left: -40px !important;
  margin-right: -40px !important
}

.-my-4 {
  margin-top: -60px !important;
  margin-bottom: -60px !important
}

.-mx-4 {
  margin-left: -60px !important;
  margin-right: -60px !important
}

.-my-px {
  margin-top: -1px !important;
  margin-bottom: -1px !important
}

.-mx-px {
  margin-left: -1px !important;
  margin-right: -1px !important
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.mt-1 {
  margin-top: 10px !important
}

.mr-1 {
  margin-right: 10px !important
}

.mb-1 {
  margin-bottom: 10px !important
}

.ml-1 {
  margin-left: 10px !important
}

.mt-2 {
  margin-top: 20px !important
}

.mr-2 {
  margin-right: 20px !important
}

.mb-2 {
  margin-bottom: 20px !important
}

.ml-2 {
  margin-left: 20px !important
}

.mt-3 {
  margin-top: 40px !important
}

.mr-3 {
  margin-right: 40px !important
}

.mb-3 {
  margin-bottom: 40px !important
}

.ml-3 {
  margin-left: 40px !important
}

.mt-4 {
  margin-top: 60px !important
}

.mr-4 {
  margin-right: 60px !important
}

.mb-4 {
  margin-bottom: 60px !important
}

.ml-4 {
  margin-left: 60px !important
}

.mt-auto {
  margin-top: auto !important
}

.mr-auto {
  margin-right: auto !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ml-auto {
  margin-left: auto !important
}

.mt-px {
  margin-top: 1px !important
}

.mr-px {
  margin-right: 1px !important
}

.mb-px {
  margin-bottom: 1px !important
}

.ml-px {
  margin-left: 1px !important
}

.-mt-0 {
  margin-top: 0 !important
}

.-mr-0 {
  margin-right: 0 !important
}

.-mb-0 {
  margin-bottom: 0 !important
}

.-ml-0 {
  margin-left: 0 !important
}

.-mt-1 {
  margin-top: -10px !important
}

.-mr-1 {
  margin-right: -10px !important
}

.-mb-1 {
  margin-bottom: -10px !important
}

.-ml-1 {
  margin-left: -10px !important
}

.-mt-2 {
  margin-top: -20px !important
}

.-mr-2 {
  margin-right: -20px !important
}

.-mb-2 {
  margin-bottom: -20px !important
}

.-ml-2 {
  margin-left: -20px !important
}

.-mt-3 {
  margin-top: -40px !important
}

.-mr-3 {
  margin-right: -40px !important
}

.-mb-3 {
  margin-bottom: -40px !important
}

.-ml-3 {
  margin-left: -40px !important
}

.-mt-4 {
  margin-top: -60px !important
}

.-mr-4 {
  margin-right: -60px !important
}

.-mb-4 {
  margin-bottom: -60px !important
}

.-ml-4 {
  margin-left: -60px !important
}

.-mt-px {
  margin-top: -1px !important
}

.-mr-px {
  margin-right: -1px !important
}

.-mb-px {
  margin-bottom: -1px !important
}

.-ml-px {
  margin-left: -1px !important
}

.max-h-full {
  max-height: 100% !important
}

.max-h-screen {
  max-height: 100vh !important
}

.max-w-xs {
  max-width: 20rem !important
}

.max-w-sm {
  max-width: 30rem !important
}

.max-w-md {
  max-width: 40rem !important
}

.max-w-lg {
  max-width: 50rem !important
}

.max-w-xl {
  max-width: 60rem !important
}

.max-w-2xl {
  max-width: 70rem !important
}

.max-w-3xl {
  max-width: 80rem !important
}

.max-w-4xl {
  max-width: 90rem !important
}

.max-w-5xl {
  max-width: 100rem !important
}

.max-w-full {
  max-width: 100% !important
}

.min-h-0 {
  min-height: 0 !important
}

.min-h-full {
  min-height: 100% !important
}

.min-h-screen {
  min-height: 100vh !important
}

.min-w-0 {
  min-width: 0 !important
}

.min-w-full {
  min-width: 100% !important
}

.object-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important
}

.object-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important
}

.object-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important
}

.object-none {
  -o-object-fit: none !important;
  object-fit: none !important
}

.object-scale-down {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important
}

.object-bottom {
  -o-object-position: bottom !important;
  object-position: bottom !important
}

.object-center {
  -o-object-position: center !important;
  object-position: center !important
}

.object-left {
  -o-object-position: left !important;
  object-position: left !important
}

.object-left-bottom {
  -o-object-position: left bottom !important;
  object-position: left bottom !important
}

.object-left-top {
  -o-object-position: left top !important;
  object-position: left top !important
}

.object-right {
  -o-object-position: right !important;
  object-position: right !important
}

.object-right-bottom {
  -o-object-position: right bottom !important;
  object-position: right bottom !important
}

.object-right-top {
  -o-object-position: right top !important;
  object-position: right top !important
}

.object-top {
  -o-object-position: top !important;
  object-position: top !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.hover-opacity-0:hover {
  opacity: 0 !important
}

.hover-opacity-25:hover {
  opacity: .25 !important
}

.hover-opacity-50:hover {
  opacity: .5 !important
}

.hover-opacity-75:hover {
  opacity: .75 !important
}

.hover-opacity-100:hover {
  opacity: 1 !important
}

.focus-opacity-0:focus {
  opacity: 0 !important
}

.focus-opacity-25:focus {
  opacity: .25 !important
}

.focus-opacity-50:focus {
  opacity: .5 !important
}

.focus-opacity-75:focus {
  opacity: .75 !important
}

.focus-opacity-100:focus {
  opacity: 1 !important
}

.focus-outline-none:focus,
.outline-none {
  outline: 0 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.overflow-x-auto {
  overflow-x: auto !important
}

.overflow-y-auto {
  overflow-y: auto !important
}

.overflow-x-hidden {
  overflow-x: hidden !important
}

.overflow-y-hidden {
  overflow-y: hidden !important
}

.overflow-x-visible {
  overflow-x: visible !important
}

.overflow-y-visible {
  overflow-y: visible !important
}

.overflow-x-scroll {
  overflow-x: scroll !important
}

.overflow-y-scroll {
  overflow-y: scroll !important
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch !important
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: 10px !important
}

.p-2 {
  padding: 20px !important
}

.p-3 {
  padding: 40px !important
}

.p-4 {
  padding: 60px !important
}

.p-px {
  padding: 1px !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.py-1 {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.px-1 {
  padding-left: 10px !important;
  padding-right: 10px !important
}

.py-2 {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

.px-2 {
  padding-left: 20px !important;
  padding-right: 20px !important
}

.py-3 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}

.px-3 {
  padding-left: 40px !important;
  padding-right: 40px !important
}

.py-4 {
  padding-top: 60px !important;
  padding-bottom: 60px !important
}

.px-4 {
  padding-left: 60px !important;
  padding-right: 60px !important
}

.py-px {
  padding-top: 1px !important;
  padding-bottom: 1px !important
}

.px-px {
  padding-left: 1px !important;
  padding-right: 1px !important
}

.pt-0 {
  padding-top: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0 {
  padding-left: 0 !important
}

.pt-1 {
  padding-top: 10px !important
}

.pr-1 {
  padding-right: 10px !important
}

.pb-1 {
  padding-bottom: 10px !important
}

.pl-1 {
  padding-left: 10px !important
}

.pt-2 {
  padding-top: 20px !important
}

.pr-2 {
  padding-right: 20px !important
}

.pb-2 {
  padding-bottom: 20px !important
}

.pl-2 {
  padding-left: 20px !important
}

.pt-3 {
  padding-top: 40px !important
}

.pr-3 {
  padding-right: 40px !important
}

.pb-3 {
  padding-bottom: 40px !important
}

.pl-3 {
  padding-left: 40px !important
}

.pt-4 {
  padding-top: 60px !important
}

.pr-4 {
  padding-right: 60px !important
}

.pb-4 {
  padding-bottom: 60px !important
}

.pl-4 {
  padding-left: 60px !important
}

.pt-px {
  padding-top: 1px !important
}

.pr-px {
  padding-right: 1px !important
}

.pb-px {
  padding-bottom: 1px !important
}

.pl-px {
  padding-left: 1px !important
}

.placeholder-transparent::-webkit-input-placeholder {
  color: transparent !important
}

.placeholder-transparent::-moz-placeholder {
  color: transparent !important
}

.placeholder-transparent:-ms-input-placeholder {
  color: transparent !important
}

.placeholder-transparent::-ms-input-placeholder {
  color: transparent !important
}

.placeholder-transparent::placeholder {
  color: transparent !important
}

.placeholder-cw-black::-webkit-input-placeholder {
  color: #333232 !important
}

.placeholder-cw-black::-moz-placeholder {
  color: #333232 !important
}

.placeholder-cw-black:-ms-input-placeholder {
  color: #333232 !important
}

.placeholder-cw-black::-ms-input-placeholder {
  color: #333232 !important
}

.placeholder-cw-black::placeholder {
  color: #333232 !important
}

.placeholder-cw-blue::-webkit-input-placeholder {
  color: #369ff4 !important
}

.placeholder-cw-blue::-moz-placeholder {
  color: #369ff4 !important
}

.placeholder-cw-blue:-ms-input-placeholder {
  color: #369ff4 !important
}

.placeholder-cw-blue::-ms-input-placeholder {
  color: #369ff4 !important
}

.placeholder-cw-blue::placeholder {
  color: #369ff4 !important
}

.placeholder-cw-blue-print::-webkit-input-placeholder {
  color: #5096d0 !important
}

.placeholder-cw-blue-print::-moz-placeholder {
  color: #5096d0 !important
}

.placeholder-cw-blue-print:-ms-input-placeholder {
  color: #5096d0 !important
}

.placeholder-cw-blue-print::-ms-input-placeholder {
  color: #5096d0 !important
}

.placeholder-cw-blue-print::placeholder {
  color: #5096d0 !important
}

.placeholder-cw-green::-webkit-input-placeholder {
  color: #59c77f !important
}

.placeholder-cw-green::-moz-placeholder {
  color: #59c77f !important
}

.placeholder-cw-green:-ms-input-placeholder {
  color: #59c77f !important
}

.placeholder-cw-green::-ms-input-placeholder {
  color: #59c77f !important
}

.placeholder-cw-green::placeholder {
  color: #59c77f !important
}

.placeholder-cw-orange::-webkit-input-placeholder {
  color: #fe813a !important
}

.placeholder-cw-orange::-moz-placeholder {
  color: #fe813a !important
}

.placeholder-cw-orange:-ms-input-placeholder {
  color: #fe813a !important
}

.placeholder-cw-orange::-ms-input-placeholder {
  color: #fe813a !important
}

.placeholder-cw-orange::placeholder {
  color: #fe813a !important
}

.placeholder-cw-purple::-webkit-input-placeholder {
  color: #9064bf !important
}

.placeholder-cw-purple::-moz-placeholder {
  color: #9064bf !important
}

.placeholder-cw-purple:-ms-input-placeholder {
  color: #9064bf !important
}

.placeholder-cw-purple::-ms-input-placeholder {
  color: #9064bf !important
}

.placeholder-cw-purple::placeholder {
  color: #9064bf !important
}

.placeholder-cw-red::-webkit-input-placeholder {
  color: #fa575d !important
}

.placeholder-cw-red::-moz-placeholder {
  color: #fa575d !important
}

.placeholder-cw-red:-ms-input-placeholder {
  color: #fa575d !important
}

.placeholder-cw-red::-ms-input-placeholder {
  color: #fa575d !important
}

.placeholder-cw-red::placeholder {
  color: #fa575d !important
}

.placeholder-cw-spring::-webkit-input-placeholder {
  color: #1ba9e0 !important
}

.placeholder-cw-spring::-moz-placeholder {
  color: #1ba9e0 !important
}

.placeholder-cw-spring:-ms-input-placeholder {
  color: #1ba9e0 !important
}

.placeholder-cw-spring::-ms-input-placeholder {
  color: #1ba9e0 !important
}

.placeholder-cw-spring::placeholder {
  color: #1ba9e0 !important
}

.placeholder-cw-teal::-webkit-input-placeholder {
  color: #8ed4cc !important
}

.placeholder-cw-teal::-moz-placeholder {
  color: #8ed4cc !important
}

.placeholder-cw-teal:-ms-input-placeholder {
  color: #8ed4cc !important
}

.placeholder-cw-teal::-ms-input-placeholder {
  color: #8ed4cc !important
}

.placeholder-cw-teal::placeholder {
  color: #8ed4cc !important
}

.placeholder-cw-white::-webkit-input-placeholder {
  color: #fff !important
}

.placeholder-cw-white::-moz-placeholder {
  color: #fff !important
}

.placeholder-cw-white:-ms-input-placeholder {
  color: #fff !important
}

.placeholder-cw-white::-ms-input-placeholder {
  color: #fff !important
}

.placeholder-cw-white::placeholder {
  color: #fff !important
}

.placeholder-cw-yellow::-webkit-input-placeholder {
  color: #ffca0a !important
}

.placeholder-cw-yellow::-moz-placeholder {
  color: #ffca0a !important
}

.placeholder-cw-yellow:-ms-input-placeholder {
  color: #ffca0a !important
}

.placeholder-cw-yellow::-ms-input-placeholder {
  color: #ffca0a !important
}

.placeholder-cw-yellow::placeholder {
  color: #ffca0a !important
}

.placeholder-grey-10::-webkit-input-placeholder {
  color: #f4f5f0 !important
}

.placeholder-grey-10::-moz-placeholder {
  color: #f4f5f0 !important
}

.placeholder-grey-10:-ms-input-placeholder {
  color: #f4f5f0 !important
}

.placeholder-grey-10::-ms-input-placeholder {
  color: #f4f5f0 !important
}

.placeholder-grey-10::placeholder {
  color: #f4f5f0 !important
}

.placeholder-grey-20::-webkit-input-placeholder {
  color: #e9eae4 !important
}

.placeholder-grey-20::-moz-placeholder {
  color: #e9eae4 !important
}

.placeholder-grey-20:-ms-input-placeholder {
  color: #e9eae4 !important
}

.placeholder-grey-20::-ms-input-placeholder {
  color: #e9eae4 !important
}

.placeholder-grey-20::placeholder {
  color: #e9eae4 !important
}

.placeholder-grey-30::-webkit-input-placeholder {
  color: #dfdfd7 !important
}

.placeholder-grey-30::-moz-placeholder {
  color: #dfdfd7 !important
}

.placeholder-grey-30:-ms-input-placeholder {
  color: #dfdfd7 !important
}

.placeholder-grey-30::-ms-input-placeholder {
  color: #dfdfd7 !important
}

.placeholder-grey-30::placeholder {
  color: #dfdfd7 !important
}

.placeholder-grey-40::-webkit-input-placeholder {
  color: #c1c1ba !important
}

.placeholder-grey-40::-moz-placeholder {
  color: #c1c1ba !important
}

.placeholder-grey-40:-ms-input-placeholder {
  color: #c1c1ba !important
}

.placeholder-grey-40::-ms-input-placeholder {
  color: #c1c1ba !important
}

.placeholder-grey-40::placeholder {
  color: #c1c1ba !important
}

.placeholder-grey-5::-webkit-input-placeholder {
  color: #f7f7f7 !important
}

.placeholder-grey-5::-moz-placeholder {
  color: #f7f7f7 !important
}

.placeholder-grey-5:-ms-input-placeholder {
  color: #f7f7f7 !important
}

.placeholder-grey-5::-ms-input-placeholder {
  color: #f7f7f7 !important
}

.placeholder-grey-5::placeholder {
  color: #f7f7f7 !important
}

.placeholder-grey-50::-webkit-input-placeholder {
  color: #9b9b94 !important
}

.placeholder-grey-50::-moz-placeholder {
  color: #9b9b94 !important
}

.placeholder-grey-50:-ms-input-placeholder {
  color: #9b9b94 !important
}

.placeholder-grey-50::-ms-input-placeholder {
  color: #9b9b94 !important
}

.placeholder-grey-50::placeholder {
  color: #9b9b94 !important
}

.placeholder-grey-60::-webkit-input-placeholder {
  color: #71716c !important
}

.placeholder-grey-60::-moz-placeholder {
  color: #71716c !important
}

.placeholder-grey-60:-ms-input-placeholder {
  color: #71716c !important
}

.placeholder-grey-60::-ms-input-placeholder {
  color: #71716c !important
}

.placeholder-grey-60::placeholder {
  color: #71716c !important
}

.placeholder-grey-70::-webkit-input-placeholder {
  color: #515151 !important
}

.placeholder-grey-70::-moz-placeholder {
  color: #515151 !important
}

.placeholder-grey-70:-ms-input-placeholder {
  color: #515151 !important
}

.placeholder-grey-70::-ms-input-placeholder {
  color: #515151 !important
}

.placeholder-grey-70::placeholder {
  color: #515151 !important
}

.placeholder-cball-blue::-webkit-input-placeholder {
  color: #576995 !important
}

.placeholder-cball-blue::-moz-placeholder {
  color: #576995 !important
}

.placeholder-cball-blue:-ms-input-placeholder {
  color: #576995 !important
}

.placeholder-cball-blue::-ms-input-placeholder {
  color: #576995 !important
}

.placeholder-cball-blue::placeholder {
  color: #576995 !important
}

.placeholder-cball-dark-blue::-webkit-input-placeholder {
  color: #354363 !important
}

.placeholder-cball-dark-blue::-moz-placeholder {
  color: #354363 !important
}

.placeholder-cball-dark-blue:-ms-input-placeholder {
  color: #354363 !important
}

.placeholder-cball-dark-blue::-ms-input-placeholder {
  color: #354363 !important
}

.placeholder-cball-dark-blue::placeholder {
  color: #354363 !important
}

.placeholder-cball-purple::-webkit-input-placeholder {
  color: #0a101f !important
}

.placeholder-cball-purple::-moz-placeholder {
  color: #0a101f !important
}

.placeholder-cball-purple:-ms-input-placeholder {
  color: #0a101f !important
}

.placeholder-cball-purple::-ms-input-placeholder {
  color: #0a101f !important
}

.placeholder-cball-purple::placeholder {
  color: #0a101f !important
}

.placeholder-cw-spring-yellow::-webkit-input-placeholder {
  color: #ffc907 !important
}

.placeholder-cw-spring-yellow::-moz-placeholder {
  color: #ffc907 !important
}

.placeholder-cw-spring-yellow:-ms-input-placeholder {
  color: #ffc907 !important
}

.placeholder-cw-spring-yellow::-ms-input-placeholder {
  color: #ffc907 !important
}

.placeholder-cw-spring-yellow::placeholder {
  color: #ffc907 !important
}

.placeholder-cw-spring-dk-blue::-webkit-input-placeholder {
  color: #1e2658 !important
}

.placeholder-cw-spring-dk-blue::-moz-placeholder {
  color: #1e2658 !important
}

.placeholder-cw-spring-dk-blue:-ms-input-placeholder {
  color: #1e2658 !important
}

.placeholder-cw-spring-dk-blue::-ms-input-placeholder {
  color: #1e2658 !important
}

.placeholder-cw-spring-dk-blue::placeholder {
  color: #1e2658 !important
}

.placeholder-cw-spring-med-blue::-webkit-input-placeholder {
  color: #1080b9 !important
}

.placeholder-cw-spring-med-blue::-moz-placeholder {
  color: #1080b9 !important
}

.placeholder-cw-spring-med-blue:-ms-input-placeholder {
  color: #1080b9 !important
}

.placeholder-cw-spring-med-blue::-ms-input-placeholder {
  color: #1080b9 !important
}

.placeholder-cw-spring-med-blue::placeholder {
  color: #1080b9 !important
}

.placeholder-cw-spring-lt-blue::-webkit-input-placeholder {
  color: #bae3f0 !important
}

.placeholder-cw-spring-lt-blue::-moz-placeholder {
  color: #bae3f0 !important
}

.placeholder-cw-spring-lt-blue:-ms-input-placeholder {
  color: #bae3f0 !important
}

.placeholder-cw-spring-lt-blue::-ms-input-placeholder {
  color: #bae3f0 !important
}

.placeholder-cw-spring-lt-blue::placeholder {
  color: #bae3f0 !important
}

.placeholder-cw-spring-dk-green::-webkit-input-placeholder {
  color: #004b3d !important
}

.placeholder-cw-spring-dk-green::-moz-placeholder {
  color: #004b3d !important
}

.placeholder-cw-spring-dk-green:-ms-input-placeholder {
  color: #004b3d !important
}

.placeholder-cw-spring-dk-green::-ms-input-placeholder {
  color: #004b3d !important
}

.placeholder-cw-spring-dk-green::placeholder {
  color: #004b3d !important
}

.placeholder-cw-spring-med-green::-webkit-input-placeholder {
  color: #00ac7f !important
}

.placeholder-cw-spring-med-green::-moz-placeholder {
  color: #00ac7f !important
}

.placeholder-cw-spring-med-green:-ms-input-placeholder {
  color: #00ac7f !important
}

.placeholder-cw-spring-med-green::-ms-input-placeholder {
  color: #00ac7f !important
}

.placeholder-cw-spring-med-green::placeholder {
  color: #00ac7f !important
}

.placeholder-cw-spring-lt-green::-webkit-input-placeholder {
  color: #b8e3d1 !important
}

.placeholder-cw-spring-lt-green::-moz-placeholder {
  color: #b8e3d1 !important
}

.placeholder-cw-spring-lt-green:-ms-input-placeholder {
  color: #b8e3d1 !important
}

.placeholder-cw-spring-lt-green::-ms-input-placeholder {
  color: #b8e3d1 !important
}

.placeholder-cw-spring-lt-green::placeholder {
  color: #b8e3d1 !important
}

.placeholder-cw-spring-black::-webkit-input-placeholder {
  color: #1a1a1a !important
}

.placeholder-cw-spring-black::-moz-placeholder {
  color: #1a1a1a !important
}

.placeholder-cw-spring-black:-ms-input-placeholder {
  color: #1a1a1a !important
}

.placeholder-cw-spring-black::-ms-input-placeholder {
  color: #1a1a1a !important
}

.placeholder-cw-spring-black::placeholder {
  color: #1a1a1a !important
}

.placeholder-cw-spring-off-white::-webkit-input-placeholder {
  color: #fdf4e2 !important
}

.placeholder-cw-spring-off-white::-moz-placeholder {
  color: #fdf4e2 !important
}

.placeholder-cw-spring-off-white:-ms-input-placeholder {
  color: #fdf4e2 !important
}

.placeholder-cw-spring-off-white::-ms-input-placeholder {
  color: #fdf4e2 !important
}

.placeholder-cw-spring-off-white::placeholder {
  color: #fdf4e2 !important
}

.placeholder-cw-spring-peach::-webkit-input-placeholder {
  color: #e88a78 !important
}

.placeholder-cw-spring-peach::-moz-placeholder {
  color: #e88a78 !important
}

.placeholder-cw-spring-peach:-ms-input-placeholder {
  color: #e88a78 !important
}

.placeholder-cw-spring-peach::-ms-input-placeholder {
  color: #e88a78 !important
}

.placeholder-cw-spring-peach::placeholder {
  color: #e88a78 !important
}

.focus-placeholder-transparent:focus::-webkit-input-placeholder {
  color: transparent !important
}

.focus-placeholder-transparent:focus::-moz-placeholder {
  color: transparent !important
}

.focus-placeholder-transparent:focus:-ms-input-placeholder {
  color: transparent !important
}

.focus-placeholder-transparent:focus::-ms-input-placeholder {
  color: transparent !important
}

.focus-placeholder-transparent:focus::placeholder {
  color: transparent !important
}

.focus-placeholder-cw-black:focus::-webkit-input-placeholder {
  color: #333232 !important
}

.focus-placeholder-cw-black:focus::-moz-placeholder {
  color: #333232 !important
}

.focus-placeholder-cw-black:focus:-ms-input-placeholder {
  color: #333232 !important
}

.focus-placeholder-cw-black:focus::-ms-input-placeholder {
  color: #333232 !important
}

.focus-placeholder-cw-black:focus::placeholder {
  color: #333232 !important
}

.focus-placeholder-cw-blue:focus::-webkit-input-placeholder {
  color: #369ff4 !important
}

.focus-placeholder-cw-blue:focus::-moz-placeholder {
  color: #369ff4 !important
}

.focus-placeholder-cw-blue:focus:-ms-input-placeholder {
  color: #369ff4 !important
}

.focus-placeholder-cw-blue:focus::-ms-input-placeholder {
  color: #369ff4 !important
}

.focus-placeholder-cw-blue:focus::placeholder {
  color: #369ff4 !important
}

.focus-placeholder-cw-blue-print:focus::-webkit-input-placeholder {
  color: #5096d0 !important
}

.focus-placeholder-cw-blue-print:focus::-moz-placeholder {
  color: #5096d0 !important
}

.focus-placeholder-cw-blue-print:focus:-ms-input-placeholder {
  color: #5096d0 !important
}

.focus-placeholder-cw-blue-print:focus::-ms-input-placeholder {
  color: #5096d0 !important
}

.focus-placeholder-cw-blue-print:focus::placeholder {
  color: #5096d0 !important
}

.focus-placeholder-cw-green:focus::-webkit-input-placeholder {
  color: #59c77f !important
}

.focus-placeholder-cw-green:focus::-moz-placeholder {
  color: #59c77f !important
}

.focus-placeholder-cw-green:focus:-ms-input-placeholder {
  color: #59c77f !important
}

.focus-placeholder-cw-green:focus::-ms-input-placeholder {
  color: #59c77f !important
}

.focus-placeholder-cw-green:focus::placeholder {
  color: #59c77f !important
}

.focus-placeholder-cw-orange:focus::-webkit-input-placeholder {
  color: #fe813a !important
}

.focus-placeholder-cw-orange:focus::-moz-placeholder {
  color: #fe813a !important
}

.focus-placeholder-cw-orange:focus:-ms-input-placeholder {
  color: #fe813a !important
}

.focus-placeholder-cw-orange:focus::-ms-input-placeholder {
  color: #fe813a !important
}

.focus-placeholder-cw-orange:focus::placeholder {
  color: #fe813a !important
}

.focus-placeholder-cw-purple:focus::-webkit-input-placeholder {
  color: #9064bf !important
}

.focus-placeholder-cw-purple:focus::-moz-placeholder {
  color: #9064bf !important
}

.focus-placeholder-cw-purple:focus:-ms-input-placeholder {
  color: #9064bf !important
}

.focus-placeholder-cw-purple:focus::-ms-input-placeholder {
  color: #9064bf !important
}

.focus-placeholder-cw-purple:focus::placeholder {
  color: #9064bf !important
}

.focus-placeholder-cw-red:focus::-webkit-input-placeholder {
  color: #fa575d !important
}

.focus-placeholder-cw-red:focus::-moz-placeholder {
  color: #fa575d !important
}

.focus-placeholder-cw-red:focus:-ms-input-placeholder {
  color: #fa575d !important
}

.focus-placeholder-cw-red:focus::-ms-input-placeholder {
  color: #fa575d !important
}

.focus-placeholder-cw-red:focus::placeholder {
  color: #fa575d !important
}

.focus-placeholder-cw-spring:focus::-webkit-input-placeholder {
  color: #1ba9e0 !important
}

.focus-placeholder-cw-spring:focus::-moz-placeholder {
  color: #1ba9e0 !important
}

.focus-placeholder-cw-spring:focus:-ms-input-placeholder {
  color: #1ba9e0 !important
}

.focus-placeholder-cw-spring:focus::-ms-input-placeholder {
  color: #1ba9e0 !important
}

.focus-placeholder-cw-spring:focus::placeholder {
  color: #1ba9e0 !important
}

.focus-placeholder-cw-teal:focus::-webkit-input-placeholder {
  color: #8ed4cc !important
}

.focus-placeholder-cw-teal:focus::-moz-placeholder {
  color: #8ed4cc !important
}

.focus-placeholder-cw-teal:focus:-ms-input-placeholder {
  color: #8ed4cc !important
}

.focus-placeholder-cw-teal:focus::-ms-input-placeholder {
  color: #8ed4cc !important
}

.focus-placeholder-cw-teal:focus::placeholder {
  color: #8ed4cc !important
}

.focus-placeholder-cw-white:focus::-webkit-input-placeholder {
  color: #fff !important
}

.focus-placeholder-cw-white:focus::-moz-placeholder {
  color: #fff !important
}

.focus-placeholder-cw-white:focus:-ms-input-placeholder {
  color: #fff !important
}

.focus-placeholder-cw-white:focus::-ms-input-placeholder {
  color: #fff !important
}

.focus-placeholder-cw-white:focus::placeholder {
  color: #fff !important
}

.focus-placeholder-cw-yellow:focus::-webkit-input-placeholder {
  color: #ffca0a !important
}

.focus-placeholder-cw-yellow:focus::-moz-placeholder {
  color: #ffca0a !important
}

.focus-placeholder-cw-yellow:focus:-ms-input-placeholder {
  color: #ffca0a !important
}

.focus-placeholder-cw-yellow:focus::-ms-input-placeholder {
  color: #ffca0a !important
}

.focus-placeholder-cw-yellow:focus::placeholder {
  color: #ffca0a !important
}

.focus-placeholder-grey-10:focus::-webkit-input-placeholder {
  color: #f4f5f0 !important
}

.focus-placeholder-grey-10:focus::-moz-placeholder {
  color: #f4f5f0 !important
}

.focus-placeholder-grey-10:focus:-ms-input-placeholder {
  color: #f4f5f0 !important
}

.focus-placeholder-grey-10:focus::-ms-input-placeholder {
  color: #f4f5f0 !important
}

.focus-placeholder-grey-10:focus::placeholder {
  color: #f4f5f0 !important
}

.focus-placeholder-grey-20:focus::-webkit-input-placeholder {
  color: #e9eae4 !important
}

.focus-placeholder-grey-20:focus::-moz-placeholder {
  color: #e9eae4 !important
}

.focus-placeholder-grey-20:focus:-ms-input-placeholder {
  color: #e9eae4 !important
}

.focus-placeholder-grey-20:focus::-ms-input-placeholder {
  color: #e9eae4 !important
}

.focus-placeholder-grey-20:focus::placeholder {
  color: #e9eae4 !important
}

.focus-placeholder-grey-30:focus::-webkit-input-placeholder {
  color: #dfdfd7 !important
}

.focus-placeholder-grey-30:focus::-moz-placeholder {
  color: #dfdfd7 !important
}

.focus-placeholder-grey-30:focus:-ms-input-placeholder {
  color: #dfdfd7 !important
}

.focus-placeholder-grey-30:focus::-ms-input-placeholder {
  color: #dfdfd7 !important
}

.focus-placeholder-grey-30:focus::placeholder {
  color: #dfdfd7 !important
}

.focus-placeholder-grey-40:focus::-webkit-input-placeholder {
  color: #c1c1ba !important
}

.focus-placeholder-grey-40:focus::-moz-placeholder {
  color: #c1c1ba !important
}

.focus-placeholder-grey-40:focus:-ms-input-placeholder {
  color: #c1c1ba !important
}

.focus-placeholder-grey-40:focus::-ms-input-placeholder {
  color: #c1c1ba !important
}

.focus-placeholder-grey-40:focus::placeholder {
  color: #c1c1ba !important
}

.focus-placeholder-grey-5:focus::-webkit-input-placeholder {
  color: #f7f7f7 !important
}

.focus-placeholder-grey-5:focus::-moz-placeholder {
  color: #f7f7f7 !important
}

.focus-placeholder-grey-5:focus:-ms-input-placeholder {
  color: #f7f7f7 !important
}

.focus-placeholder-grey-5:focus::-ms-input-placeholder {
  color: #f7f7f7 !important
}

.focus-placeholder-grey-5:focus::placeholder {
  color: #f7f7f7 !important
}

.focus-placeholder-grey-50:focus::-webkit-input-placeholder {
  color: #9b9b94 !important
}

.focus-placeholder-grey-50:focus::-moz-placeholder {
  color: #9b9b94 !important
}

.focus-placeholder-grey-50:focus:-ms-input-placeholder {
  color: #9b9b94 !important
}

.focus-placeholder-grey-50:focus::-ms-input-placeholder {
  color: #9b9b94 !important
}

.focus-placeholder-grey-50:focus::placeholder {
  color: #9b9b94 !important
}

.focus-placeholder-grey-60:focus::-webkit-input-placeholder {
  color: #71716c !important
}

.focus-placeholder-grey-60:focus::-moz-placeholder {
  color: #71716c !important
}

.focus-placeholder-grey-60:focus:-ms-input-placeholder {
  color: #71716c !important
}

.focus-placeholder-grey-60:focus::-ms-input-placeholder {
  color: #71716c !important
}

.focus-placeholder-grey-60:focus::placeholder {
  color: #71716c !important
}

.focus-placeholder-grey-70:focus::-webkit-input-placeholder {
  color: #515151 !important
}

.focus-placeholder-grey-70:focus::-moz-placeholder {
  color: #515151 !important
}

.focus-placeholder-grey-70:focus:-ms-input-placeholder {
  color: #515151 !important
}

.focus-placeholder-grey-70:focus::-ms-input-placeholder {
  color: #515151 !important
}

.focus-placeholder-grey-70:focus::placeholder {
  color: #515151 !important
}

.focus-placeholder-cball-blue:focus::-webkit-input-placeholder {
  color: #576995 !important
}

.focus-placeholder-cball-blue:focus::-moz-placeholder {
  color: #576995 !important
}

.focus-placeholder-cball-blue:focus:-ms-input-placeholder {
  color: #576995 !important
}

.focus-placeholder-cball-blue:focus::-ms-input-placeholder {
  color: #576995 !important
}

.focus-placeholder-cball-blue:focus::placeholder {
  color: #576995 !important
}

.focus-placeholder-cball-dark-blue:focus::-webkit-input-placeholder {
  color: #354363 !important
}

.focus-placeholder-cball-dark-blue:focus::-moz-placeholder {
  color: #354363 !important
}

.focus-placeholder-cball-dark-blue:focus:-ms-input-placeholder {
  color: #354363 !important
}

.focus-placeholder-cball-dark-blue:focus::-ms-input-placeholder {
  color: #354363 !important
}

.focus-placeholder-cball-dark-blue:focus::placeholder {
  color: #354363 !important
}

.focus-placeholder-cball-purple:focus::-webkit-input-placeholder {
  color: #0a101f !important
}

.focus-placeholder-cball-purple:focus::-moz-placeholder {
  color: #0a101f !important
}

.focus-placeholder-cball-purple:focus:-ms-input-placeholder {
  color: #0a101f !important
}

.focus-placeholder-cball-purple:focus::-ms-input-placeholder {
  color: #0a101f !important
}

.focus-placeholder-cball-purple:focus::placeholder {
  color: #0a101f !important
}

.focus-placeholder-cw-spring-yellow:focus::-webkit-input-placeholder {
  color: #ffc907 !important
}

.focus-placeholder-cw-spring-yellow:focus::-moz-placeholder {
  color: #ffc907 !important
}

.focus-placeholder-cw-spring-yellow:focus:-ms-input-placeholder {
  color: #ffc907 !important
}

.focus-placeholder-cw-spring-yellow:focus::-ms-input-placeholder {
  color: #ffc907 !important
}

.focus-placeholder-cw-spring-yellow:focus::placeholder {
  color: #ffc907 !important
}

.focus-placeholder-cw-spring-dk-blue:focus::-webkit-input-placeholder {
  color: #1e2658 !important
}

.focus-placeholder-cw-spring-dk-blue:focus::-moz-placeholder {
  color: #1e2658 !important
}

.focus-placeholder-cw-spring-dk-blue:focus:-ms-input-placeholder {
  color: #1e2658 !important
}

.focus-placeholder-cw-spring-dk-blue:focus::-ms-input-placeholder {
  color: #1e2658 !important
}

.focus-placeholder-cw-spring-dk-blue:focus::placeholder {
  color: #1e2658 !important
}

.focus-placeholder-cw-spring-med-blue:focus::-webkit-input-placeholder {
  color: #1080b9 !important
}

.focus-placeholder-cw-spring-med-blue:focus::-moz-placeholder {
  color: #1080b9 !important
}

.focus-placeholder-cw-spring-med-blue:focus:-ms-input-placeholder {
  color: #1080b9 !important
}

.focus-placeholder-cw-spring-med-blue:focus::-ms-input-placeholder {
  color: #1080b9 !important
}

.focus-placeholder-cw-spring-med-blue:focus::placeholder {
  color: #1080b9 !important
}

.focus-placeholder-cw-spring-lt-blue:focus::-webkit-input-placeholder {
  color: #bae3f0 !important
}

.focus-placeholder-cw-spring-lt-blue:focus::-moz-placeholder {
  color: #bae3f0 !important
}

.focus-placeholder-cw-spring-lt-blue:focus:-ms-input-placeholder {
  color: #bae3f0 !important
}

.focus-placeholder-cw-spring-lt-blue:focus::-ms-input-placeholder {
  color: #bae3f0 !important
}

.focus-placeholder-cw-spring-lt-blue:focus::placeholder {
  color: #bae3f0 !important
}

.focus-placeholder-cw-spring-dk-green:focus::-webkit-input-placeholder {
  color: #004b3d !important
}

.focus-placeholder-cw-spring-dk-green:focus::-moz-placeholder {
  color: #004b3d !important
}

.focus-placeholder-cw-spring-dk-green:focus:-ms-input-placeholder {
  color: #004b3d !important
}

.focus-placeholder-cw-spring-dk-green:focus::-ms-input-placeholder {
  color: #004b3d !important
}

.focus-placeholder-cw-spring-dk-green:focus::placeholder {
  color: #004b3d !important
}

.focus-placeholder-cw-spring-med-green:focus::-webkit-input-placeholder {
  color: #00ac7f !important
}

.focus-placeholder-cw-spring-med-green:focus::-moz-placeholder {
  color: #00ac7f !important
}

.focus-placeholder-cw-spring-med-green:focus:-ms-input-placeholder {
  color: #00ac7f !important
}

.focus-placeholder-cw-spring-med-green:focus::-ms-input-placeholder {
  color: #00ac7f !important
}

.focus-placeholder-cw-spring-med-green:focus::placeholder {
  color: #00ac7f !important
}

.focus-placeholder-cw-spring-lt-green:focus::-webkit-input-placeholder {
  color: #b8e3d1 !important
}

.focus-placeholder-cw-spring-lt-green:focus::-moz-placeholder {
  color: #b8e3d1 !important
}

.focus-placeholder-cw-spring-lt-green:focus:-ms-input-placeholder {
  color: #b8e3d1 !important
}

.focus-placeholder-cw-spring-lt-green:focus::-ms-input-placeholder {
  color: #b8e3d1 !important
}

.focus-placeholder-cw-spring-lt-green:focus::placeholder {
  color: #b8e3d1 !important
}

.focus-placeholder-cw-spring-black:focus::-webkit-input-placeholder {
  color: #1a1a1a !important
}

.focus-placeholder-cw-spring-black:focus::-moz-placeholder {
  color: #1a1a1a !important
}

.focus-placeholder-cw-spring-black:focus:-ms-input-placeholder {
  color: #1a1a1a !important
}

.focus-placeholder-cw-spring-black:focus::-ms-input-placeholder {
  color: #1a1a1a !important
}

.focus-placeholder-cw-spring-black:focus::placeholder {
  color: #1a1a1a !important
}

.focus-placeholder-cw-spring-off-white:focus::-webkit-input-placeholder {
  color: #fdf4e2 !important
}

.focus-placeholder-cw-spring-off-white:focus::-moz-placeholder {
  color: #fdf4e2 !important
}

.focus-placeholder-cw-spring-off-white:focus:-ms-input-placeholder {
  color: #fdf4e2 !important
}

.focus-placeholder-cw-spring-off-white:focus::-ms-input-placeholder {
  color: #fdf4e2 !important
}

.focus-placeholder-cw-spring-off-white:focus::placeholder {
  color: #fdf4e2 !important
}

.focus-placeholder-cw-spring-peach:focus::-webkit-input-placeholder {
  color: #e88a78 !important
}

.focus-placeholder-cw-spring-peach:focus::-moz-placeholder {
  color: #e88a78 !important
}

.focus-placeholder-cw-spring-peach:focus:-ms-input-placeholder {
  color: #e88a78 !important
}

.focus-placeholder-cw-spring-peach:focus::-ms-input-placeholder {
  color: #e88a78 !important
}

.focus-placeholder-cw-spring-peach:focus::placeholder {
  color: #e88a78 !important
}

.pointer-events-none {
  pointer-events: none !important
}

.pointer-events-auto {
  pointer-events: auto !important
}

.static {
  position: static !important
}

.fixed {
  position: fixed !important
}

.absolute {
  position: absolute !important
}

.relative {
  position: relative !important
}

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important
}

.inset-auto {
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important
}

.inset-y-0 {
  top: 0 !important;
  bottom: 0 !important
}

.inset-x-0 {
  right: 0 !important;
  left: 0 !important
}

.inset-y-auto {
  top: auto !important;
  bottom: auto !important
}

.inset-x-auto {
  right: auto !important;
  left: auto !important
}

.top-0 {
  top: 0 !important
}

.right-0 {
  right: 0 !important
}

.bottom-0 {
  bottom: 0 !important
}

.left-0 {
  left: 0 !important
}

.top-auto {
  top: auto !important
}

.right-auto {
  right: auto !important
}

.bottom-auto {
  bottom: auto !important
}

.left-auto {
  left: auto !important
}

.resize-none {
  resize: none !important
}

.resize-y {
  resize: vertical !important
}

.resize-x {
  resize: horizontal !important
}

.resize {
  resize: both !important
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
}

.shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.shadow-none {
  box-shadow: none !important
}

.hover-shadow:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
}

.hover-shadow-md:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
}

.hover-shadow-lg:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
}

.hover-shadow-xl:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
}

.hover-shadow-2xl:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
}

.hover-shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
}

.hover-shadow-outline:hover {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.hover-shadow-none:hover {
  box-shadow: none !important
}

.focus-shadow:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
}

.focus-shadow-md:focus {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
}

.focus-shadow-lg:focus {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
}

.focus-shadow-xl:focus {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
}

.focus-shadow-2xl:focus {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
}

.focus-shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
}

.focus-shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
}

.focus-shadow-none:focus {
  box-shadow: none !important
}

.fill-current {
  fill: currentColor !important
}

.stroke-current {
  stroke: currentColor !important
}

.table-auto {
  table-layout: auto !important
}

.table-fixed {
  table-layout: fixed !important
}

.text-left {
  text-align: left !important
}

.text-center {
  text-align: center !important
}

.text-right {
  text-align: right !important
}

.text-justify {
  text-align: justify !important
}

.text-transparent {
  color: transparent !important
}

.text-cw-black {
  color: #333232 !important
}

.text-cw-blue {
  color: #369ff4 !important
}

.text-cw-blue-print {
  color: #5096d0 !important
}

.text-cw-green {
  color: #59c77f !important
}

.text-cw-orange {
  color: #fe813a !important
}

.text-cw-purple {
  color: #9064bf !important
}

.text-cw-red {
  color: #fa575d !important
}

.text-cw-spring {
  color: #1ba9e0 !important
}

.text-cw-teal {
  color: #8ed4cc !important
}

.text-cw-white {
  color: #fff !important
}

.text-cw-yellow {
  color: #ffca0a !important
}

.text-grey-10 {
  color: #f4f5f0 !important
}

.text-grey-20 {
  color: #e9eae4 !important
}

.text-grey-30 {
  color: #dfdfd7 !important
}

.text-grey-40 {
  color: #c1c1ba !important
}

.text-grey-5 {
  color: #f7f7f7 !important
}

.text-grey-50 {
  color: #9b9b94 !important
}

.text-grey-60 {
  color: #71716c !important
}

.text-grey-70 {
  color: #515151 !important
}

.text-cball-blue {
  color: #576995 !important
}

.text-cball-dark-blue {
  color: #354363 !important
}

.text-cball-purple {
  color: #0a101f !important
}

.text-cw-spring-yellow {
  color: #ffc907 !important
}

.text-cw-spring-dk-blue {
  color: #1e2658 !important
}

.text-cw-spring-med-blue {
  color: #1080b9 !important
}

.text-cw-spring-lt-blue {
  color: #bae3f0 !important
}

.text-cw-spring-dk-green {
  color: #004b3d !important
}

.text-cw-spring-med-green {
  color: #00ac7f !important
}

.text-cw-spring-lt-green {
  color: #b8e3d1 !important
}

.text-cw-spring-black {
  color: #1a1a1a !important
}

.text-cw-spring-off-white {
  color: #fdf4e2 !important
}

.text-cw-spring-peach {
  color: #e88a78 !important
}

.hover-text-transparent:hover {
  color: transparent !important
}

.hover-text-cw-black:hover {
  color: #333232 !important
}

.hover-text-cw-blue:hover {
  color: #369ff4 !important
}

.hover-text-cw-blue-print:hover {
  color: #5096d0 !important
}

.hover-text-cw-green:hover {
  color: #59c77f !important
}

.hover-text-cw-orange:hover {
  color: #fe813a !important
}

.hover-text-cw-purple:hover {
  color: #9064bf !important
}

.hover-text-cw-red:hover {
  color: #fa575d !important
}

.hover-text-cw-spring:hover {
  color: #1ba9e0 !important
}

.hover-text-cw-teal:hover {
  color: #8ed4cc !important
}

.hover-text-cw-white:hover {
  color: #fff !important
}

.hover-text-cw-yellow:hover {
  color: #ffca0a !important
}

.hover-text-grey-10:hover {
  color: #f4f5f0 !important
}

.hover-text-grey-20:hover {
  color: #e9eae4 !important
}

.hover-text-grey-30:hover {
  color: #dfdfd7 !important
}

.hover-text-grey-40:hover {
  color: #c1c1ba !important
}

.hover-text-grey-5:hover {
  color: #f7f7f7 !important
}

.hover-text-grey-50:hover {
  color: #9b9b94 !important
}

.hover-text-grey-60:hover {
  color: #71716c !important
}

.hover-text-grey-70:hover {
  color: #515151 !important
}

.hover-text-cball-blue:hover {
  color: #576995 !important
}

.hover-text-cball-dark-blue:hover {
  color: #354363 !important
}

.hover-text-cball-purple:hover {
  color: #0a101f !important
}

.hover-text-cw-spring-yellow:hover {
  color: #ffc907 !important
}

.hover-text-cw-spring-dk-blue:hover {
  color: #1e2658 !important
}

.hover-text-cw-spring-med-blue:hover {
  color: #1080b9 !important
}

.hover-text-cw-spring-lt-blue:hover {
  color: #bae3f0 !important
}

.hover-text-cw-spring-dk-green:hover {
  color: #004b3d !important
}

.hover-text-cw-spring-med-green:hover {
  color: #00ac7f !important
}

.hover-text-cw-spring-lt-green:hover {
  color: #b8e3d1 !important
}

.hover-text-cw-spring-black:hover {
  color: #1a1a1a !important
}

.hover-text-cw-spring-off-white:hover {
  color: #fdf4e2 !important
}

.hover-text-cw-spring-peach:hover {
  color: #e88a78 !important
}

.focus-text-transparent:focus {
  color: transparent !important
}

.focus-text-cw-black:focus {
  color: #333232 !important
}

.focus-text-cw-blue:focus {
  color: #369ff4 !important
}

.focus-text-cw-blue-print:focus {
  color: #5096d0 !important
}

.focus-text-cw-green:focus {
  color: #59c77f !important
}

.focus-text-cw-orange:focus {
  color: #fe813a !important
}

.focus-text-cw-purple:focus {
  color: #9064bf !important
}

.focus-text-cw-red:focus {
  color: #fa575d !important
}

.focus-text-cw-spring:focus {
  color: #1ba9e0 !important
}

.focus-text-cw-teal:focus {
  color: #8ed4cc !important
}

.focus-text-cw-white:focus {
  color: #fff !important
}

.focus-text-cw-yellow:focus {
  color: #ffca0a !important
}

.focus-text-grey-10:focus {
  color: #f4f5f0 !important
}

.focus-text-grey-20:focus {
  color: #e9eae4 !important
}

.focus-text-grey-30:focus {
  color: #dfdfd7 !important
}

.focus-text-grey-40:focus {
  color: #c1c1ba !important
}

.focus-text-grey-5:focus {
  color: #f7f7f7 !important
}

.focus-text-grey-50:focus {
  color: #9b9b94 !important
}

.focus-text-grey-60:focus {
  color: #71716c !important
}

.focus-text-grey-70:focus {
  color: #515151 !important
}

.focus-text-cball-blue:focus {
  color: #576995 !important
}

.focus-text-cball-dark-blue:focus {
  color: #354363 !important
}

.focus-text-cball-purple:focus {
  color: #0a101f !important
}

.focus-text-cw-spring-yellow:focus {
  color: #ffc907 !important
}

.focus-text-cw-spring-dk-blue:focus {
  color: #1e2658 !important
}

.focus-text-cw-spring-med-blue:focus {
  color: #1080b9 !important
}

.focus-text-cw-spring-lt-blue:focus {
  color: #bae3f0 !important
}

.focus-text-cw-spring-dk-green:focus {
  color: #004b3d !important
}

.focus-text-cw-spring-med-green:focus {
  color: #00ac7f !important
}

.focus-text-cw-spring-lt-green:focus {
  color: #b8e3d1 !important
}

.focus-text-cw-spring-black:focus {
  color: #1a1a1a !important
}

.focus-text-cw-spring-off-white:focus {
  color: #fdf4e2 !important
}

.focus-text-cw-spring-peach:focus {
  color: #e88a78 !important
}

.text-xs {
  font-size: .75rem !important
}

.text-sm {
  font-size: .875rem !important
}

.text-base {
  font-size: 1rem !important
}

.text-lg {
  font-size: 1.125rem !important
}

.text-xl {
  font-size: 1.25rem !important
}

.text-2xl {
  font-size: 1.5rem !important
}

.text-3xl {
  font-size: 1.875rem !important
}

.text-4xl {
  font-size: 2.25rem !important
}

.text-5xl {
  font-size: 3rem !important
}

.text-6xl {
  font-size: 4rem !important
}

.italic {
  font-style: italic !important
}

.not-italic {
  font-style: normal !important
}

.uppercase {
  text-transform: uppercase !important
}

.lowercase {
  text-transform: lowercase !important
}

.capitalize {
  text-transform: capitalize !important
}

.normal-case {
  text-transform: none !important
}

.underline {
  text-decoration: underline !important
}

.line-through {
  text-decoration: line-through !important
}

.no-underline {
  text-decoration: none !important
}

.hover-underline:hover {
  text-decoration: underline !important
}

.hover-line-through:hover {
  text-decoration: line-through !important
}

.hover-no-underline:hover {
  text-decoration: none !important
}

.focus-underline:focus {
  text-decoration: underline !important
}

.focus-line-through:focus {
  text-decoration: line-through !important
}

.focus-no-underline:focus {
  text-decoration: none !important
}

.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important
}

.tracking-tight {
  letter-spacing: -.05em !important
}

.tracking-normal {
  letter-spacing: 0 !important
}

.tracking-wide {
  letter-spacing: .05em !important
}

.select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important
}

.select-text {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important
}

.select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important
}

.select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.whitespace-normal {
  white-space: normal !important
}

.whitespace-no-wrap {
  white-space: nowrap !important
}

.whitespace-pre {
  white-space: pre !important
}

.whitespace-pre-line {
  white-space: pre-line !important
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important
}

.break-normal {
  overflow-wrap: normal !important;
  word-break: normal !important
}

.break-words {
  overflow-wrap: break-word !important
}

.break-all {
  word-break: break-all !important
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important
}

.w-0 {
  width: 0 !important
}

.w-1 {
  width: .25rem !important
}

.w-2 {
  width: .5rem !important
}

.w-3 {
  width: .75rem !important
}

.w-4 {
  width: 1rem !important
}

.w-5 {
  width: 1.25rem !important
}

.w-6 {
  width: 1.5rem !important
}

.w-8 {
  width: 2rem !important
}

.w-10 {
  width: 2.5rem !important
}

.w-12 {
  width: 3rem !important
}

.w-16 {
  width: 4rem !important
}

.w-20 {
  width: 5rem !important
}

.w-24 {
  width: 6rem !important
}

.w-32 {
  width: 8rem !important
}

.w-40 {
  width: 10rem !important
}

.w-48 {
  width: 12rem !important
}

.w-56 {
  width: 14rem !important
}

.w-64 {
  width: 16rem !important
}

.w-auto {
  width: auto !important
}

.w-px {
  width: 1px !important
}

.w-1\/2 {
  width: 50% !important
}

.w-1\/3 {
  width: 33.333333% !important
}

.w-2\/3 {
  width: 66.666667% !important
}

.w-1\/4 {
  width: 25% !important
}

.w-2\/4 {
  width: 50% !important
}

.w-3\/4 {
  width: 75% !important
}

.w-1\/5 {
  width: 20% !important
}

.w-2\/5 {
  width: 40% !important
}

.w-3\/5 {
  width: 60% !important
}

.w-4\/5 {
  width: 80% !important
}

.w-1\/6 {
  width: 16.666667% !important
}

.w-2\/6 {
  width: 33.333333% !important
}

.w-3\/6 {
  width: 50% !important
}

.w-4\/6 {
  width: 66.666667% !important
}

.w-5\/6 {
  width: 83.333333% !important
}

.w-1\/12 {
  width: 8.333333% !important
}

.w-2\/12 {
  width: 16.666667% !important
}

.w-3\/12 {
  width: 25% !important
}

.w-4\/12 {
  width: 33.333333% !important
}

.w-5\/12 {
  width: 41.666667% !important
}

.w-6\/12 {
  width: 50% !important
}

.w-7\/12 {
  width: 58.333333% !important
}

.w-8\/12 {
  width: 66.666667% !important
}

.w-9\/12 {
  width: 75% !important
}

.w-10\/12 {
  width: 83.333333% !important
}

.w-11\/12 {
  width: 91.666667% !important
}

.w-full {
  width: 100% !important
}

.w-screen {
  width: 100vw !important
}

.z-0 {
  z-index: 0 !important
}

.z-10 {
  z-index: 10 !important
}

.z-20 {
  z-index: 20 !important
}

.z-30 {
  z-index: 30 !important
}

.z-40 {
  z-index: 40 !important
}

.z-50 {
  z-index: 50 !important
}

.z-auto {
  z-index: auto !important
}

@media (min-width:0px) {
  .sm-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .sm-not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

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

  .sm-focus-not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

  .sm-appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
  }

  .sm-bg-fixed {
    background-attachment: fixed !important
  }

  .sm-bg-local {
    background-attachment: local !important
  }

  .sm-bg-scroll {
    background-attachment: scroll !important
  }

  .sm-bg-transparent {
    background-color: transparent !important
  }

  .sm-bg-cw-black {
    background-color: #333232 !important
  }

  .sm-bg-cw-blue {
    background-color: #369ff4 !important
  }

  .sm-bg-cw-blue-print {
    background-color: #5096d0 !important
  }

  .sm-bg-cw-green {
    background-color: #59c77f !important
  }

  .sm-bg-cw-orange {
    background-color: #fe813a !important
  }

  .sm-bg-cw-purple {
    background-color: #9064bf !important
  }

  .sm-bg-cw-red {
    background-color: #fa575d !important
  }

  .sm-bg-cw-spring {
    background-color: #1ba9e0 !important
  }

  .sm-bg-cw-teal {
    background-color: #8ed4cc !important
  }

  .sm-bg-cw-white {
    background-color: #fff !important
  }

  .sm-bg-cw-yellow {
    background-color: #ffca0a !important
  }

  .sm-bg-grey-10 {
    background-color: #f4f5f0 !important
  }

  .sm-bg-grey-20 {
    background-color: #e9eae4 !important
  }

  .sm-bg-grey-30 {
    background-color: #dfdfd7 !important
  }

  .sm-bg-grey-40 {
    background-color: #c1c1ba !important
  }

  .sm-bg-grey-5 {
    background-color: #f7f7f7 !important
  }

  .sm-bg-grey-50 {
    background-color: #9b9b94 !important
  }

  .sm-bg-grey-60 {
    background-color: #71716c !important
  }

  .sm-bg-grey-70 {
    background-color: #515151 !important
  }

  .sm-bg-cball-blue {
    background-color: #576995 !important
  }

  .sm-bg-cball-dark-blue {
    background-color: #354363 !important
  }

  .sm-bg-cball-purple {
    background-color: #0a101f !important
  }

  .sm-bg-cw-spring-yellow {
    background-color: #ffc907 !important
  }

  .sm-bg-cw-spring-dk-blue {
    background-color: #1e2658 !important
  }

  .sm-bg-cw-spring-med-blue {
    background-color: #1080b9 !important
  }

  .sm-bg-cw-spring-lt-blue {
    background-color: #bae3f0 !important
  }

  .sm-bg-cw-spring-dk-green {
    background-color: #004b3d !important
  }

  .sm-bg-cw-spring-med-green {
    background-color: #00ac7f !important
  }

  .sm-bg-cw-spring-lt-green {
    background-color: #b8e3d1 !important
  }

  .sm-bg-cw-spring-black {
    background-color: #1a1a1a !important
  }

  .sm-bg-cw-spring-off-white {
    background-color: #fdf4e2 !important
  }

  .sm-bg-cw-spring-peach {
    background-color: #e88a78 !important
  }

  .sm-hover-bg-transparent:hover {
    background-color: transparent !important
  }

  .sm-hover-bg-cw-black:hover {
    background-color: #333232 !important
  }

  .sm-hover-bg-cw-blue:hover {
    background-color: #369ff4 !important
  }

  .sm-hover-bg-cw-blue-print:hover {
    background-color: #5096d0 !important
  }

  .sm-hover-bg-cw-green:hover {
    background-color: #59c77f !important
  }

  .sm-hover-bg-cw-orange:hover {
    background-color: #fe813a !important
  }

  .sm-hover-bg-cw-purple:hover {
    background-color: #9064bf !important
  }

  .sm-hover-bg-cw-red:hover {
    background-color: #fa575d !important
  }

  .sm-hover-bg-cw-spring:hover {
    background-color: #1ba9e0 !important
  }

  .sm-hover-bg-cw-teal:hover {
    background-color: #8ed4cc !important
  }

  .sm-hover-bg-cw-white:hover {
    background-color: #fff !important
  }

  .sm-hover-bg-cw-yellow:hover {
    background-color: #ffca0a !important
  }

  .sm-hover-bg-grey-10:hover {
    background-color: #f4f5f0 !important
  }

  .sm-hover-bg-grey-20:hover {
    background-color: #e9eae4 !important
  }

  .sm-hover-bg-grey-30:hover {
    background-color: #dfdfd7 !important
  }

  .sm-hover-bg-grey-40:hover {
    background-color: #c1c1ba !important
  }

  .sm-hover-bg-grey-5:hover {
    background-color: #f7f7f7 !important
  }

  .sm-hover-bg-grey-50:hover {
    background-color: #9b9b94 !important
  }

  .sm-hover-bg-grey-60:hover {
    background-color: #71716c !important
  }

  .sm-hover-bg-grey-70:hover {
    background-color: #515151 !important
  }

  .sm-hover-bg-cball-blue:hover {
    background-color: #576995 !important
  }

  .sm-hover-bg-cball-dark-blue:hover {
    background-color: #354363 !important
  }

  .sm-hover-bg-cball-purple:hover {
    background-color: #0a101f !important
  }

  .sm-hover-bg-cw-spring-yellow:hover {
    background-color: #ffc907 !important
  }

  .sm-hover-bg-cw-spring-dk-blue:hover {
    background-color: #1e2658 !important
  }

  .sm-hover-bg-cw-spring-med-blue:hover {
    background-color: #1080b9 !important
  }

  .sm-hover-bg-cw-spring-lt-blue:hover {
    background-color: #bae3f0 !important
  }

  .sm-hover-bg-cw-spring-dk-green:hover {
    background-color: #004b3d !important
  }

  .sm-hover-bg-cw-spring-med-green:hover {
    background-color: #00ac7f !important
  }

  .sm-hover-bg-cw-spring-lt-green:hover {
    background-color: #b8e3d1 !important
  }

  .sm-hover-bg-cw-spring-black:hover {
    background-color: #1a1a1a !important
  }

  .sm-hover-bg-cw-spring-off-white:hover {
    background-color: #fdf4e2 !important
  }

  .sm-hover-bg-cw-spring-peach:hover {
    background-color: #e88a78 !important
  }

  .sm-focus-bg-transparent:focus {
    background-color: transparent !important
  }

  .sm-focus-bg-cw-black:focus {
    background-color: #333232 !important
  }

  .sm-focus-bg-cw-blue:focus {
    background-color: #369ff4 !important
  }

  .sm-focus-bg-cw-blue-print:focus {
    background-color: #5096d0 !important
  }

  .sm-focus-bg-cw-green:focus {
    background-color: #59c77f !important
  }

  .sm-focus-bg-cw-orange:focus {
    background-color: #fe813a !important
  }

  .sm-focus-bg-cw-purple:focus {
    background-color: #9064bf !important
  }

  .sm-focus-bg-cw-red:focus {
    background-color: #fa575d !important
  }

  .sm-focus-bg-cw-spring:focus {
    background-color: #1ba9e0 !important
  }

  .sm-focus-bg-cw-teal:focus {
    background-color: #8ed4cc !important
  }

  .sm-focus-bg-cw-white:focus {
    background-color: #fff !important
  }

  .sm-focus-bg-cw-yellow:focus {
    background-color: #ffca0a !important
  }

  .sm-focus-bg-grey-10:focus {
    background-color: #f4f5f0 !important
  }

  .sm-focus-bg-grey-20:focus {
    background-color: #e9eae4 !important
  }

  .sm-focus-bg-grey-30:focus {
    background-color: #dfdfd7 !important
  }

  .sm-focus-bg-grey-40:focus {
    background-color: #c1c1ba !important
  }

  .sm-focus-bg-grey-5:focus {
    background-color: #f7f7f7 !important
  }

  .sm-focus-bg-grey-50:focus {
    background-color: #9b9b94 !important
  }

  .sm-focus-bg-grey-60:focus {
    background-color: #71716c !important
  }

  .sm-focus-bg-grey-70:focus {
    background-color: #515151 !important
  }

  .sm-focus-bg-cball-blue:focus {
    background-color: #576995 !important
  }

  .sm-focus-bg-cball-dark-blue:focus {
    background-color: #354363 !important
  }

  .sm-focus-bg-cball-purple:focus {
    background-color: #0a101f !important
  }

  .sm-focus-bg-cw-spring-yellow:focus {
    background-color: #ffc907 !important
  }

  .sm-focus-bg-cw-spring-dk-blue:focus {
    background-color: #1e2658 !important
  }

  .sm-focus-bg-cw-spring-med-blue:focus {
    background-color: #1080b9 !important
  }

  .sm-focus-bg-cw-spring-lt-blue:focus {
    background-color: #bae3f0 !important
  }

  .sm-focus-bg-cw-spring-dk-green:focus {
    background-color: #004b3d !important
  }

  .sm-focus-bg-cw-spring-med-green:focus {
    background-color: #00ac7f !important
  }

  .sm-focus-bg-cw-spring-lt-green:focus {
    background-color: #b8e3d1 !important
  }

  .sm-focus-bg-cw-spring-black:focus {
    background-color: #1a1a1a !important
  }

  .sm-focus-bg-cw-spring-off-white:focus {
    background-color: #fdf4e2 !important
  }

  .sm-focus-bg-cw-spring-peach:focus {
    background-color: #e88a78 !important
  }

  .sm-bg-bottom {
    background-position: bottom !important
  }

  .sm-bg-center {
    background-position: 50% !important
  }

  .sm-bg-left {
    background-position: 0 !important
  }

  .sm-bg-left-bottom {
    background-position: 0 100% !important
  }

  .sm-bg-left-top {
    background-position: 0 0 !important
  }

  .sm-bg-right {
    background-position: 100% !important
  }

  .sm-bg-right-bottom {
    background-position: 100% 100% !important
  }

  .sm-bg-right-top {
    background-position: 100% 0 !important
  }

  .sm-bg-top {
    background-position: top !important
  }

  .sm-bg-repeat {
    background-repeat: repeat !important
  }

  .sm-bg-no-repeat {
    background-repeat: no-repeat !important
  }

  .sm-bg-repeat-x {
    background-repeat: repeat-x !important
  }

  .sm-bg-repeat-y {
    background-repeat: repeat-y !important
  }

  .sm-bg-repeat-round {
    background-repeat: round !important
  }

  .sm-bg-repeat-space {
    background-repeat: space !important
  }

  .sm-bg-auto {
    background-size: auto !important
  }

  .sm-bg-cover {
    background-size: cover !important
  }

  .sm-bg-contain {
    background-size: contain !important
  }

  .sm-border-collapse {
    border-collapse: collapse !important
  }

  .sm-border-separate {
    border-collapse: separate !important
  }

  .sm-border-transparent {
    border-color: transparent !important
  }

  .sm-border-cw-black {
    border-color: #333232 !important
  }

  .sm-border-cw-blue {
    border-color: #369ff4 !important
  }

  .sm-border-cw-blue-print {
    border-color: #5096d0 !important
  }

  .sm-border-cw-green {
    border-color: #59c77f !important
  }

  .sm-border-cw-orange {
    border-color: #fe813a !important
  }

  .sm-border-cw-purple {
    border-color: #9064bf !important
  }

  .sm-border-cw-red {
    border-color: #fa575d !important
  }

  .sm-border-cw-spring {
    border-color: #1ba9e0 !important
  }

  .sm-border-cw-teal {
    border-color: #8ed4cc !important
  }

  .sm-border-cw-white {
    border-color: #fff !important
  }

  .sm-border-cw-yellow {
    border-color: #ffca0a !important
  }

  .sm-border-grey-10 {
    border-color: #f4f5f0 !important
  }

  .sm-border-grey-20 {
    border-color: #e9eae4 !important
  }

  .sm-border-grey-30 {
    border-color: #dfdfd7 !important
  }

  .sm-border-grey-40 {
    border-color: #c1c1ba !important
  }

  .sm-border-grey-5 {
    border-color: #f7f7f7 !important
  }

  .sm-border-grey-50 {
    border-color: #9b9b94 !important
  }

  .sm-border-grey-60 {
    border-color: #71716c !important
  }

  .sm-border-grey-70 {
    border-color: #515151 !important
  }

  .sm-border-cball-blue {
    border-color: #576995 !important
  }

  .sm-border-cball-dark-blue {
    border-color: #354363 !important
  }

  .sm-border-cball-purple {
    border-color: #0a101f !important
  }

  .sm-border-cw-spring-yellow {
    border-color: #ffc907 !important
  }

  .sm-border-cw-spring-dk-blue {
    border-color: #1e2658 !important
  }

  .sm-border-cw-spring-med-blue {
    border-color: #1080b9 !important
  }

  .sm-border-cw-spring-lt-blue {
    border-color: #bae3f0 !important
  }

  .sm-border-cw-spring-dk-green {
    border-color: #004b3d !important
  }

  .sm-border-cw-spring-med-green {
    border-color: #00ac7f !important
  }

  .sm-border-cw-spring-lt-green {
    border-color: #b8e3d1 !important
  }

  .sm-border-cw-spring-black {
    border-color: #1a1a1a !important
  }

  .sm-border-cw-spring-off-white {
    border-color: #fdf4e2 !important
  }

  .sm-border-cw-spring-peach {
    border-color: #e88a78 !important
  }

  .sm-hover-border-transparent:hover {
    border-color: transparent !important
  }

  .sm-hover-border-cw-black:hover {
    border-color: #333232 !important
  }

  .sm-hover-border-cw-blue:hover {
    border-color: #369ff4 !important
  }

  .sm-hover-border-cw-blue-print:hover {
    border-color: #5096d0 !important
  }

  .sm-hover-border-cw-green:hover {
    border-color: #59c77f !important
  }

  .sm-hover-border-cw-orange:hover {
    border-color: #fe813a !important
  }

  .sm-hover-border-cw-purple:hover {
    border-color: #9064bf !important
  }

  .sm-hover-border-cw-red:hover {
    border-color: #fa575d !important
  }

  .sm-hover-border-cw-spring:hover {
    border-color: #1ba9e0 !important
  }

  .sm-hover-border-cw-teal:hover {
    border-color: #8ed4cc !important
  }

  .sm-hover-border-cw-white:hover {
    border-color: #fff !important
  }

  .sm-hover-border-cw-yellow:hover {
    border-color: #ffca0a !important
  }

  .sm-hover-border-grey-10:hover {
    border-color: #f4f5f0 !important
  }

  .sm-hover-border-grey-20:hover {
    border-color: #e9eae4 !important
  }

  .sm-hover-border-grey-30:hover {
    border-color: #dfdfd7 !important
  }

  .sm-hover-border-grey-40:hover {
    border-color: #c1c1ba !important
  }

  .sm-hover-border-grey-5:hover {
    border-color: #f7f7f7 !important
  }

  .sm-hover-border-grey-50:hover {
    border-color: #9b9b94 !important
  }

  .sm-hover-border-grey-60:hover {
    border-color: #71716c !important
  }

  .sm-hover-border-grey-70:hover {
    border-color: #515151 !important
  }

  .sm-hover-border-cball-blue:hover {
    border-color: #576995 !important
  }

  .sm-hover-border-cball-dark-blue:hover {
    border-color: #354363 !important
  }

  .sm-hover-border-cball-purple:hover {
    border-color: #0a101f !important
  }

  .sm-hover-border-cw-spring-yellow:hover {
    border-color: #ffc907 !important
  }

  .sm-hover-border-cw-spring-dk-blue:hover {
    border-color: #1e2658 !important
  }

  .sm-hover-border-cw-spring-med-blue:hover {
    border-color: #1080b9 !important
  }

  .sm-hover-border-cw-spring-lt-blue:hover {
    border-color: #bae3f0 !important
  }

  .sm-hover-border-cw-spring-dk-green:hover {
    border-color: #004b3d !important
  }

  .sm-hover-border-cw-spring-med-green:hover {
    border-color: #00ac7f !important
  }

  .sm-hover-border-cw-spring-lt-green:hover {
    border-color: #b8e3d1 !important
  }

  .sm-hover-border-cw-spring-black:hover {
    border-color: #1a1a1a !important
  }

  .sm-hover-border-cw-spring-off-white:hover {
    border-color: #fdf4e2 !important
  }

  .sm-hover-border-cw-spring-peach:hover {
    border-color: #e88a78 !important
  }

  .sm-focus-border-transparent:focus {
    border-color: transparent !important
  }

  .sm-focus-border-cw-black:focus {
    border-color: #333232 !important
  }

  .sm-focus-border-cw-blue:focus {
    border-color: #369ff4 !important
  }

  .sm-focus-border-cw-blue-print:focus {
    border-color: #5096d0 !important
  }

  .sm-focus-border-cw-green:focus {
    border-color: #59c77f !important
  }

  .sm-focus-border-cw-orange:focus {
    border-color: #fe813a !important
  }

  .sm-focus-border-cw-purple:focus {
    border-color: #9064bf !important
  }

  .sm-focus-border-cw-red:focus {
    border-color: #fa575d !important
  }

  .sm-focus-border-cw-spring:focus {
    border-color: #1ba9e0 !important
  }

  .sm-focus-border-cw-teal:focus {
    border-color: #8ed4cc !important
  }

  .sm-focus-border-cw-white:focus {
    border-color: #fff !important
  }

  .sm-focus-border-cw-yellow:focus {
    border-color: #ffca0a !important
  }

  .sm-focus-border-grey-10:focus {
    border-color: #f4f5f0 !important
  }

  .sm-focus-border-grey-20:focus {
    border-color: #e9eae4 !important
  }

  .sm-focus-border-grey-30:focus {
    border-color: #dfdfd7 !important
  }

  .sm-focus-border-grey-40:focus {
    border-color: #c1c1ba !important
  }

  .sm-focus-border-grey-5:focus {
    border-color: #f7f7f7 !important
  }

  .sm-focus-border-grey-50:focus {
    border-color: #9b9b94 !important
  }

  .sm-focus-border-grey-60:focus {
    border-color: #71716c !important
  }

  .sm-focus-border-grey-70:focus {
    border-color: #515151 !important
  }

  .sm-focus-border-cball-blue:focus {
    border-color: #576995 !important
  }

  .sm-focus-border-cball-dark-blue:focus {
    border-color: #354363 !important
  }

  .sm-focus-border-cball-purple:focus {
    border-color: #0a101f !important
  }

  .sm-focus-border-cw-spring-yellow:focus {
    border-color: #ffc907 !important
  }

  .sm-focus-border-cw-spring-dk-blue:focus {
    border-color: #1e2658 !important
  }

  .sm-focus-border-cw-spring-med-blue:focus {
    border-color: #1080b9 !important
  }

  .sm-focus-border-cw-spring-lt-blue:focus {
    border-color: #bae3f0 !important
  }

  .sm-focus-border-cw-spring-dk-green:focus {
    border-color: #004b3d !important
  }

  .sm-focus-border-cw-spring-med-green:focus {
    border-color: #00ac7f !important
  }

  .sm-focus-border-cw-spring-lt-green:focus {
    border-color: #b8e3d1 !important
  }

  .sm-focus-border-cw-spring-black:focus {
    border-color: #1a1a1a !important
  }

  .sm-focus-border-cw-spring-off-white:focus {
    border-color: #fdf4e2 !important
  }

  .sm-focus-border-cw-spring-peach:focus {
    border-color: #e88a78 !important
  }

  .sm-rounded-none {
    border-radius: 0 !important
  }

  .sm-rounded-sm {
    border-radius: .125rem !important
  }

  .sm-rounded {
    border-radius: .25rem !important
  }

  .sm-rounded-lg {
    border-radius: .5rem !important
  }

  .sm-rounded-full {
    border-radius: 9999px !important
  }

  .sm-rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .sm-rounded-r-none {
    border-top-right-radius: 0 !important
  }

  .sm-rounded-b-none,
  .sm-rounded-r-none {
    border-bottom-right-radius: 0 !important
  }

  .sm-rounded-b-none,
  .sm-rounded-l-none {
    border-bottom-left-radius: 0 !important
  }

  .sm-rounded-l-none {
    border-top-left-radius: 0 !important
  }

  .sm-rounded-t-sm {
    border-top-left-radius: .125rem !important
  }

  .sm-rounded-r-sm,
  .sm-rounded-t-sm {
    border-top-right-radius: .125rem !important
  }

  .sm-rounded-b-sm,
  .sm-rounded-r-sm {
    border-bottom-right-radius: .125rem !important
  }

  .sm-rounded-b-sm,
  .sm-rounded-l-sm {
    border-bottom-left-radius: .125rem !important
  }

  .sm-rounded-l-sm {
    border-top-left-radius: .125rem !important
  }

  .sm-rounded-t {
    border-top-left-radius: .25rem !important
  }

  .sm-rounded-r,
  .sm-rounded-t {
    border-top-right-radius: .25rem !important
  }

  .sm-rounded-b,
  .sm-rounded-r {
    border-bottom-right-radius: .25rem !important
  }

  .sm-rounded-b,
  .sm-rounded-l {
    border-bottom-left-radius: .25rem !important
  }

  .sm-rounded-l {
    border-top-left-radius: .25rem !important
  }

  .sm-rounded-t-lg {
    border-top-left-radius: .5rem !important
  }

  .sm-rounded-r-lg,
  .sm-rounded-t-lg {
    border-top-right-radius: .5rem !important
  }

  .sm-rounded-b-lg,
  .sm-rounded-r-lg {
    border-bottom-right-radius: .5rem !important
  }

  .sm-rounded-b-lg,
  .sm-rounded-l-lg {
    border-bottom-left-radius: .5rem !important
  }

  .sm-rounded-l-lg {
    border-top-left-radius: .5rem !important
  }

  .sm-rounded-t-full {
    border-top-left-radius: 9999px !important
  }

  .sm-rounded-r-full,
  .sm-rounded-t-full {
    border-top-right-radius: 9999px !important
  }

  .sm-rounded-b-full,
  .sm-rounded-r-full {
    border-bottom-right-radius: 9999px !important
  }

  .sm-rounded-b-full,
  .sm-rounded-l-full {
    border-bottom-left-radius: 9999px !important
  }

  .sm-rounded-l-full {
    border-top-left-radius: 9999px !important
  }

  .sm-rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  .sm-rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  .sm-rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  .sm-rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  .sm-rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  .sm-rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  .sm-rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  .sm-rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  .sm-rounded-tl {
    border-top-left-radius: .25rem !important
  }

  .sm-rounded-tr {
    border-top-right-radius: .25rem !important
  }

  .sm-rounded-br {
    border-bottom-right-radius: .25rem !important
  }

  .sm-rounded-bl {
    border-bottom-left-radius: .25rem !important
  }

  .sm-rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  .sm-rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  .sm-rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  .sm-rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  .sm-rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  .sm-rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  .sm-rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  .sm-rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  .sm-border-solid {
    border-style: solid !important
  }

  .sm-border-dashed {
    border-style: dashed !important
  }

  .sm-border-dotted {
    border-style: dotted !important
  }

  .sm-border-double {
    border-style: double !important
  }

  .sm-border-none {
    border-style: none !important
  }

  .sm-border-0 {
    border-width: 0 !important
  }

  .sm-border-2 {
    border-width: 2px !important
  }

  .sm-border-4 {
    border-width: 4px !important
  }

  .sm-border-8 {
    border-width: 8px !important
  }

  .sm-border {
    border-width: 1px !important
  }

  .sm-border-t-0 {
    border-top-width: 0 !important
  }

  .sm-border-r-0 {
    border-right-width: 0 !important
  }

  .sm-border-b-0 {
    border-bottom-width: 0 !important
  }

  .sm-border-l-0 {
    border-left-width: 0 !important
  }

  .sm-border-t-2 {
    border-top-width: 2px !important
  }

  .sm-border-r-2 {
    border-right-width: 2px !important
  }

  .sm-border-b-2 {
    border-bottom-width: 2px !important
  }

  .sm-border-l-2 {
    border-left-width: 2px !important
  }

  .sm-border-t-4 {
    border-top-width: 4px !important
  }

  .sm-border-r-4 {
    border-right-width: 4px !important
  }

  .sm-border-b-4 {
    border-bottom-width: 4px !important
  }

  .sm-border-l-4 {
    border-left-width: 4px !important
  }

  .sm-border-t-8 {
    border-top-width: 8px !important
  }

  .sm-border-r-8 {
    border-right-width: 8px !important
  }

  .sm-border-b-8 {
    border-bottom-width: 8px !important
  }

  .sm-border-l-8 {
    border-left-width: 8px !important
  }

  .sm-border-t {
    border-top-width: 1px !important
  }

  .sm-border-r {
    border-right-width: 1px !important
  }

  .sm-border-b {
    border-bottom-width: 1px !important
  }

  .sm-border-l {
    border-left-width: 1px !important
  }

  .sm-cursor-auto {
    cursor: auto !important
  }

  .sm-cursor-default {
    cursor: default !important
  }

  .sm-cursor-pointer {
    cursor: pointer !important
  }

  .sm-cursor-wait {
    cursor: wait !important
  }

  .sm-cursor-text {
    cursor: text !important
  }

  .sm-cursor-move {
    cursor: move !important
  }

  .sm-cursor-not-allowed {
    cursor: not-allowed !important
  }

  .sm-block {
    display: block !important
  }

  .sm-inline-block {
    display: inline-block !important
  }

  .sm-inline {
    display: inline !important
  }

  .sm-flex {
    display: -webkit-box !important;
    display: flex !important
  }

  .sm-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important
  }

  .sm-table {
    display: table !important
  }

  .sm-table-row {
    display: table-row !important
  }

  .sm-table-cell {
    display: table-cell !important
  }

  .sm-hidden {
    display: none !important
  }

  .sm-flex-row {
    flex-direction: row !important
  }

  .sm-flex-row-reverse {
    flex-direction: row-reverse !important
  }

  .sm-flex-col {
    flex-direction: column !important
  }

  .sm-flex-col-reverse {
    flex-direction: column-reverse !important
  }

  .sm-flex-wrap {
    flex-wrap: wrap !important
  }

  .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .sm-flex-no-wrap {
    flex-wrap: nowrap !important
  }

  .sm-items-start {
    align-items: flex-start !important
  }

  .sm-items-end {
    align-items: flex-end !important
  }

  .sm-items-center {
    align-items: center !important
  }

  .sm-items-baseline {
    align-items: baseline !important
  }

  .sm-items-stretch {
    align-items: stretch !important
  }

  .sm-self-auto {
    align-self: auto !important
  }

  .sm-self-start {
    align-self: flex-start !important
  }

  .sm-self-end {
    align-self: flex-end !important
  }

  .sm-self-center {
    align-self: center !important
  }

  .sm-self-stretch {
    align-self: stretch !important
  }

  .sm-justify-start {
    justify-content: flex-start !important
  }

  .sm-justify-end {
    justify-content: flex-end !important
  }

  .sm-justify-center {
    justify-content: center !important
  }

  .sm-justify-between {
    justify-content: space-between !important
  }

  .sm-justify-around {
    justify-content: space-around !important
  }

  .sm-content-center {
    align-content: center !important
  }

  .sm-content-start {
    align-content: flex-start !important
  }

  .sm-content-end {
    align-content: flex-end !important
  }

  .sm-content-between {
    align-content: space-between !important
  }

  .sm-content-around {
    align-content: space-around !important
  }

  .sm-flex-1 {
    flex: 1 1 !important
  }

  .sm-flex-auto {
    flex: 1 1 auto !important
  }

  .sm-flex-initial {
    flex: 0 1 auto !important
  }

  .sm-flex-none {
    flex: none !important
  }

  .sm-flex-grow-0 {
    flex-grow: 0 !important
  }

  .sm-flex-grow {
    flex-grow: 1 !important
  }

  .sm-flex-shrink-0 {
    flex-shrink: 0 !important
  }

  .sm-flex-shrink {
    flex-shrink: 1 !important
  }

  .sm-order-1 {
    order: 1 !important
  }

  .sm-order-2 {
    order: 2 !important
  }

  .sm-order-3 {
    order: 3 !important
  }

  .sm-order-4 {
    order: 4 !important
  }

  .sm-order-5 {
    order: 5 !important
  }

  .sm-order-6 {
    order: 6 !important
  }

  .sm-order-7 {
    order: 7 !important
  }

  .sm-order-8 {
    order: 8 !important
  }

  .sm-order-9 {
    order: 9 !important
  }

  .sm-order-10 {
    order: 10 !important
  }

  .sm-order-11 {
    order: 11 !important
  }

  .sm-order-12 {
    order: 12 !important
  }

  .sm-order-first {
    order: -9999 !important
  }

  .sm-order-last {
    order: 9999 !important
  }

  .sm-order-none {
    order: 0 !important
  }

  .sm-float-right {
    float: right !important
  }

  .sm-float-left {
    float: left !important
  }

  .sm-float-none {
    float: none !important
  }

  .sm-clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important
  }

  .sm-font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
  }

  .sm-font-serif {
    font-family: Georgia, Cambria, Times New Roman, Times, serif !important
  }

  .sm-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
  }

  .sm-font-hairline {
    font-weight: 100 !important
  }

  .sm-font-thin {
    font-weight: 200 !important
  }

  .sm-font-light {
    font-weight: 300 !important
  }

  .sm-font-normal {
    font-weight: 400 !important
  }

  .sm-font-medium {
    font-weight: 500 !important
  }

  .sm-font-semibold {
    font-weight: 600 !important
  }

  .sm-font-bold {
    font-weight: 700 !important
  }

  .sm-font-extrabold {
    font-weight: 800 !important
  }

  .sm-font-black {
    font-weight: 900 !important
  }

  .sm-hover-font-hairline:hover {
    font-weight: 100 !important
  }

  .sm-hover-font-thin:hover {
    font-weight: 200 !important
  }

  .sm-hover-font-light:hover {
    font-weight: 300 !important
  }

  .sm-hover-font-normal:hover {
    font-weight: 400 !important
  }

  .sm-hover-font-medium:hover {
    font-weight: 500 !important
  }

  .sm-hover-font-semibold:hover {
    font-weight: 600 !important
  }

  .sm-hover-font-bold:hover {
    font-weight: 700 !important
  }

  .sm-hover-font-extrabold:hover {
    font-weight: 800 !important
  }

  .sm-hover-font-black:hover {
    font-weight: 900 !important
  }

  .sm-focus-font-hairline:focus {
    font-weight: 100 !important
  }

  .sm-focus-font-thin:focus {
    font-weight: 200 !important
  }

  .sm-focus-font-light:focus {
    font-weight: 300 !important
  }

  .sm-focus-font-normal:focus {
    font-weight: 400 !important
  }

  .sm-focus-font-medium:focus {
    font-weight: 500 !important
  }

  .sm-focus-font-semibold:focus {
    font-weight: 600 !important
  }

  .sm-focus-font-bold:focus {
    font-weight: 700 !important
  }

  .sm-focus-font-extrabold:focus {
    font-weight: 800 !important
  }

  .sm-focus-font-black:focus {
    font-weight: 900 !important
  }

  .sm-h-0 {
    height: 0 !important
  }

  .sm-h-1 {
    height: .25rem !important
  }

  .sm-h-2 {
    height: .5rem !important
  }

  .sm-h-3 {
    height: .75rem !important
  }

  .sm-h-4 {
    height: 1rem !important
  }

  .sm-h-5 {
    height: 1.25rem !important
  }

  .sm-h-6 {
    height: 1.5rem !important
  }

  .sm-h-8 {
    height: 2rem !important
  }

  .sm-h-10 {
    height: 2.5rem !important
  }

  .sm-h-12 {
    height: 3rem !important
  }

  .sm-h-16 {
    height: 4rem !important
  }

  .sm-h-20 {
    height: 5rem !important
  }

  .sm-h-24 {
    height: 6rem !important
  }

  .sm-h-32 {
    height: 8rem !important
  }

  .sm-h-40 {
    height: 10rem !important
  }

  .sm-h-48 {
    height: 12rem !important
  }

  .sm-h-56 {
    height: 14rem !important
  }

  .sm-h-64 {
    height: 16rem !important
  }

  .sm-h-auto {
    height: auto !important
  }

  .sm-h-px {
    height: 1px !important
  }

  .sm-h-full {
    height: 100% !important
  }

  .sm-h-screen {
    height: 100vh !important
  }

  .sm-leading-none {
    line-height: 1 !important
  }

  .sm-leading-tight {
    line-height: 1.25 !important
  }

  .sm-leading-snug {
    line-height: 1.375 !important
  }

  .sm-leading-normal {
    line-height: 1.5 !important
  }

  .sm-leading-relaxed {
    line-height: 1.625 !important
  }

  .sm-leading-loose {
    line-height: 2 !important
  }

  .sm-list-inside {
    list-style-position: inside !important
  }

  .sm-list-outside {
    list-style-position: outside !important
  }

  .sm-list-none {
    list-style-type: none !important
  }

  .sm-list-disc {
    list-style-type: disc !important
  }

  .sm-list-decimal {
    list-style-type: decimal !important
  }

  .sm-m-0 {
    margin: 0 !important
  }

  .sm-m-1 {
    margin: 10px !important
  }

  .sm-m-2 {
    margin: 20px !important
  }

  .sm-m-3 {
    margin: 40px !important
  }

  .sm-m-4 {
    margin: 60px !important
  }

  .sm-m-auto {
    margin: auto !important
  }

  .sm-m-px {
    margin: 1px !important
  }

  .sm--m-0 {
    margin: 0 !important
  }

  .sm--m-1 {
    margin: -10px !important
  }

  .sm--m-2 {
    margin: -20px !important
  }

  .sm--m-3 {
    margin: -40px !important
  }

  .sm--m-4 {
    margin: -60px !important
  }

  .sm--m-px {
    margin: -1px !important
  }

  .sm-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .sm-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .sm-my-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .sm-mx-1 {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .sm-my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .sm-mx-2 {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .sm-my-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .sm-mx-3 {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .sm-my-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .sm-mx-4 {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .sm-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .sm-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .sm-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important
  }

  .sm-mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  .sm--my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .sm--mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .sm--my-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
  }

  .sm--mx-1 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }

  .sm--my-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
  }

  .sm--mx-2 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }

  .sm--my-3 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
  }

  .sm--mx-3 {
    margin-left: -40px !important;
    margin-right: -40px !important
  }

  .sm--my-4 {
    margin-top: -60px !important;
    margin-bottom: -60px !important
  }

  .sm--mx-4 {
    margin-left: -60px !important;
    margin-right: -60px !important
  }

  .sm--my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important
  }

  .sm--mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  .sm-mt-0 {
    margin-top: 0 !important
  }

  .sm-mr-0 {
    margin-right: 0 !important
  }

  .sm-mb-0 {
    margin-bottom: 0 !important
  }

  .sm-ml-0 {
    margin-left: 0 !important
  }

  .sm-mt-1 {
    margin-top: 10px !important
  }

  .sm-mr-1 {
    margin-right: 10px !important
  }

  .sm-mb-1 {
    margin-bottom: 10px !important
  }

  .sm-ml-1 {
    margin-left: 10px !important
  }

  .sm-mt-2 {
    margin-top: 20px !important
  }

  .sm-mr-2 {
    margin-right: 20px !important
  }

  .sm-mb-2 {
    margin-bottom: 20px !important
  }

  .sm-ml-2 {
    margin-left: 20px !important
  }

  .sm-mt-3 {
    margin-top: 40px !important
  }

  .sm-mr-3 {
    margin-right: 40px !important
  }

  .sm-mb-3 {
    margin-bottom: 40px !important
  }

  .sm-ml-3 {
    margin-left: 40px !important
  }

  .sm-mt-4 {
    margin-top: 60px !important
  }

  .sm-mr-4 {
    margin-right: 60px !important
  }

  .sm-mb-4 {
    margin-bottom: 60px !important
  }

  .sm-ml-4 {
    margin-left: 60px !important
  }

  .sm-mt-auto {
    margin-top: auto !important
  }

  .sm-mr-auto {
    margin-right: auto !important
  }

  .sm-mb-auto {
    margin-bottom: auto !important
  }

  .sm-ml-auto {
    margin-left: auto !important
  }

  .sm-mt-px {
    margin-top: 1px !important
  }

  .sm-mr-px {
    margin-right: 1px !important
  }

  .sm-mb-px {
    margin-bottom: 1px !important
  }

  .sm-ml-px {
    margin-left: 1px !important
  }

  .sm--mt-0 {
    margin-top: 0 !important
  }

  .sm--mr-0 {
    margin-right: 0 !important
  }

  .sm--mb-0 {
    margin-bottom: 0 !important
  }

  .sm--ml-0 {
    margin-left: 0 !important
  }

  .sm--mt-1 {
    margin-top: -10px !important
  }

  .sm--mr-1 {
    margin-right: -10px !important
  }

  .sm--mb-1 {
    margin-bottom: -10px !important
  }

  .sm--ml-1 {
    margin-left: -10px !important
  }

  .sm--mt-2 {
    margin-top: -20px !important
  }

  .sm--mr-2 {
    margin-right: -20px !important
  }

  .sm--mb-2 {
    margin-bottom: -20px !important
  }

  .sm--ml-2 {
    margin-left: -20px !important
  }

  .sm--mt-3 {
    margin-top: -40px !important
  }

  .sm--mr-3 {
    margin-right: -40px !important
  }

  .sm--mb-3 {
    margin-bottom: -40px !important
  }

  .sm--ml-3 {
    margin-left: -40px !important
  }

  .sm--mt-4 {
    margin-top: -60px !important
  }

  .sm--mr-4 {
    margin-right: -60px !important
  }

  .sm--mb-4 {
    margin-bottom: -60px !important
  }

  .sm--ml-4 {
    margin-left: -60px !important
  }

  .sm--mt-px {
    margin-top: -1px !important
  }

  .sm--mr-px {
    margin-right: -1px !important
  }

  .sm--mb-px {
    margin-bottom: -1px !important
  }

  .sm--ml-px {
    margin-left: -1px !important
  }

  .sm-max-h-full {
    max-height: 100% !important
  }

  .sm-max-h-screen {
    max-height: 100vh !important
  }

  .sm-max-w-xs {
    max-width: 20rem !important
  }

  .sm-max-w-sm {
    max-width: 30rem !important
  }

  .sm-max-w-md {
    max-width: 40rem !important
  }

  .sm-max-w-lg {
    max-width: 50rem !important
  }

  .sm-max-w-xl {
    max-width: 60rem !important
  }

  .sm-max-w-2xl {
    max-width: 70rem !important
  }

  .sm-max-w-3xl {
    max-width: 80rem !important
  }

  .sm-max-w-4xl {
    max-width: 90rem !important
  }

  .sm-max-w-5xl {
    max-width: 100rem !important
  }

  .sm-max-w-full {
    max-width: 100% !important
  }

  .sm-min-h-0 {
    min-height: 0 !important
  }

  .sm-min-h-full {
    min-height: 100% !important
  }

  .sm-min-h-screen {
    min-height: 100vh !important
  }

  .sm-min-w-0 {
    min-width: 0 !important
  }

  .sm-min-w-full {
    min-width: 100% !important
  }

  .sm-object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .sm-object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .sm-object-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .sm-object-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .sm-object-scale-down {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .sm-object-bottom {
    -o-object-position: bottom !important;
    object-position: bottom !important
  }

  .sm-object-center {
    -o-object-position: center !important;
    object-position: center !important
  }

  .sm-object-left {
    -o-object-position: left !important;
    object-position: left !important
  }

  .sm-object-left-bottom {
    -o-object-position: left bottom !important;
    object-position: left bottom !important
  }

  .sm-object-left-top {
    -o-object-position: left top !important;
    object-position: left top !important
  }

  .sm-object-right {
    -o-object-position: right !important;
    object-position: right !important
  }

  .sm-object-right-bottom {
    -o-object-position: right bottom !important;
    object-position: right bottom !important
  }

  .sm-object-right-top {
    -o-object-position: right top !important;
    object-position: right top !important
  }

  .sm-object-top {
    -o-object-position: top !important;
    object-position: top !important
  }

  .sm-opacity-0 {
    opacity: 0 !important
  }

  .sm-opacity-25 {
    opacity: .25 !important
  }

  .sm-opacity-50 {
    opacity: .5 !important
  }

  .sm-opacity-75 {
    opacity: .75 !important
  }

  .sm-opacity-100 {
    opacity: 1 !important
  }

  .sm-hover-opacity-0:hover {
    opacity: 0 !important
  }

  .sm-hover-opacity-25:hover {
    opacity: .25 !important
  }

  .sm-hover-opacity-50:hover {
    opacity: .5 !important
  }

  .sm-hover-opacity-75:hover {
    opacity: .75 !important
  }

  .sm-hover-opacity-100:hover {
    opacity: 1 !important
  }

  .sm-focus-opacity-0:focus {
    opacity: 0 !important
  }

  .sm-focus-opacity-25:focus {
    opacity: .25 !important
  }

  .sm-focus-opacity-50:focus {
    opacity: .5 !important
  }

  .sm-focus-opacity-75:focus {
    opacity: .75 !important
  }

  .sm-focus-opacity-100:focus {
    opacity: 1 !important
  }

  .sm-focus-outline-none:focus,
  .sm-outline-none {
    outline: 0 !important
  }

  .sm-overflow-auto {
    overflow: auto !important
  }

  .sm-overflow-hidden {
    overflow: hidden !important
  }

  .sm-overflow-visible {
    overflow: visible !important
  }

  .sm-overflow-scroll {
    overflow: scroll !important
  }

  .sm-overflow-x-auto {
    overflow-x: auto !important
  }

  .sm-overflow-y-auto {
    overflow-y: auto !important
  }

  .sm-overflow-x-hidden {
    overflow-x: hidden !important
  }

  .sm-overflow-y-hidden {
    overflow-y: hidden !important
  }

  .sm-overflow-x-visible {
    overflow-x: visible !important
  }

  .sm-overflow-y-visible {
    overflow-y: visible !important
  }

  .sm-overflow-x-scroll {
    overflow-x: scroll !important
  }

  .sm-overflow-y-scroll {
    overflow-y: scroll !important
  }

  .sm-scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  .sm-scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  .sm-p-0 {
    padding: 0 !important
  }

  .sm-p-1 {
    padding: 10px !important
  }

  .sm-p-2 {
    padding: 20px !important
  }

  .sm-p-3 {
    padding: 40px !important
  }

  .sm-p-4 {
    padding: 60px !important
  }

  .sm-p-px {
    padding: 1px !important
  }

  .sm-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .sm-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .sm-py-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .sm-px-1 {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .sm-py-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .sm-px-2 {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .sm-py-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .sm-px-3 {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .sm-py-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .sm-px-4 {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .sm-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
  }

  .sm-px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  .sm-pt-0 {
    padding-top: 0 !important
  }

  .sm-pr-0 {
    padding-right: 0 !important
  }

  .sm-pb-0 {
    padding-bottom: 0 !important
  }

  .sm-pl-0 {
    padding-left: 0 !important
  }

  .sm-pt-1 {
    padding-top: 10px !important
  }

  .sm-pr-1 {
    padding-right: 10px !important
  }

  .sm-pb-1 {
    padding-bottom: 10px !important
  }

  .sm-pl-1 {
    padding-left: 10px !important
  }

  .sm-pt-2 {
    padding-top: 20px !important
  }

  .sm-pr-2 {
    padding-right: 20px !important
  }

  .sm-pb-2 {
    padding-bottom: 20px !important
  }

  .sm-pl-2 {
    padding-left: 20px !important
  }

  .sm-pt-3 {
    padding-top: 40px !important
  }

  .sm-pr-3 {
    padding-right: 40px !important
  }

  .sm-pb-3 {
    padding-bottom: 40px !important
  }

  .sm-pl-3 {
    padding-left: 40px !important
  }

  .sm-pt-4 {
    padding-top: 60px !important
  }

  .sm-pr-4 {
    padding-right: 60px !important
  }

  .sm-pb-4 {
    padding-bottom: 60px !important
  }

  .sm-pl-4 {
    padding-left: 60px !important
  }

  .sm-pt-px {
    padding-top: 1px !important
  }

  .sm-pr-px {
    padding-right: 1px !important
  }

  .sm-pb-px {
    padding-bottom: 1px !important
  }

  .sm-pl-px {
    padding-left: 1px !important
  }

  .sm-placeholder-transparent::-webkit-input-placeholder {
    color: transparent !important
  }

  .sm-placeholder-transparent::-moz-placeholder {
    color: transparent !important
  }

  .sm-placeholder-transparent:-ms-input-placeholder {
    color: transparent !important
  }

  .sm-placeholder-transparent::-ms-input-placeholder {
    color: transparent !important
  }

  .sm-placeholder-transparent::placeholder {
    color: transparent !important
  }

  .sm-placeholder-cw-black::-webkit-input-placeholder {
    color: #333232 !important
  }

  .sm-placeholder-cw-black::-moz-placeholder {
    color: #333232 !important
  }

  .sm-placeholder-cw-black:-ms-input-placeholder {
    color: #333232 !important
  }

  .sm-placeholder-cw-black::-ms-input-placeholder {
    color: #333232 !important
  }

  .sm-placeholder-cw-black::placeholder {
    color: #333232 !important
  }

  .sm-placeholder-cw-blue::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .sm-placeholder-cw-blue::-moz-placeholder {
    color: #369ff4 !important
  }

  .sm-placeholder-cw-blue:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .sm-placeholder-cw-blue::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .sm-placeholder-cw-blue::placeholder {
    color: #369ff4 !important
  }

  .sm-placeholder-cw-blue-print::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .sm-placeholder-cw-blue-print::-moz-placeholder {
    color: #5096d0 !important
  }

  .sm-placeholder-cw-blue-print:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .sm-placeholder-cw-blue-print::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .sm-placeholder-cw-blue-print::placeholder {
    color: #5096d0 !important
  }

  .sm-placeholder-cw-green::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .sm-placeholder-cw-green::-moz-placeholder {
    color: #59c77f !important
  }

  .sm-placeholder-cw-green:-ms-input-placeholder {
    color: #59c77f !important
  }

  .sm-placeholder-cw-green::-ms-input-placeholder {
    color: #59c77f !important
  }

  .sm-placeholder-cw-green::placeholder {
    color: #59c77f !important
  }

  .sm-placeholder-cw-orange::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .sm-placeholder-cw-orange::-moz-placeholder {
    color: #fe813a !important
  }

  .sm-placeholder-cw-orange:-ms-input-placeholder {
    color: #fe813a !important
  }

  .sm-placeholder-cw-orange::-ms-input-placeholder {
    color: #fe813a !important
  }

  .sm-placeholder-cw-orange::placeholder {
    color: #fe813a !important
  }

  .sm-placeholder-cw-purple::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .sm-placeholder-cw-purple::-moz-placeholder {
    color: #9064bf !important
  }

  .sm-placeholder-cw-purple:-ms-input-placeholder {
    color: #9064bf !important
  }

  .sm-placeholder-cw-purple::-ms-input-placeholder {
    color: #9064bf !important
  }

  .sm-placeholder-cw-purple::placeholder {
    color: #9064bf !important
  }

  .sm-placeholder-cw-red::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .sm-placeholder-cw-red::-moz-placeholder {
    color: #fa575d !important
  }

  .sm-placeholder-cw-red:-ms-input-placeholder {
    color: #fa575d !important
  }

  .sm-placeholder-cw-red::-ms-input-placeholder {
    color: #fa575d !important
  }

  .sm-placeholder-cw-red::placeholder {
    color: #fa575d !important
  }

  .sm-placeholder-cw-spring::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .sm-placeholder-cw-spring::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .sm-placeholder-cw-spring:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .sm-placeholder-cw-spring::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .sm-placeholder-cw-spring::placeholder {
    color: #1ba9e0 !important
  }

  .sm-placeholder-cw-teal::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .sm-placeholder-cw-teal::-moz-placeholder {
    color: #8ed4cc !important
  }

  .sm-placeholder-cw-teal:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .sm-placeholder-cw-teal::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .sm-placeholder-cw-teal::placeholder {
    color: #8ed4cc !important
  }

  .sm-placeholder-cw-white::-webkit-input-placeholder {
    color: #fff !important
  }

  .sm-placeholder-cw-white::-moz-placeholder {
    color: #fff !important
  }

  .sm-placeholder-cw-white:-ms-input-placeholder {
    color: #fff !important
  }

  .sm-placeholder-cw-white::-ms-input-placeholder {
    color: #fff !important
  }

  .sm-placeholder-cw-white::placeholder {
    color: #fff !important
  }

  .sm-placeholder-cw-yellow::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .sm-placeholder-cw-yellow::-moz-placeholder {
    color: #ffca0a !important
  }

  .sm-placeholder-cw-yellow:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .sm-placeholder-cw-yellow::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .sm-placeholder-cw-yellow::placeholder {
    color: #ffca0a !important
  }

  .sm-placeholder-grey-10::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .sm-placeholder-grey-10::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .sm-placeholder-grey-10:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .sm-placeholder-grey-10::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .sm-placeholder-grey-10::placeholder {
    color: #f4f5f0 !important
  }

  .sm-placeholder-grey-20::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .sm-placeholder-grey-20::-moz-placeholder {
    color: #e9eae4 !important
  }

  .sm-placeholder-grey-20:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .sm-placeholder-grey-20::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .sm-placeholder-grey-20::placeholder {
    color: #e9eae4 !important
  }

  .sm-placeholder-grey-30::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .sm-placeholder-grey-30::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .sm-placeholder-grey-30:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .sm-placeholder-grey-30::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .sm-placeholder-grey-30::placeholder {
    color: #dfdfd7 !important
  }

  .sm-placeholder-grey-40::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .sm-placeholder-grey-40::-moz-placeholder {
    color: #c1c1ba !important
  }

  .sm-placeholder-grey-40:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .sm-placeholder-grey-40::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .sm-placeholder-grey-40::placeholder {
    color: #c1c1ba !important
  }

  .sm-placeholder-grey-5::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .sm-placeholder-grey-5::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .sm-placeholder-grey-5:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .sm-placeholder-grey-5::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .sm-placeholder-grey-5::placeholder {
    color: #f7f7f7 !important
  }

  .sm-placeholder-grey-50::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .sm-placeholder-grey-50::-moz-placeholder {
    color: #9b9b94 !important
  }

  .sm-placeholder-grey-50:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .sm-placeholder-grey-50::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .sm-placeholder-grey-50::placeholder {
    color: #9b9b94 !important
  }

  .sm-placeholder-grey-60::-webkit-input-placeholder {
    color: #71716c !important
  }

  .sm-placeholder-grey-60::-moz-placeholder {
    color: #71716c !important
  }

  .sm-placeholder-grey-60:-ms-input-placeholder {
    color: #71716c !important
  }

  .sm-placeholder-grey-60::-ms-input-placeholder {
    color: #71716c !important
  }

  .sm-placeholder-grey-60::placeholder {
    color: #71716c !important
  }

  .sm-placeholder-grey-70::-webkit-input-placeholder {
    color: #515151 !important
  }

  .sm-placeholder-grey-70::-moz-placeholder {
    color: #515151 !important
  }

  .sm-placeholder-grey-70:-ms-input-placeholder {
    color: #515151 !important
  }

  .sm-placeholder-grey-70::-ms-input-placeholder {
    color: #515151 !important
  }

  .sm-placeholder-grey-70::placeholder {
    color: #515151 !important
  }

  .sm-placeholder-cball-blue::-webkit-input-placeholder {
    color: #576995 !important
  }

  .sm-placeholder-cball-blue::-moz-placeholder {
    color: #576995 !important
  }

  .sm-placeholder-cball-blue:-ms-input-placeholder {
    color: #576995 !important
  }

  .sm-placeholder-cball-blue::-ms-input-placeholder {
    color: #576995 !important
  }

  .sm-placeholder-cball-blue::placeholder {
    color: #576995 !important
  }

  .sm-placeholder-cball-dark-blue::-webkit-input-placeholder {
    color: #354363 !important
  }

  .sm-placeholder-cball-dark-blue::-moz-placeholder {
    color: #354363 !important
  }

  .sm-placeholder-cball-dark-blue:-ms-input-placeholder {
    color: #354363 !important
  }

  .sm-placeholder-cball-dark-blue::-ms-input-placeholder {
    color: #354363 !important
  }

  .sm-placeholder-cball-dark-blue::placeholder {
    color: #354363 !important
  }

  .sm-placeholder-cball-purple::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .sm-placeholder-cball-purple::-moz-placeholder {
    color: #0a101f !important
  }

  .sm-placeholder-cball-purple:-ms-input-placeholder {
    color: #0a101f !important
  }

  .sm-placeholder-cball-purple::-ms-input-placeholder {
    color: #0a101f !important
  }

  .sm-placeholder-cball-purple::placeholder {
    color: #0a101f !important
  }

  .sm-placeholder-cw-spring-yellow::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .sm-placeholder-cw-spring-yellow::-moz-placeholder {
    color: #ffc907 !important
  }

  .sm-placeholder-cw-spring-yellow:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .sm-placeholder-cw-spring-yellow::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .sm-placeholder-cw-spring-yellow::placeholder {
    color: #ffc907 !important
  }

  .sm-placeholder-cw-spring-dk-blue::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .sm-placeholder-cw-spring-dk-blue::-moz-placeholder {
    color: #1e2658 !important
  }

  .sm-placeholder-cw-spring-dk-blue:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .sm-placeholder-cw-spring-dk-blue::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .sm-placeholder-cw-spring-dk-blue::placeholder {
    color: #1e2658 !important
  }

  .sm-placeholder-cw-spring-med-blue::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .sm-placeholder-cw-spring-med-blue::-moz-placeholder {
    color: #1080b9 !important
  }

  .sm-placeholder-cw-spring-med-blue:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .sm-placeholder-cw-spring-med-blue::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .sm-placeholder-cw-spring-med-blue::placeholder {
    color: #1080b9 !important
  }

  .sm-placeholder-cw-spring-lt-blue::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .sm-placeholder-cw-spring-lt-blue::-moz-placeholder {
    color: #bae3f0 !important
  }

  .sm-placeholder-cw-spring-lt-blue:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .sm-placeholder-cw-spring-lt-blue::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .sm-placeholder-cw-spring-lt-blue::placeholder {
    color: #bae3f0 !important
  }

  .sm-placeholder-cw-spring-dk-green::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .sm-placeholder-cw-spring-dk-green::-moz-placeholder {
    color: #004b3d !important
  }

  .sm-placeholder-cw-spring-dk-green:-ms-input-placeholder {
    color: #004b3d !important
  }

  .sm-placeholder-cw-spring-dk-green::-ms-input-placeholder {
    color: #004b3d !important
  }

  .sm-placeholder-cw-spring-dk-green::placeholder {
    color: #004b3d !important
  }

  .sm-placeholder-cw-spring-med-green::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .sm-placeholder-cw-spring-med-green::-moz-placeholder {
    color: #00ac7f !important
  }

  .sm-placeholder-cw-spring-med-green:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .sm-placeholder-cw-spring-med-green::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .sm-placeholder-cw-spring-med-green::placeholder {
    color: #00ac7f !important
  }

  .sm-placeholder-cw-spring-lt-green::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .sm-placeholder-cw-spring-lt-green::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .sm-placeholder-cw-spring-lt-green:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .sm-placeholder-cw-spring-lt-green::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .sm-placeholder-cw-spring-lt-green::placeholder {
    color: #b8e3d1 !important
  }

  .sm-placeholder-cw-spring-black::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .sm-placeholder-cw-spring-black::-moz-placeholder {
    color: #1a1a1a !important
  }

  .sm-placeholder-cw-spring-black:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .sm-placeholder-cw-spring-black::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .sm-placeholder-cw-spring-black::placeholder {
    color: #1a1a1a !important
  }

  .sm-placeholder-cw-spring-off-white::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .sm-placeholder-cw-spring-off-white::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .sm-placeholder-cw-spring-off-white:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .sm-placeholder-cw-spring-off-white::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .sm-placeholder-cw-spring-off-white::placeholder {
    color: #fdf4e2 !important
  }

  .sm-placeholder-cw-spring-peach::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .sm-placeholder-cw-spring-peach::-moz-placeholder {
    color: #e88a78 !important
  }

  .sm-placeholder-cw-spring-peach:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .sm-placeholder-cw-spring-peach::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .sm-placeholder-cw-spring-peach::placeholder {
    color: #e88a78 !important
  }

  .sm-focus-placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent !important
  }

  .sm-focus-placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important
  }

  .sm-focus-placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important
  }

  .sm-focus-placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent !important
  }

  .sm-focus-placeholder-transparent:focus::placeholder {
    color: transparent !important
  }

  .sm-focus-placeholder-cw-black:focus::-webkit-input-placeholder {
    color: #333232 !important
  }

  .sm-focus-placeholder-cw-black:focus::-moz-placeholder {
    color: #333232 !important
  }

  .sm-focus-placeholder-cw-black:focus:-ms-input-placeholder {
    color: #333232 !important
  }

  .sm-focus-placeholder-cw-black:focus::-ms-input-placeholder {
    color: #333232 !important
  }

  .sm-focus-placeholder-cw-black:focus::placeholder {
    color: #333232 !important
  }

  .sm-focus-placeholder-cw-blue:focus::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .sm-focus-placeholder-cw-blue:focus::-moz-placeholder {
    color: #369ff4 !important
  }

  .sm-focus-placeholder-cw-blue:focus:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .sm-focus-placeholder-cw-blue:focus::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .sm-focus-placeholder-cw-blue:focus::placeholder {
    color: #369ff4 !important
  }

  .sm-focus-placeholder-cw-blue-print:focus::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .sm-focus-placeholder-cw-blue-print:focus::-moz-placeholder {
    color: #5096d0 !important
  }

  .sm-focus-placeholder-cw-blue-print:focus:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .sm-focus-placeholder-cw-blue-print:focus::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .sm-focus-placeholder-cw-blue-print:focus::placeholder {
    color: #5096d0 !important
  }

  .sm-focus-placeholder-cw-green:focus::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .sm-focus-placeholder-cw-green:focus::-moz-placeholder {
    color: #59c77f !important
  }

  .sm-focus-placeholder-cw-green:focus:-ms-input-placeholder {
    color: #59c77f !important
  }

  .sm-focus-placeholder-cw-green:focus::-ms-input-placeholder {
    color: #59c77f !important
  }

  .sm-focus-placeholder-cw-green:focus::placeholder {
    color: #59c77f !important
  }

  .sm-focus-placeholder-cw-orange:focus::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .sm-focus-placeholder-cw-orange:focus::-moz-placeholder {
    color: #fe813a !important
  }

  .sm-focus-placeholder-cw-orange:focus:-ms-input-placeholder {
    color: #fe813a !important
  }

  .sm-focus-placeholder-cw-orange:focus::-ms-input-placeholder {
    color: #fe813a !important
  }

  .sm-focus-placeholder-cw-orange:focus::placeholder {
    color: #fe813a !important
  }

  .sm-focus-placeholder-cw-purple:focus::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .sm-focus-placeholder-cw-purple:focus::-moz-placeholder {
    color: #9064bf !important
  }

  .sm-focus-placeholder-cw-purple:focus:-ms-input-placeholder {
    color: #9064bf !important
  }

  .sm-focus-placeholder-cw-purple:focus::-ms-input-placeholder {
    color: #9064bf !important
  }

  .sm-focus-placeholder-cw-purple:focus::placeholder {
    color: #9064bf !important
  }

  .sm-focus-placeholder-cw-red:focus::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .sm-focus-placeholder-cw-red:focus::-moz-placeholder {
    color: #fa575d !important
  }

  .sm-focus-placeholder-cw-red:focus:-ms-input-placeholder {
    color: #fa575d !important
  }

  .sm-focus-placeholder-cw-red:focus::-ms-input-placeholder {
    color: #fa575d !important
  }

  .sm-focus-placeholder-cw-red:focus::placeholder {
    color: #fa575d !important
  }

  .sm-focus-placeholder-cw-spring:focus::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .sm-focus-placeholder-cw-spring:focus::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .sm-focus-placeholder-cw-spring:focus:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .sm-focus-placeholder-cw-spring:focus::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .sm-focus-placeholder-cw-spring:focus::placeholder {
    color: #1ba9e0 !important
  }

  .sm-focus-placeholder-cw-teal:focus::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .sm-focus-placeholder-cw-teal:focus::-moz-placeholder {
    color: #8ed4cc !important
  }

  .sm-focus-placeholder-cw-teal:focus:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .sm-focus-placeholder-cw-teal:focus::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .sm-focus-placeholder-cw-teal:focus::placeholder {
    color: #8ed4cc !important
  }

  .sm-focus-placeholder-cw-white:focus::-webkit-input-placeholder {
    color: #fff !important
  }

  .sm-focus-placeholder-cw-white:focus::-moz-placeholder {
    color: #fff !important
  }

  .sm-focus-placeholder-cw-white:focus:-ms-input-placeholder {
    color: #fff !important
  }

  .sm-focus-placeholder-cw-white:focus::-ms-input-placeholder {
    color: #fff !important
  }

  .sm-focus-placeholder-cw-white:focus::placeholder {
    color: #fff !important
  }

  .sm-focus-placeholder-cw-yellow:focus::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .sm-focus-placeholder-cw-yellow:focus::-moz-placeholder {
    color: #ffca0a !important
  }

  .sm-focus-placeholder-cw-yellow:focus:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .sm-focus-placeholder-cw-yellow:focus::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .sm-focus-placeholder-cw-yellow:focus::placeholder {
    color: #ffca0a !important
  }

  .sm-focus-placeholder-grey-10:focus::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .sm-focus-placeholder-grey-10:focus::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .sm-focus-placeholder-grey-10:focus:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .sm-focus-placeholder-grey-10:focus::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .sm-focus-placeholder-grey-10:focus::placeholder {
    color: #f4f5f0 !important
  }

  .sm-focus-placeholder-grey-20:focus::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .sm-focus-placeholder-grey-20:focus::-moz-placeholder {
    color: #e9eae4 !important
  }

  .sm-focus-placeholder-grey-20:focus:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .sm-focus-placeholder-grey-20:focus::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .sm-focus-placeholder-grey-20:focus::placeholder {
    color: #e9eae4 !important
  }

  .sm-focus-placeholder-grey-30:focus::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .sm-focus-placeholder-grey-30:focus::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .sm-focus-placeholder-grey-30:focus:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .sm-focus-placeholder-grey-30:focus::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .sm-focus-placeholder-grey-30:focus::placeholder {
    color: #dfdfd7 !important
  }

  .sm-focus-placeholder-grey-40:focus::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .sm-focus-placeholder-grey-40:focus::-moz-placeholder {
    color: #c1c1ba !important
  }

  .sm-focus-placeholder-grey-40:focus:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .sm-focus-placeholder-grey-40:focus::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .sm-focus-placeholder-grey-40:focus::placeholder {
    color: #c1c1ba !important
  }

  .sm-focus-placeholder-grey-5:focus::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .sm-focus-placeholder-grey-5:focus::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .sm-focus-placeholder-grey-5:focus:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .sm-focus-placeholder-grey-5:focus::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .sm-focus-placeholder-grey-5:focus::placeholder {
    color: #f7f7f7 !important
  }

  .sm-focus-placeholder-grey-50:focus::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .sm-focus-placeholder-grey-50:focus::-moz-placeholder {
    color: #9b9b94 !important
  }

  .sm-focus-placeholder-grey-50:focus:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .sm-focus-placeholder-grey-50:focus::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .sm-focus-placeholder-grey-50:focus::placeholder {
    color: #9b9b94 !important
  }

  .sm-focus-placeholder-grey-60:focus::-webkit-input-placeholder {
    color: #71716c !important
  }

  .sm-focus-placeholder-grey-60:focus::-moz-placeholder {
    color: #71716c !important
  }

  .sm-focus-placeholder-grey-60:focus:-ms-input-placeholder {
    color: #71716c !important
  }

  .sm-focus-placeholder-grey-60:focus::-ms-input-placeholder {
    color: #71716c !important
  }

  .sm-focus-placeholder-grey-60:focus::placeholder {
    color: #71716c !important
  }

  .sm-focus-placeholder-grey-70:focus::-webkit-input-placeholder {
    color: #515151 !important
  }

  .sm-focus-placeholder-grey-70:focus::-moz-placeholder {
    color: #515151 !important
  }

  .sm-focus-placeholder-grey-70:focus:-ms-input-placeholder {
    color: #515151 !important
  }

  .sm-focus-placeholder-grey-70:focus::-ms-input-placeholder {
    color: #515151 !important
  }

  .sm-focus-placeholder-grey-70:focus::placeholder {
    color: #515151 !important
  }

  .sm-focus-placeholder-cball-blue:focus::-webkit-input-placeholder {
    color: #576995 !important
  }

  .sm-focus-placeholder-cball-blue:focus::-moz-placeholder {
    color: #576995 !important
  }

  .sm-focus-placeholder-cball-blue:focus:-ms-input-placeholder {
    color: #576995 !important
  }

  .sm-focus-placeholder-cball-blue:focus::-ms-input-placeholder {
    color: #576995 !important
  }

  .sm-focus-placeholder-cball-blue:focus::placeholder {
    color: #576995 !important
  }

  .sm-focus-placeholder-cball-dark-blue:focus::-webkit-input-placeholder {
    color: #354363 !important
  }

  .sm-focus-placeholder-cball-dark-blue:focus::-moz-placeholder {
    color: #354363 !important
  }

  .sm-focus-placeholder-cball-dark-blue:focus:-ms-input-placeholder {
    color: #354363 !important
  }

  .sm-focus-placeholder-cball-dark-blue:focus::-ms-input-placeholder {
    color: #354363 !important
  }

  .sm-focus-placeholder-cball-dark-blue:focus::placeholder {
    color: #354363 !important
  }

  .sm-focus-placeholder-cball-purple:focus::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .sm-focus-placeholder-cball-purple:focus::-moz-placeholder {
    color: #0a101f !important
  }

  .sm-focus-placeholder-cball-purple:focus:-ms-input-placeholder {
    color: #0a101f !important
  }

  .sm-focus-placeholder-cball-purple:focus::-ms-input-placeholder {
    color: #0a101f !important
  }

  .sm-focus-placeholder-cball-purple:focus::placeholder {
    color: #0a101f !important
  }

  .sm-focus-placeholder-cw-spring-yellow:focus::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .sm-focus-placeholder-cw-spring-yellow:focus::-moz-placeholder {
    color: #ffc907 !important
  }

  .sm-focus-placeholder-cw-spring-yellow:focus:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .sm-focus-placeholder-cw-spring-yellow:focus::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .sm-focus-placeholder-cw-spring-yellow:focus::placeholder {
    color: #ffc907 !important
  }

  .sm-focus-placeholder-cw-spring-dk-blue:focus::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .sm-focus-placeholder-cw-spring-dk-blue:focus::-moz-placeholder {
    color: #1e2658 !important
  }

  .sm-focus-placeholder-cw-spring-dk-blue:focus:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .sm-focus-placeholder-cw-spring-dk-blue:focus::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .sm-focus-placeholder-cw-spring-dk-blue:focus::placeholder {
    color: #1e2658 !important
  }

  .sm-focus-placeholder-cw-spring-med-blue:focus::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .sm-focus-placeholder-cw-spring-med-blue:focus::-moz-placeholder {
    color: #1080b9 !important
  }

  .sm-focus-placeholder-cw-spring-med-blue:focus:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .sm-focus-placeholder-cw-spring-med-blue:focus::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .sm-focus-placeholder-cw-spring-med-blue:focus::placeholder {
    color: #1080b9 !important
  }

  .sm-focus-placeholder-cw-spring-lt-blue:focus::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .sm-focus-placeholder-cw-spring-lt-blue:focus::-moz-placeholder {
    color: #bae3f0 !important
  }

  .sm-focus-placeholder-cw-spring-lt-blue:focus:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .sm-focus-placeholder-cw-spring-lt-blue:focus::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .sm-focus-placeholder-cw-spring-lt-blue:focus::placeholder {
    color: #bae3f0 !important
  }

  .sm-focus-placeholder-cw-spring-dk-green:focus::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .sm-focus-placeholder-cw-spring-dk-green:focus::-moz-placeholder {
    color: #004b3d !important
  }

  .sm-focus-placeholder-cw-spring-dk-green:focus:-ms-input-placeholder {
    color: #004b3d !important
  }

  .sm-focus-placeholder-cw-spring-dk-green:focus::-ms-input-placeholder {
    color: #004b3d !important
  }

  .sm-focus-placeholder-cw-spring-dk-green:focus::placeholder {
    color: #004b3d !important
  }

  .sm-focus-placeholder-cw-spring-med-green:focus::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .sm-focus-placeholder-cw-spring-med-green:focus::-moz-placeholder {
    color: #00ac7f !important
  }

  .sm-focus-placeholder-cw-spring-med-green:focus:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .sm-focus-placeholder-cw-spring-med-green:focus::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .sm-focus-placeholder-cw-spring-med-green:focus::placeholder {
    color: #00ac7f !important
  }

  .sm-focus-placeholder-cw-spring-lt-green:focus::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .sm-focus-placeholder-cw-spring-lt-green:focus::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .sm-focus-placeholder-cw-spring-lt-green:focus:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .sm-focus-placeholder-cw-spring-lt-green:focus::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .sm-focus-placeholder-cw-spring-lt-green:focus::placeholder {
    color: #b8e3d1 !important
  }

  .sm-focus-placeholder-cw-spring-black:focus::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .sm-focus-placeholder-cw-spring-black:focus::-moz-placeholder {
    color: #1a1a1a !important
  }

  .sm-focus-placeholder-cw-spring-black:focus:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .sm-focus-placeholder-cw-spring-black:focus::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .sm-focus-placeholder-cw-spring-black:focus::placeholder {
    color: #1a1a1a !important
  }

  .sm-focus-placeholder-cw-spring-off-white:focus::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .sm-focus-placeholder-cw-spring-off-white:focus::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .sm-focus-placeholder-cw-spring-off-white:focus:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .sm-focus-placeholder-cw-spring-off-white:focus::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .sm-focus-placeholder-cw-spring-off-white:focus::placeholder {
    color: #fdf4e2 !important
  }

  .sm-focus-placeholder-cw-spring-peach:focus::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .sm-focus-placeholder-cw-spring-peach:focus::-moz-placeholder {
    color: #e88a78 !important
  }

  .sm-focus-placeholder-cw-spring-peach:focus:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .sm-focus-placeholder-cw-spring-peach:focus::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .sm-focus-placeholder-cw-spring-peach:focus::placeholder {
    color: #e88a78 !important
  }

  .sm-pointer-events-none {
    pointer-events: none !important
  }

  .sm-pointer-events-auto {
    pointer-events: auto !important
  }

  .sm-static {
    position: static !important
  }

  .sm-fixed {
    position: fixed !important
  }

  .sm-absolute {
    position: absolute !important
  }

  .sm-relative {
    position: relative !important
  }

  .sm-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  .sm-inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
  }

  .sm-inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important
  }

  .sm-inset-y-0 {
    top: 0 !important;
    bottom: 0 !important
  }

  .sm-inset-x-0 {
    right: 0 !important;
    left: 0 !important
  }

  .sm-inset-y-auto {
    top: auto !important;
    bottom: auto !important
  }

  .sm-inset-x-auto {
    right: auto !important;
    left: auto !important
  }

  .sm-top-0 {
    top: 0 !important
  }

  .sm-right-0 {
    right: 0 !important
  }

  .sm-bottom-0 {
    bottom: 0 !important
  }

  .sm-left-0 {
    left: 0 !important
  }

  .sm-top-auto {
    top: auto !important
  }

  .sm-right-auto {
    right: auto !important
  }

  .sm-bottom-auto {
    bottom: auto !important
  }

  .sm-left-auto {
    left: auto !important
  }

  .sm-resize-none {
    resize: none !important
  }

  .sm-resize-y {
    resize: vertical !important
  }

  .sm-resize-x {
    resize: horizontal !important
  }

  .sm-resize {
    resize: both !important
  }

  .sm-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .sm-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .sm-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .sm-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .sm-shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .sm-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .sm-shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .sm-shadow-none {
    box-shadow: none !important
  }

  .sm-hover-shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .sm-hover-shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .sm-hover-shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .sm-hover-shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .sm-hover-shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .sm-hover-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .sm-hover-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .sm-hover-shadow-none:hover {
    box-shadow: none !important
  }

  .sm-focus-shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .sm-focus-shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .sm-focus-shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .sm-focus-shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .sm-focus-shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .sm-focus-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .sm-focus-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .sm-focus-shadow-none:focus {
    box-shadow: none !important
  }

  .sm-fill-current {
    fill: currentColor !important
  }

  .sm-stroke-current {
    stroke: currentColor !important
  }

  .sm-table-auto {
    table-layout: auto !important
  }

  .sm-table-fixed {
    table-layout: fixed !important
  }

  .sm-text-left {
    text-align: left !important
  }

  .sm-text-center {
    text-align: center !important
  }

  .sm-text-right {
    text-align: right !important
  }

  .sm-text-justify {
    text-align: justify !important
  }

  .sm-text-transparent {
    color: transparent !important
  }

  .sm-text-cw-black {
    color: #333232 !important
  }

  .sm-text-cw-blue {
    color: #369ff4 !important
  }

  .sm-text-cw-blue-print {
    color: #5096d0 !important
  }

  .sm-text-cw-green {
    color: #59c77f !important
  }

  .sm-text-cw-orange {
    color: #fe813a !important
  }

  .sm-text-cw-purple {
    color: #9064bf !important
  }

  .sm-text-cw-red {
    color: #fa575d !important
  }

  .sm-text-cw-spring {
    color: #1ba9e0 !important
  }

  .sm-text-cw-teal {
    color: #8ed4cc !important
  }

  .sm-text-cw-white {
    color: #fff !important
  }

  .sm-text-cw-yellow {
    color: #ffca0a !important
  }

  .sm-text-grey-10 {
    color: #f4f5f0 !important
  }

  .sm-text-grey-20 {
    color: #e9eae4 !important
  }

  .sm-text-grey-30 {
    color: #dfdfd7 !important
  }

  .sm-text-grey-40 {
    color: #c1c1ba !important
  }

  .sm-text-grey-5 {
    color: #f7f7f7 !important
  }

  .sm-text-grey-50 {
    color: #9b9b94 !important
  }

  .sm-text-grey-60 {
    color: #71716c !important
  }

  .sm-text-grey-70 {
    color: #515151 !important
  }

  .sm-text-cball-blue {
    color: #576995 !important
  }

  .sm-text-cball-dark-blue {
    color: #354363 !important
  }

  .sm-text-cball-purple {
    color: #0a101f !important
  }

  .sm-text-cw-spring-yellow {
    color: #ffc907 !important
  }

  .sm-text-cw-spring-dk-blue {
    color: #1e2658 !important
  }

  .sm-text-cw-spring-med-blue {
    color: #1080b9 !important
  }

  .sm-text-cw-spring-lt-blue {
    color: #bae3f0 !important
  }

  .sm-text-cw-spring-dk-green {
    color: #004b3d !important
  }

  .sm-text-cw-spring-med-green {
    color: #00ac7f !important
  }

  .sm-text-cw-spring-lt-green {
    color: #b8e3d1 !important
  }

  .sm-text-cw-spring-black {
    color: #1a1a1a !important
  }

  .sm-text-cw-spring-off-white {
    color: #fdf4e2 !important
  }

  .sm-text-cw-spring-peach {
    color: #e88a78 !important
  }

  .sm-hover-text-transparent:hover {
    color: transparent !important
  }

  .sm-hover-text-cw-black:hover {
    color: #333232 !important
  }

  .sm-hover-text-cw-blue:hover {
    color: #369ff4 !important
  }

  .sm-hover-text-cw-blue-print:hover {
    color: #5096d0 !important
  }

  .sm-hover-text-cw-green:hover {
    color: #59c77f !important
  }

  .sm-hover-text-cw-orange:hover {
    color: #fe813a !important
  }

  .sm-hover-text-cw-purple:hover {
    color: #9064bf !important
  }

  .sm-hover-text-cw-red:hover {
    color: #fa575d !important
  }

  .sm-hover-text-cw-spring:hover {
    color: #1ba9e0 !important
  }

  .sm-hover-text-cw-teal:hover {
    color: #8ed4cc !important
  }

  .sm-hover-text-cw-white:hover {
    color: #fff !important
  }

  .sm-hover-text-cw-yellow:hover {
    color: #ffca0a !important
  }

  .sm-hover-text-grey-10:hover {
    color: #f4f5f0 !important
  }

  .sm-hover-text-grey-20:hover {
    color: #e9eae4 !important
  }

  .sm-hover-text-grey-30:hover {
    color: #dfdfd7 !important
  }

  .sm-hover-text-grey-40:hover {
    color: #c1c1ba !important
  }

  .sm-hover-text-grey-5:hover {
    color: #f7f7f7 !important
  }

  .sm-hover-text-grey-50:hover {
    color: #9b9b94 !important
  }

  .sm-hover-text-grey-60:hover {
    color: #71716c !important
  }

  .sm-hover-text-grey-70:hover {
    color: #515151 !important
  }

  .sm-hover-text-cball-blue:hover {
    color: #576995 !important
  }

  .sm-hover-text-cball-dark-blue:hover {
    color: #354363 !important
  }

  .sm-hover-text-cball-purple:hover {
    color: #0a101f !important
  }

  .sm-hover-text-cw-spring-yellow:hover {
    color: #ffc907 !important
  }

  .sm-hover-text-cw-spring-dk-blue:hover {
    color: #1e2658 !important
  }

  .sm-hover-text-cw-spring-med-blue:hover {
    color: #1080b9 !important
  }

  .sm-hover-text-cw-spring-lt-blue:hover {
    color: #bae3f0 !important
  }

  .sm-hover-text-cw-spring-dk-green:hover {
    color: #004b3d !important
  }

  .sm-hover-text-cw-spring-med-green:hover {
    color: #00ac7f !important
  }

  .sm-hover-text-cw-spring-lt-green:hover {
    color: #b8e3d1 !important
  }

  .sm-hover-text-cw-spring-black:hover {
    color: #1a1a1a !important
  }

  .sm-hover-text-cw-spring-off-white:hover {
    color: #fdf4e2 !important
  }

  .sm-hover-text-cw-spring-peach:hover {
    color: #e88a78 !important
  }

  .sm-focus-text-transparent:focus {
    color: transparent !important
  }

  .sm-focus-text-cw-black:focus {
    color: #333232 !important
  }

  .sm-focus-text-cw-blue:focus {
    color: #369ff4 !important
  }

  .sm-focus-text-cw-blue-print:focus {
    color: #5096d0 !important
  }

  .sm-focus-text-cw-green:focus {
    color: #59c77f !important
  }

  .sm-focus-text-cw-orange:focus {
    color: #fe813a !important
  }

  .sm-focus-text-cw-purple:focus {
    color: #9064bf !important
  }

  .sm-focus-text-cw-red:focus {
    color: #fa575d !important
  }

  .sm-focus-text-cw-spring:focus {
    color: #1ba9e0 !important
  }

  .sm-focus-text-cw-teal:focus {
    color: #8ed4cc !important
  }

  .sm-focus-text-cw-white:focus {
    color: #fff !important
  }

  .sm-focus-text-cw-yellow:focus {
    color: #ffca0a !important
  }

  .sm-focus-text-grey-10:focus {
    color: #f4f5f0 !important
  }

  .sm-focus-text-grey-20:focus {
    color: #e9eae4 !important
  }

  .sm-focus-text-grey-30:focus {
    color: #dfdfd7 !important
  }

  .sm-focus-text-grey-40:focus {
    color: #c1c1ba !important
  }

  .sm-focus-text-grey-5:focus {
    color: #f7f7f7 !important
  }

  .sm-focus-text-grey-50:focus {
    color: #9b9b94 !important
  }

  .sm-focus-text-grey-60:focus {
    color: #71716c !important
  }

  .sm-focus-text-grey-70:focus {
    color: #515151 !important
  }

  .sm-focus-text-cball-blue:focus {
    color: #576995 !important
  }

  .sm-focus-text-cball-dark-blue:focus {
    color: #354363 !important
  }

  .sm-focus-text-cball-purple:focus {
    color: #0a101f !important
  }

  .sm-focus-text-cw-spring-yellow:focus {
    color: #ffc907 !important
  }

  .sm-focus-text-cw-spring-dk-blue:focus {
    color: #1e2658 !important
  }

  .sm-focus-text-cw-spring-med-blue:focus {
    color: #1080b9 !important
  }

  .sm-focus-text-cw-spring-lt-blue:focus {
    color: #bae3f0 !important
  }

  .sm-focus-text-cw-spring-dk-green:focus {
    color: #004b3d !important
  }

  .sm-focus-text-cw-spring-med-green:focus {
    color: #00ac7f !important
  }

  .sm-focus-text-cw-spring-lt-green:focus {
    color: #b8e3d1 !important
  }

  .sm-focus-text-cw-spring-black:focus {
    color: #1a1a1a !important
  }

  .sm-focus-text-cw-spring-off-white:focus {
    color: #fdf4e2 !important
  }

  .sm-focus-text-cw-spring-peach:focus {
    color: #e88a78 !important
  }

  .sm-text-xs {
    font-size: .75rem !important
  }

  .sm-text-sm {
    font-size: .875rem !important
  }

  .sm-text-base {
    font-size: 1rem !important
  }

  .sm-text-lg {
    font-size: 1.125rem !important
  }

  .sm-text-xl {
    font-size: 1.25rem !important
  }

  .sm-text-2xl {
    font-size: 1.5rem !important
  }

  .sm-text-3xl {
    font-size: 1.875rem !important
  }

  .sm-text-4xl {
    font-size: 2.25rem !important
  }

  .sm-text-5xl {
    font-size: 3rem !important
  }

  .sm-text-6xl {
    font-size: 4rem !important
  }

  .sm-italic {
    font-style: italic !important
  }

  .sm-not-italic {
    font-style: normal !important
  }

  .sm-uppercase {
    text-transform: uppercase !important
  }

  .sm-lowercase {
    text-transform: lowercase !important
  }

  .sm-capitalize {
    text-transform: capitalize !important
  }

  .sm-normal-case {
    text-transform: none !important
  }

  .sm-underline {
    text-decoration: underline !important
  }

  .sm-line-through {
    text-decoration: line-through !important
  }

  .sm-no-underline {
    text-decoration: none !important
  }

  .sm-hover-underline:hover {
    text-decoration: underline !important
  }

  .sm-hover-line-through:hover {
    text-decoration: line-through !important
  }

  .sm-hover-no-underline:hover {
    text-decoration: none !important
  }

  .sm-focus-underline:focus {
    text-decoration: underline !important
  }

  .sm-focus-line-through:focus {
    text-decoration: line-through !important
  }

  .sm-focus-no-underline:focus {
    text-decoration: none !important
  }

  .sm-antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  .sm-subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  .sm-tracking-tight {
    letter-spacing: -.05em !important
  }

  .sm-tracking-normal {
    letter-spacing: 0 !important
  }

  .sm-tracking-wide {
    letter-spacing: .05em !important
  }

  .sm-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
  }

  .sm-select-text {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
  }

  .sm-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
  }

  .sm-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
  }

  .sm-align-baseline {
    vertical-align: baseline !important
  }

  .sm-align-top {
    vertical-align: top !important
  }

  .sm-align-middle {
    vertical-align: middle !important
  }

  .sm-align-bottom {
    vertical-align: bottom !important
  }

  .sm-align-text-top {
    vertical-align: text-top !important
  }

  .sm-align-text-bottom {
    vertical-align: text-bottom !important
  }

  .sm-visible {
    visibility: visible !important
  }

  .sm-invisible {
    visibility: hidden !important
  }

  .sm-whitespace-normal {
    white-space: normal !important
  }

  .sm-whitespace-no-wrap {
    white-space: nowrap !important
  }

  .sm-whitespace-pre {
    white-space: pre !important
  }

  .sm-whitespace-pre-line {
    white-space: pre-line !important
  }

  .sm-whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  .sm-break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  .sm-break-words {
    overflow-wrap: break-word !important
  }

  .sm-break-all {
    word-break: break-all !important
  }

  .sm-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  .sm-w-0 {
    width: 0 !important
  }

  .sm-w-1 {
    width: .25rem !important
  }

  .sm-w-2 {
    width: .5rem !important
  }

  .sm-w-3 {
    width: .75rem !important
  }

  .sm-w-4 {
    width: 1rem !important
  }

  .sm-w-5 {
    width: 1.25rem !important
  }

  .sm-w-6 {
    width: 1.5rem !important
  }

  .sm-w-8 {
    width: 2rem !important
  }

  .sm-w-10 {
    width: 2.5rem !important
  }

  .sm-w-12 {
    width: 3rem !important
  }

  .sm-w-16 {
    width: 4rem !important
  }

  .sm-w-20 {
    width: 5rem !important
  }

  .sm-w-24 {
    width: 6rem !important
  }

  .sm-w-32 {
    width: 8rem !important
  }

  .sm-w-40 {
    width: 10rem !important
  }

  .sm-w-48 {
    width: 12rem !important
  }

  .sm-w-56 {
    width: 14rem !important
  }

  .sm-w-64 {
    width: 16rem !important
  }

  .sm-w-auto {
    width: auto !important
  }

  .sm-w-px {
    width: 1px !important
  }

  .sm-w-1\/2 {
    width: 50% !important
  }

  .sm-w-1\/3 {
    width: 33.333333% !important
  }

  .sm-w-2\/3 {
    width: 66.666667% !important
  }

  .sm-w-1\/4 {
    width: 25% !important
  }

  .sm-w-2\/4 {
    width: 50% !important
  }

  .sm-w-3\/4 {
    width: 75% !important
  }

  .sm-w-1\/5 {
    width: 20% !important
  }

  .sm-w-2\/5 {
    width: 40% !important
  }

  .sm-w-3\/5 {
    width: 60% !important
  }

  .sm-w-4\/5 {
    width: 80% !important
  }

  .sm-w-1\/6 {
    width: 16.666667% !important
  }

  .sm-w-2\/6 {
    width: 33.333333% !important
  }

  .sm-w-3\/6 {
    width: 50% !important
  }

  .sm-w-4\/6 {
    width: 66.666667% !important
  }

  .sm-w-5\/6 {
    width: 83.333333% !important
  }

  .sm-w-1\/12 {
    width: 8.333333% !important
  }

  .sm-w-2\/12 {
    width: 16.666667% !important
  }

  .sm-w-3\/12 {
    width: 25% !important
  }

  .sm-w-4\/12 {
    width: 33.333333% !important
  }

  .sm-w-5\/12 {
    width: 41.666667% !important
  }

  .sm-w-6\/12 {
    width: 50% !important
  }

  .sm-w-7\/12 {
    width: 58.333333% !important
  }

  .sm-w-8\/12 {
    width: 66.666667% !important
  }

  .sm-w-9\/12 {
    width: 75% !important
  }

  .sm-w-10\/12 {
    width: 83.333333% !important
  }

  .sm-w-11\/12 {
    width: 91.666667% !important
  }

  .sm-w-full {
    width: 100% !important
  }

  .sm-w-screen {
    width: 100vw !important
  }

  .sm-z-0 {
    z-index: 0 !important
  }

  .sm-z-10 {
    z-index: 10 !important
  }

  .sm-z-20 {
    z-index: 20 !important
  }

  .sm-z-30 {
    z-index: 30 !important
  }

  .sm-z-40 {
    z-index: 40 !important
  }

  .sm-z-50 {
    z-index: 50 !important
  }

  .sm-z-auto {
    z-index: auto !important
  }
}

@media (min-width:641px) {
  .md-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .md-not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

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

  .md-focus-not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

  .md-appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
  }

  .md-bg-fixed {
    background-attachment: fixed !important
  }

  .md-bg-local {
    background-attachment: local !important
  }

  .md-bg-scroll {
    background-attachment: scroll !important
  }

  .md-bg-transparent {
    background-color: transparent !important
  }

  .md-bg-cw-black {
    background-color: #333232 !important
  }

  .md-bg-cw-blue {
    background-color: #369ff4 !important
  }

  .md-bg-cw-blue-print {
    background-color: #5096d0 !important
  }

  .md-bg-cw-green {
    background-color: #59c77f !important
  }

  .md-bg-cw-orange {
    background-color: #fe813a !important
  }

  .md-bg-cw-purple {
    background-color: #9064bf !important
  }

  .md-bg-cw-red {
    background-color: #fa575d !important
  }

  .md-bg-cw-spring {
    background-color: #1ba9e0 !important
  }

  .md-bg-cw-teal {
    background-color: #8ed4cc !important
  }

  .md-bg-cw-white {
    background-color: #fff !important
  }

  .md-bg-cw-yellow {
    background-color: #ffca0a !important
  }

  .md-bg-grey-10 {
    background-color: #f4f5f0 !important
  }

  .md-bg-grey-20 {
    background-color: #e9eae4 !important
  }

  .md-bg-grey-30 {
    background-color: #dfdfd7 !important
  }

  .md-bg-grey-40 {
    background-color: #c1c1ba !important
  }

  .md-bg-grey-5 {
    background-color: #f7f7f7 !important
  }

  .md-bg-grey-50 {
    background-color: #9b9b94 !important
  }

  .md-bg-grey-60 {
    background-color: #71716c !important
  }

  .md-bg-grey-70 {
    background-color: #515151 !important
  }

  .md-bg-cball-blue {
    background-color: #576995 !important
  }

  .md-bg-cball-dark-blue {
    background-color: #354363 !important
  }

  .md-bg-cball-purple {
    background-color: #0a101f !important
  }

  .md-bg-cw-spring-yellow {
    background-color: #ffc907 !important
  }

  .md-bg-cw-spring-dk-blue {
    background-color: #1e2658 !important
  }

  .md-bg-cw-spring-med-blue {
    background-color: #1080b9 !important
  }

  .md-bg-cw-spring-lt-blue {
    background-color: #bae3f0 !important
  }

  .md-bg-cw-spring-dk-green {
    background-color: #004b3d !important
  }

  .md-bg-cw-spring-med-green {
    background-color: #00ac7f !important
  }

  .md-bg-cw-spring-lt-green {
    background-color: #b8e3d1 !important
  }

  .md-bg-cw-spring-black {
    background-color: #1a1a1a !important
  }

  .md-bg-cw-spring-off-white {
    background-color: #fdf4e2 !important
  }

  .md-bg-cw-spring-peach {
    background-color: #e88a78 !important
  }

  .md-hover-bg-transparent:hover {
    background-color: transparent !important
  }

  .md-hover-bg-cw-black:hover {
    background-color: #333232 !important
  }

  .md-hover-bg-cw-blue:hover {
    background-color: #369ff4 !important
  }

  .md-hover-bg-cw-blue-print:hover {
    background-color: #5096d0 !important
  }

  .md-hover-bg-cw-green:hover {
    background-color: #59c77f !important
  }

  .md-hover-bg-cw-orange:hover {
    background-color: #fe813a !important
  }

  .md-hover-bg-cw-purple:hover {
    background-color: #9064bf !important
  }

  .md-hover-bg-cw-red:hover {
    background-color: #fa575d !important
  }

  .md-hover-bg-cw-spring:hover {
    background-color: #1ba9e0 !important
  }

  .md-hover-bg-cw-teal:hover {
    background-color: #8ed4cc !important
  }

  .md-hover-bg-cw-white:hover {
    background-color: #fff !important
  }

  .md-hover-bg-cw-yellow:hover {
    background-color: #ffca0a !important
  }

  .md-hover-bg-grey-10:hover {
    background-color: #f4f5f0 !important
  }

  .md-hover-bg-grey-20:hover {
    background-color: #e9eae4 !important
  }

  .md-hover-bg-grey-30:hover {
    background-color: #dfdfd7 !important
  }

  .md-hover-bg-grey-40:hover {
    background-color: #c1c1ba !important
  }

  .md-hover-bg-grey-5:hover {
    background-color: #f7f7f7 !important
  }

  .md-hover-bg-grey-50:hover {
    background-color: #9b9b94 !important
  }

  .md-hover-bg-grey-60:hover {
    background-color: #71716c !important
  }

  .md-hover-bg-grey-70:hover {
    background-color: #515151 !important
  }

  .md-hover-bg-cball-blue:hover {
    background-color: #576995 !important
  }

  .md-hover-bg-cball-dark-blue:hover {
    background-color: #354363 !important
  }

  .md-hover-bg-cball-purple:hover {
    background-color: #0a101f !important
  }

  .md-hover-bg-cw-spring-yellow:hover {
    background-color: #ffc907 !important
  }

  .md-hover-bg-cw-spring-dk-blue:hover {
    background-color: #1e2658 !important
  }

  .md-hover-bg-cw-spring-med-blue:hover {
    background-color: #1080b9 !important
  }

  .md-hover-bg-cw-spring-lt-blue:hover {
    background-color: #bae3f0 !important
  }

  .md-hover-bg-cw-spring-dk-green:hover {
    background-color: #004b3d !important
  }

  .md-hover-bg-cw-spring-med-green:hover {
    background-color: #00ac7f !important
  }

  .md-hover-bg-cw-spring-lt-green:hover {
    background-color: #b8e3d1 !important
  }

  .md-hover-bg-cw-spring-black:hover {
    background-color: #1a1a1a !important
  }

  .md-hover-bg-cw-spring-off-white:hover {
    background-color: #fdf4e2 !important
  }

  .md-hover-bg-cw-spring-peach:hover {
    background-color: #e88a78 !important
  }

  .md-focus-bg-transparent:focus {
    background-color: transparent !important
  }

  .md-focus-bg-cw-black:focus {
    background-color: #333232 !important
  }

  .md-focus-bg-cw-blue:focus {
    background-color: #369ff4 !important
  }

  .md-focus-bg-cw-blue-print:focus {
    background-color: #5096d0 !important
  }

  .md-focus-bg-cw-green:focus {
    background-color: #59c77f !important
  }

  .md-focus-bg-cw-orange:focus {
    background-color: #fe813a !important
  }

  .md-focus-bg-cw-purple:focus {
    background-color: #9064bf !important
  }

  .md-focus-bg-cw-red:focus {
    background-color: #fa575d !important
  }

  .md-focus-bg-cw-spring:focus {
    background-color: #1ba9e0 !important
  }

  .md-focus-bg-cw-teal:focus {
    background-color: #8ed4cc !important
  }

  .md-focus-bg-cw-white:focus {
    background-color: #fff !important
  }

  .md-focus-bg-cw-yellow:focus {
    background-color: #ffca0a !important
  }

  .md-focus-bg-grey-10:focus {
    background-color: #f4f5f0 !important
  }

  .md-focus-bg-grey-20:focus {
    background-color: #e9eae4 !important
  }

  .md-focus-bg-grey-30:focus {
    background-color: #dfdfd7 !important
  }

  .md-focus-bg-grey-40:focus {
    background-color: #c1c1ba !important
  }

  .md-focus-bg-grey-5:focus {
    background-color: #f7f7f7 !important
  }

  .md-focus-bg-grey-50:focus {
    background-color: #9b9b94 !important
  }

  .md-focus-bg-grey-60:focus {
    background-color: #71716c !important
  }

  .md-focus-bg-grey-70:focus {
    background-color: #515151 !important
  }

  .md-focus-bg-cball-blue:focus {
    background-color: #576995 !important
  }

  .md-focus-bg-cball-dark-blue:focus {
    background-color: #354363 !important
  }

  .md-focus-bg-cball-purple:focus {
    background-color: #0a101f !important
  }

  .md-focus-bg-cw-spring-yellow:focus {
    background-color: #ffc907 !important
  }

  .md-focus-bg-cw-spring-dk-blue:focus {
    background-color: #1e2658 !important
  }

  .md-focus-bg-cw-spring-med-blue:focus {
    background-color: #1080b9 !important
  }

  .md-focus-bg-cw-spring-lt-blue:focus {
    background-color: #bae3f0 !important
  }

  .md-focus-bg-cw-spring-dk-green:focus {
    background-color: #004b3d !important
  }

  .md-focus-bg-cw-spring-med-green:focus {
    background-color: #00ac7f !important
  }

  .md-focus-bg-cw-spring-lt-green:focus {
    background-color: #b8e3d1 !important
  }

  .md-focus-bg-cw-spring-black:focus {
    background-color: #1a1a1a !important
  }

  .md-focus-bg-cw-spring-off-white:focus {
    background-color: #fdf4e2 !important
  }

  .md-focus-bg-cw-spring-peach:focus {
    background-color: #e88a78 !important
  }

  .md-bg-bottom {
    background-position: bottom !important
  }

  .md-bg-center {
    background-position: 50% !important
  }

  .md-bg-left {
    background-position: 0 !important
  }

  .md-bg-left-bottom {
    background-position: 0 100% !important
  }

  .md-bg-left-top {
    background-position: 0 0 !important
  }

  .md-bg-right {
    background-position: 100% !important
  }

  .md-bg-right-bottom {
    background-position: 100% 100% !important
  }

  .md-bg-right-top {
    background-position: 100% 0 !important
  }

  .md-bg-top {
    background-position: top !important
  }

  .md-bg-repeat {
    background-repeat: repeat !important
  }

  .md-bg-no-repeat {
    background-repeat: no-repeat !important
  }

  .md-bg-repeat-x {
    background-repeat: repeat-x !important
  }

  .md-bg-repeat-y {
    background-repeat: repeat-y !important
  }

  .md-bg-repeat-round {
    background-repeat: round !important
  }

  .md-bg-repeat-space {
    background-repeat: space !important
  }

  .md-bg-auto {
    background-size: auto !important
  }

  .md-bg-cover {
    background-size: cover !important
  }

  .md-bg-contain {
    background-size: contain !important
  }

  .md-border-collapse {
    border-collapse: collapse !important
  }

  .md-border-separate {
    border-collapse: separate !important
  }

  .md-border-transparent {
    border-color: transparent !important
  }

  .md-border-cw-black {
    border-color: #333232 !important
  }

  .md-border-cw-blue {
    border-color: #369ff4 !important
  }

  .md-border-cw-blue-print {
    border-color: #5096d0 !important
  }

  .md-border-cw-green {
    border-color: #59c77f !important
  }

  .md-border-cw-orange {
    border-color: #fe813a !important
  }

  .md-border-cw-purple {
    border-color: #9064bf !important
  }

  .md-border-cw-red {
    border-color: #fa575d !important
  }

  .md-border-cw-spring {
    border-color: #1ba9e0 !important
  }

  .md-border-cw-teal {
    border-color: #8ed4cc !important
  }

  .md-border-cw-white {
    border-color: #fff !important
  }

  .md-border-cw-yellow {
    border-color: #ffca0a !important
  }

  .md-border-grey-10 {
    border-color: #f4f5f0 !important
  }

  .md-border-grey-20 {
    border-color: #e9eae4 !important
  }

  .md-border-grey-30 {
    border-color: #dfdfd7 !important
  }

  .md-border-grey-40 {
    border-color: #c1c1ba !important
  }

  .md-border-grey-5 {
    border-color: #f7f7f7 !important
  }

  .md-border-grey-50 {
    border-color: #9b9b94 !important
  }

  .md-border-grey-60 {
    border-color: #71716c !important
  }

  .md-border-grey-70 {
    border-color: #515151 !important
  }

  .md-border-cball-blue {
    border-color: #576995 !important
  }

  .md-border-cball-dark-blue {
    border-color: #354363 !important
  }

  .md-border-cball-purple {
    border-color: #0a101f !important
  }

  .md-border-cw-spring-yellow {
    border-color: #ffc907 !important
  }

  .md-border-cw-spring-dk-blue {
    border-color: #1e2658 !important
  }

  .md-border-cw-spring-med-blue {
    border-color: #1080b9 !important
  }

  .md-border-cw-spring-lt-blue {
    border-color: #bae3f0 !important
  }

  .md-border-cw-spring-dk-green {
    border-color: #004b3d !important
  }

  .md-border-cw-spring-med-green {
    border-color: #00ac7f !important
  }

  .md-border-cw-spring-lt-green {
    border-color: #b8e3d1 !important
  }

  .md-border-cw-spring-black {
    border-color: #1a1a1a !important
  }

  .md-border-cw-spring-off-white {
    border-color: #fdf4e2 !important
  }

  .md-border-cw-spring-peach {
    border-color: #e88a78 !important
  }

  .md-hover-border-transparent:hover {
    border-color: transparent !important
  }

  .md-hover-border-cw-black:hover {
    border-color: #333232 !important
  }

  .md-hover-border-cw-blue:hover {
    border-color: #369ff4 !important
  }

  .md-hover-border-cw-blue-print:hover {
    border-color: #5096d0 !important
  }

  .md-hover-border-cw-green:hover {
    border-color: #59c77f !important
  }

  .md-hover-border-cw-orange:hover {
    border-color: #fe813a !important
  }

  .md-hover-border-cw-purple:hover {
    border-color: #9064bf !important
  }

  .md-hover-border-cw-red:hover {
    border-color: #fa575d !important
  }

  .md-hover-border-cw-spring:hover {
    border-color: #1ba9e0 !important
  }

  .md-hover-border-cw-teal:hover {
    border-color: #8ed4cc !important
  }

  .md-hover-border-cw-white:hover {
    border-color: #fff !important
  }

  .md-hover-border-cw-yellow:hover {
    border-color: #ffca0a !important
  }

  .md-hover-border-grey-10:hover {
    border-color: #f4f5f0 !important
  }

  .md-hover-border-grey-20:hover {
    border-color: #e9eae4 !important
  }

  .md-hover-border-grey-30:hover {
    border-color: #dfdfd7 !important
  }

  .md-hover-border-grey-40:hover {
    border-color: #c1c1ba !important
  }

  .md-hover-border-grey-5:hover {
    border-color: #f7f7f7 !important
  }

  .md-hover-border-grey-50:hover {
    border-color: #9b9b94 !important
  }

  .md-hover-border-grey-60:hover {
    border-color: #71716c !important
  }

  .md-hover-border-grey-70:hover {
    border-color: #515151 !important
  }

  .md-hover-border-cball-blue:hover {
    border-color: #576995 !important
  }

  .md-hover-border-cball-dark-blue:hover {
    border-color: #354363 !important
  }

  .md-hover-border-cball-purple:hover {
    border-color: #0a101f !important
  }

  .md-hover-border-cw-spring-yellow:hover {
    border-color: #ffc907 !important
  }

  .md-hover-border-cw-spring-dk-blue:hover {
    border-color: #1e2658 !important
  }

  .md-hover-border-cw-spring-med-blue:hover {
    border-color: #1080b9 !important
  }

  .md-hover-border-cw-spring-lt-blue:hover {
    border-color: #bae3f0 !important
  }

  .md-hover-border-cw-spring-dk-green:hover {
    border-color: #004b3d !important
  }

  .md-hover-border-cw-spring-med-green:hover {
    border-color: #00ac7f !important
  }

  .md-hover-border-cw-spring-lt-green:hover {
    border-color: #b8e3d1 !important
  }

  .md-hover-border-cw-spring-black:hover {
    border-color: #1a1a1a !important
  }

  .md-hover-border-cw-spring-off-white:hover {
    border-color: #fdf4e2 !important
  }

  .md-hover-border-cw-spring-peach:hover {
    border-color: #e88a78 !important
  }

  .md-focus-border-transparent:focus {
    border-color: transparent !important
  }

  .md-focus-border-cw-black:focus {
    border-color: #333232 !important
  }

  .md-focus-border-cw-blue:focus {
    border-color: #369ff4 !important
  }

  .md-focus-border-cw-blue-print:focus {
    border-color: #5096d0 !important
  }

  .md-focus-border-cw-green:focus {
    border-color: #59c77f !important
  }

  .md-focus-border-cw-orange:focus {
    border-color: #fe813a !important
  }

  .md-focus-border-cw-purple:focus {
    border-color: #9064bf !important
  }

  .md-focus-border-cw-red:focus {
    border-color: #fa575d !important
  }

  .md-focus-border-cw-spring:focus {
    border-color: #1ba9e0 !important
  }

  .md-focus-border-cw-teal:focus {
    border-color: #8ed4cc !important
  }

  .md-focus-border-cw-white:focus {
    border-color: #fff !important
  }

  .md-focus-border-cw-yellow:focus {
    border-color: #ffca0a !important
  }

  .md-focus-border-grey-10:focus {
    border-color: #f4f5f0 !important
  }

  .md-focus-border-grey-20:focus {
    border-color: #e9eae4 !important
  }

  .md-focus-border-grey-30:focus {
    border-color: #dfdfd7 !important
  }

  .md-focus-border-grey-40:focus {
    border-color: #c1c1ba !important
  }

  .md-focus-border-grey-5:focus {
    border-color: #f7f7f7 !important
  }

  .md-focus-border-grey-50:focus {
    border-color: #9b9b94 !important
  }

  .md-focus-border-grey-60:focus {
    border-color: #71716c !important
  }

  .md-focus-border-grey-70:focus {
    border-color: #515151 !important
  }

  .md-focus-border-cball-blue:focus {
    border-color: #576995 !important
  }

  .md-focus-border-cball-dark-blue:focus {
    border-color: #354363 !important
  }

  .md-focus-border-cball-purple:focus {
    border-color: #0a101f !important
  }

  .md-focus-border-cw-spring-yellow:focus {
    border-color: #ffc907 !important
  }

  .md-focus-border-cw-spring-dk-blue:focus {
    border-color: #1e2658 !important
  }

  .md-focus-border-cw-spring-med-blue:focus {
    border-color: #1080b9 !important
  }

  .md-focus-border-cw-spring-lt-blue:focus {
    border-color: #bae3f0 !important
  }

  .md-focus-border-cw-spring-dk-green:focus {
    border-color: #004b3d !important
  }

  .md-focus-border-cw-spring-med-green:focus {
    border-color: #00ac7f !important
  }

  .md-focus-border-cw-spring-lt-green:focus {
    border-color: #b8e3d1 !important
  }

  .md-focus-border-cw-spring-black:focus {
    border-color: #1a1a1a !important
  }

  .md-focus-border-cw-spring-off-white:focus {
    border-color: #fdf4e2 !important
  }

  .md-focus-border-cw-spring-peach:focus {
    border-color: #e88a78 !important
  }

  .md-rounded-none {
    border-radius: 0 !important
  }

  .md-rounded-sm {
    border-radius: .125rem !important
  }

  .md-rounded {
    border-radius: .25rem !important
  }

  .md-rounded-lg {
    border-radius: .5rem !important
  }

  .md-rounded-full {
    border-radius: 9999px !important
  }

  .md-rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .md-rounded-r-none {
    border-top-right-radius: 0 !important
  }

  .md-rounded-b-none,
  .md-rounded-r-none {
    border-bottom-right-radius: 0 !important
  }

  .md-rounded-b-none,
  .md-rounded-l-none {
    border-bottom-left-radius: 0 !important
  }

  .md-rounded-l-none {
    border-top-left-radius: 0 !important
  }

  .md-rounded-t-sm {
    border-top-left-radius: .125rem !important
  }

  .md-rounded-r-sm,
  .md-rounded-t-sm {
    border-top-right-radius: .125rem !important
  }

  .md-rounded-b-sm,
  .md-rounded-r-sm {
    border-bottom-right-radius: .125rem !important
  }

  .md-rounded-b-sm,
  .md-rounded-l-sm {
    border-bottom-left-radius: .125rem !important
  }

  .md-rounded-l-sm {
    border-top-left-radius: .125rem !important
  }

  .md-rounded-t {
    border-top-left-radius: .25rem !important
  }

  .md-rounded-r,
  .md-rounded-t {
    border-top-right-radius: .25rem !important
  }

  .md-rounded-b,
  .md-rounded-r {
    border-bottom-right-radius: .25rem !important
  }

  .md-rounded-b,
  .md-rounded-l {
    border-bottom-left-radius: .25rem !important
  }

  .md-rounded-l {
    border-top-left-radius: .25rem !important
  }

  .md-rounded-t-lg {
    border-top-left-radius: .5rem !important
  }

  .md-rounded-r-lg,
  .md-rounded-t-lg {
    border-top-right-radius: .5rem !important
  }

  .md-rounded-b-lg,
  .md-rounded-r-lg {
    border-bottom-right-radius: .5rem !important
  }

  .md-rounded-b-lg,
  .md-rounded-l-lg {
    border-bottom-left-radius: .5rem !important
  }

  .md-rounded-l-lg {
    border-top-left-radius: .5rem !important
  }

  .md-rounded-t-full {
    border-top-left-radius: 9999px !important
  }

  .md-rounded-r-full,
  .md-rounded-t-full {
    border-top-right-radius: 9999px !important
  }

  .md-rounded-b-full,
  .md-rounded-r-full {
    border-bottom-right-radius: 9999px !important
  }

  .md-rounded-b-full,
  .md-rounded-l-full {
    border-bottom-left-radius: 9999px !important
  }

  .md-rounded-l-full {
    border-top-left-radius: 9999px !important
  }

  .md-rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  .md-rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  .md-rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  .md-rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  .md-rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  .md-rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  .md-rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  .md-rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  .md-rounded-tl {
    border-top-left-radius: .25rem !important
  }

  .md-rounded-tr {
    border-top-right-radius: .25rem !important
  }

  .md-rounded-br {
    border-bottom-right-radius: .25rem !important
  }

  .md-rounded-bl {
    border-bottom-left-radius: .25rem !important
  }

  .md-rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  .md-rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  .md-rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  .md-rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  .md-rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  .md-rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  .md-rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  .md-rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  .md-border-solid {
    border-style: solid !important
  }

  .md-border-dashed {
    border-style: dashed !important
  }

  .md-border-dotted {
    border-style: dotted !important
  }

  .md-border-double {
    border-style: double !important
  }

  .md-border-none {
    border-style: none !important
  }

  .md-border-0 {
    border-width: 0 !important
  }

  .md-border-2 {
    border-width: 2px !important
  }

  .md-border-4 {
    border-width: 4px !important
  }

  .md-border-8 {
    border-width: 8px !important
  }

  .md-border {
    border-width: 1px !important
  }

  .md-border-t-0 {
    border-top-width: 0 !important
  }

  .md-border-r-0 {
    border-right-width: 0 !important
  }

  .md-border-b-0 {
    border-bottom-width: 0 !important
  }

  .md-border-l-0 {
    border-left-width: 0 !important
  }

  .md-border-t-2 {
    border-top-width: 2px !important
  }

  .md-border-r-2 {
    border-right-width: 2px !important
  }

  .md-border-b-2 {
    border-bottom-width: 2px !important
  }

  .md-border-l-2 {
    border-left-width: 2px !important
  }

  .md-border-t-4 {
    border-top-width: 4px !important
  }

  .md-border-r-4 {
    border-right-width: 4px !important
  }

  .md-border-b-4 {
    border-bottom-width: 4px !important
  }

  .md-border-l-4 {
    border-left-width: 4px !important
  }

  .md-border-t-8 {
    border-top-width: 8px !important
  }

  .md-border-r-8 {
    border-right-width: 8px !important
  }

  .md-border-b-8 {
    border-bottom-width: 8px !important
  }

  .md-border-l-8 {
    border-left-width: 8px !important
  }

  .md-border-t {
    border-top-width: 1px !important
  }

  .md-border-r {
    border-right-width: 1px !important
  }

  .md-border-b {
    border-bottom-width: 1px !important
  }

  .md-border-l {
    border-left-width: 1px !important
  }

  .md-cursor-auto {
    cursor: auto !important
  }

  .md-cursor-default {
    cursor: default !important
  }

  .md-cursor-pointer {
    cursor: pointer !important
  }

  .md-cursor-wait {
    cursor: wait !important
  }

  .md-cursor-text {
    cursor: text !important
  }

  .md-cursor-move {
    cursor: move !important
  }

  .md-cursor-not-allowed {
    cursor: not-allowed !important
  }

  .md-block {
    display: block !important
  }

  .md-inline-block {
    display: inline-block !important
  }

  .md-inline {
    display: inline !important
  }

  .md-flex {
    display: -webkit-box !important;
    display: flex !important
  }

  .md-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important
  }

  .md-table {
    display: table !important
  }

  .md-table-row {
    display: table-row !important
  }

  .md-table-cell {
    display: table-cell !important
  }

  .md-hidden {
    display: none !important
  }

  .md-flex-row {
    flex-direction: row !important
  }

  .md-flex-row-reverse {
    flex-direction: row-reverse !important
  }

  .md-flex-col {
    flex-direction: column !important
  }

  .md-flex-col-reverse {
    flex-direction: column-reverse !important
  }

  .md-flex-wrap {
    flex-wrap: wrap !important
  }

  .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .md-flex-no-wrap {
    flex-wrap: nowrap !important
  }

  .md-items-start {
    align-items: flex-start !important
  }

  .md-items-end {
    align-items: flex-end !important
  }

  .md-items-center {
    align-items: center !important
  }

  .md-items-baseline {
    align-items: baseline !important
  }

  .md-items-stretch {
    align-items: stretch !important
  }

  .md-self-auto {
    align-self: auto !important
  }

  .md-self-start {
    align-self: flex-start !important
  }

  .md-self-end {
    align-self: flex-end !important
  }

  .md-self-center {
    align-self: center !important
  }

  .md-self-stretch {
    align-self: stretch !important
  }

  .md-justify-start {
    justify-content: flex-start !important
  }

  .md-justify-end {
    justify-content: flex-end !important
  }

  .md-justify-center {
    justify-content: center !important
  }

  .md-justify-between {
    justify-content: space-between !important
  }

  .md-justify-around {
    justify-content: space-around !important
  }

  .md-content-center {
    align-content: center !important
  }

  .md-content-start {
    align-content: flex-start !important
  }

  .md-content-end {
    align-content: flex-end !important
  }

  .md-content-between {
    align-content: space-between !important
  }

  .md-content-around {
    align-content: space-around !important
  }

  .md-flex-1 {
    flex: 1 1 !important
  }

  .md-flex-auto {
    flex: 1 1 auto !important
  }

  .md-flex-initial {
    flex: 0 1 auto !important
  }

  .md-flex-none {
    flex: none !important
  }

  .md-flex-grow-0 {
    flex-grow: 0 !important
  }

  .md-flex-grow {
    flex-grow: 1 !important
  }

  .md-flex-shrink-0 {
    flex-shrink: 0 !important
  }

  .md-flex-shrink {
    flex-shrink: 1 !important
  }

  .md-order-1 {
    order: 1 !important
  }

  .md-order-2 {
    order: 2 !important
  }

  .md-order-3 {
    order: 3 !important
  }

  .md-order-4 {
    order: 4 !important
  }

  .md-order-5 {
    order: 5 !important
  }

  .md-order-6 {
    order: 6 !important
  }

  .md-order-7 {
    order: 7 !important
  }

  .md-order-8 {
    order: 8 !important
  }

  .md-order-9 {
    order: 9 !important
  }

  .md-order-10 {
    order: 10 !important
  }

  .md-order-11 {
    order: 11 !important
  }

  .md-order-12 {
    order: 12 !important
  }

  .md-order-first {
    order: -9999 !important
  }

  .md-order-last {
    order: 9999 !important
  }

  .md-order-none {
    order: 0 !important
  }

  .md-float-right {
    float: right !important
  }

  .md-float-left {
    float: left !important
  }

  .md-float-none {
    float: none !important
  }

  .md-clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important
  }

  .md-font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
  }

  .md-font-serif {
    font-family: Georgia, Cambria, Times New Roman, Times, serif !important
  }

  .md-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
  }

  .md-font-hairline {
    font-weight: 100 !important
  }

  .md-font-thin {
    font-weight: 200 !important
  }

  .md-font-light {
    font-weight: 300 !important
  }

  .md-font-normal {
    font-weight: 400 !important
  }

  .md-font-medium {
    font-weight: 500 !important
  }

  .md-font-semibold {
    font-weight: 600 !important
  }

  .md-font-bold {
    font-weight: 700 !important
  }

  .md-font-extrabold {
    font-weight: 800 !important
  }

  .md-font-black {
    font-weight: 900 !important
  }

  .md-hover-font-hairline:hover {
    font-weight: 100 !important
  }

  .md-hover-font-thin:hover {
    font-weight: 200 !important
  }

  .md-hover-font-light:hover {
    font-weight: 300 !important
  }

  .md-hover-font-normal:hover {
    font-weight: 400 !important
  }

  .md-hover-font-medium:hover {
    font-weight: 500 !important
  }

  .md-hover-font-semibold:hover {
    font-weight: 600 !important
  }

  .md-hover-font-bold:hover {
    font-weight: 700 !important
  }

  .md-hover-font-extrabold:hover {
    font-weight: 800 !important
  }

  .md-hover-font-black:hover {
    font-weight: 900 !important
  }

  .md-focus-font-hairline:focus {
    font-weight: 100 !important
  }

  .md-focus-font-thin:focus {
    font-weight: 200 !important
  }

  .md-focus-font-light:focus {
    font-weight: 300 !important
  }

  .md-focus-font-normal:focus {
    font-weight: 400 !important
  }

  .md-focus-font-medium:focus {
    font-weight: 500 !important
  }

  .md-focus-font-semibold:focus {
    font-weight: 600 !important
  }

  .md-focus-font-bold:focus {
    font-weight: 700 !important
  }

  .md-focus-font-extrabold:focus {
    font-weight: 800 !important
  }

  .md-focus-font-black:focus {
    font-weight: 900 !important
  }

  .md-h-0 {
    height: 0 !important
  }

  .md-h-1 {
    height: .25rem !important
  }

  .md-h-2 {
    height: .5rem !important
  }

  .md-h-3 {
    height: .75rem !important
  }

  .md-h-4 {
    height: 1rem !important
  }

  .md-h-5 {
    height: 1.25rem !important
  }

  .md-h-6 {
    height: 1.5rem !important
  }

  .md-h-8 {
    height: 2rem !important
  }

  .md-h-10 {
    height: 2.5rem !important
  }

  .md-h-12 {
    height: 3rem !important
  }

  .md-h-16 {
    height: 4rem !important
  }

  .md-h-20 {
    height: 5rem !important
  }

  .md-h-24 {
    height: 6rem !important
  }

  .md-h-32 {
    height: 8rem !important
  }

  .md-h-40 {
    height: 10rem !important
  }

  .md-h-48 {
    height: 12rem !important
  }

  .md-h-56 {
    height: 14rem !important
  }

  .md-h-64 {
    height: 16rem !important
  }

  .md-h-auto {
    height: auto !important
  }

  .md-h-px {
    height: 1px !important
  }

  .md-h-full {
    height: 100% !important
  }

  .md-h-screen {
    height: 100vh !important
  }

  .md-leading-none {
    line-height: 1 !important
  }

  .md-leading-tight {
    line-height: 1.25 !important
  }

  .md-leading-snug {
    line-height: 1.375 !important
  }

  .md-leading-normal {
    line-height: 1.5 !important
  }

  .md-leading-relaxed {
    line-height: 1.625 !important
  }

  .md-leading-loose {
    line-height: 2 !important
  }

  .md-list-inside {
    list-style-position: inside !important
  }

  .md-list-outside {
    list-style-position: outside !important
  }

  .md-list-none {
    list-style-type: none !important
  }

  .md-list-disc {
    list-style-type: disc !important
  }

  .md-list-decimal {
    list-style-type: decimal !important
  }

  .md-m-0 {
    margin: 0 !important
  }

  .md-m-1 {
    margin: 10px !important
  }

  .md-m-2 {
    margin: 20px !important
  }

  .md-m-3 {
    margin: 40px !important
  }

  .md-m-4 {
    margin: 60px !important
  }

  .md-m-auto {
    margin: auto !important
  }

  .md-m-px {
    margin: 1px !important
  }

  .md--m-0 {
    margin: 0 !important
  }

  .md--m-1 {
    margin: -10px !important
  }

  .md--m-2 {
    margin: -20px !important
  }

  .md--m-3 {
    margin: -40px !important
  }

  .md--m-4 {
    margin: -60px !important
  }

  .md--m-px {
    margin: -1px !important
  }

  .md-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .md-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .md-my-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .md-mx-1 {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .md-my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .md-mx-2 {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .md-my-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .md-mx-3 {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .md-my-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .md-mx-4 {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .md-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .md-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .md-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important
  }

  .md-mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  .md--my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .md--mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .md--my-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
  }

  .md--mx-1 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }

  .md--my-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
  }

  .md--mx-2 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }

  .md--my-3 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
  }

  .md--mx-3 {
    margin-left: -40px !important;
    margin-right: -40px !important
  }

  .md--my-4 {
    margin-top: -60px !important;
    margin-bottom: -60px !important
  }

  .md--mx-4 {
    margin-left: -60px !important;
    margin-right: -60px !important
  }

  .md--my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important
  }

  .md--mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  .md-mt-0 {
    margin-top: 0 !important
  }

  .md-mr-0 {
    margin-right: 0 !important
  }

  .md-mb-0 {
    margin-bottom: 0 !important
  }

  .md-ml-0 {
    margin-left: 0 !important
  }

  .md-mt-1 {
    margin-top: 10px !important
  }

  .md-mr-1 {
    margin-right: 10px !important
  }

  .md-mb-1 {
    margin-bottom: 10px !important
  }

  .md-ml-1 {
    margin-left: 10px !important
  }

  .md-mt-2 {
    margin-top: 20px !important
  }

  .md-mr-2 {
    margin-right: 20px !important
  }

  .md-mb-2 {
    margin-bottom: 20px !important
  }

  .md-ml-2 {
    margin-left: 20px !important
  }

  .md-mt-3 {
    margin-top: 40px !important
  }

  .md-mr-3 {
    margin-right: 40px !important
  }

  .md-mb-3 {
    margin-bottom: 40px !important
  }

  .md-ml-3 {
    margin-left: 40px !important
  }

  .md-mt-4 {
    margin-top: 60px !important
  }

  .md-mr-4 {
    margin-right: 60px !important
  }

  .md-mb-4 {
    margin-bottom: 60px !important
  }

  .md-ml-4 {
    margin-left: 60px !important
  }

  .md-mt-auto {
    margin-top: auto !important
  }

  .md-mr-auto {
    margin-right: auto !important
  }

  .md-mb-auto {
    margin-bottom: auto !important
  }

  .md-ml-auto {
    margin-left: auto !important
  }

  .md-mt-px {
    margin-top: 1px !important
  }

  .md-mr-px {
    margin-right: 1px !important
  }

  .md-mb-px {
    margin-bottom: 1px !important
  }

  .md-ml-px {
    margin-left: 1px !important
  }

  .md--mt-0 {
    margin-top: 0 !important
  }

  .md--mr-0 {
    margin-right: 0 !important
  }

  .md--mb-0 {
    margin-bottom: 0 !important
  }

  .md--ml-0 {
    margin-left: 0 !important
  }

  .md--mt-1 {
    margin-top: -10px !important
  }

  .md--mr-1 {
    margin-right: -10px !important
  }

  .md--mb-1 {
    margin-bottom: -10px !important
  }

  .md--ml-1 {
    margin-left: -10px !important
  }

  .md--mt-2 {
    margin-top: -20px !important
  }

  .md--mr-2 {
    margin-right: -20px !important
  }

  .md--mb-2 {
    margin-bottom: -20px !important
  }

  .md--ml-2 {
    margin-left: -20px !important
  }

  .md--mt-3 {
    margin-top: -40px !important
  }

  .md--mr-3 {
    margin-right: -40px !important
  }

  .md--mb-3 {
    margin-bottom: -40px !important
  }

  .md--ml-3 {
    margin-left: -40px !important
  }

  .md--mt-4 {
    margin-top: -60px !important
  }

  .md--mr-4 {
    margin-right: -60px !important
  }

  .md--mb-4 {
    margin-bottom: -60px !important
  }

  .md--ml-4 {
    margin-left: -60px !important
  }

  .md--mt-px {
    margin-top: -1px !important
  }

  .md--mr-px {
    margin-right: -1px !important
  }

  .md--mb-px {
    margin-bottom: -1px !important
  }

  .md--ml-px {
    margin-left: -1px !important
  }

  .md-max-h-full {
    max-height: 100% !important
  }

  .md-max-h-screen {
    max-height: 100vh !important
  }

  .md-max-w-xs {
    max-width: 20rem !important
  }

  .md-max-w-sm {
    max-width: 30rem !important
  }

  .md-max-w-md {
    max-width: 40rem !important
  }

  .md-max-w-lg {
    max-width: 50rem !important
  }

  .md-max-w-xl {
    max-width: 60rem !important
  }

  .md-max-w-2xl {
    max-width: 70rem !important
  }

  .md-max-w-3xl {
    max-width: 80rem !important
  }

  .md-max-w-4xl {
    max-width: 90rem !important
  }

  .md-max-w-5xl {
    max-width: 100rem !important
  }

  .md-max-w-full {
    max-width: 100% !important
  }

  .md-min-h-0 {
    min-height: 0 !important
  }

  .md-min-h-full {
    min-height: 100% !important
  }

  .md-min-h-screen {
    min-height: 100vh !important
  }

  .md-min-w-0 {
    min-width: 0 !important
  }

  .md-min-w-full {
    min-width: 100% !important
  }

  .md-object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .md-object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .md-object-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .md-object-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .md-object-scale-down {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .md-object-bottom {
    -o-object-position: bottom !important;
    object-position: bottom !important
  }

  .md-object-center {
    -o-object-position: center !important;
    object-position: center !important
  }

  .md-object-left {
    -o-object-position: left !important;
    object-position: left !important
  }

  .md-object-left-bottom {
    -o-object-position: left bottom !important;
    object-position: left bottom !important
  }

  .md-object-left-top {
    -o-object-position: left top !important;
    object-position: left top !important
  }

  .md-object-right {
    -o-object-position: right !important;
    object-position: right !important
  }

  .md-object-right-bottom {
    -o-object-position: right bottom !important;
    object-position: right bottom !important
  }

  .md-object-right-top {
    -o-object-position: right top !important;
    object-position: right top !important
  }

  .md-object-top {
    -o-object-position: top !important;
    object-position: top !important
  }

  .md-opacity-0 {
    opacity: 0 !important
  }

  .md-opacity-25 {
    opacity: .25 !important
  }

  .md-opacity-50 {
    opacity: .5 !important
  }

  .md-opacity-75 {
    opacity: .75 !important
  }

  .md-opacity-100 {
    opacity: 1 !important
  }

  .md-hover-opacity-0:hover {
    opacity: 0 !important
  }

  .md-hover-opacity-25:hover {
    opacity: .25 !important
  }

  .md-hover-opacity-50:hover {
    opacity: .5 !important
  }

  .md-hover-opacity-75:hover {
    opacity: .75 !important
  }

  .md-hover-opacity-100:hover {
    opacity: 1 !important
  }

  .md-focus-opacity-0:focus {
    opacity: 0 !important
  }

  .md-focus-opacity-25:focus {
    opacity: .25 !important
  }

  .md-focus-opacity-50:focus {
    opacity: .5 !important
  }

  .md-focus-opacity-75:focus {
    opacity: .75 !important
  }

  .md-focus-opacity-100:focus {
    opacity: 1 !important
  }

  .md-focus-outline-none:focus,
  .md-outline-none {
    outline: 0 !important
  }

  .md-overflow-auto {
    overflow: auto !important
  }

  .md-overflow-hidden {
    overflow: hidden !important
  }

  .md-overflow-visible {
    overflow: visible !important
  }

  .md-overflow-scroll {
    overflow: scroll !important
  }

  .md-overflow-x-auto {
    overflow-x: auto !important
  }

  .md-overflow-y-auto {
    overflow-y: auto !important
  }

  .md-overflow-x-hidden {
    overflow-x: hidden !important
  }

  .md-overflow-y-hidden {
    overflow-y: hidden !important
  }

  .md-overflow-x-visible {
    overflow-x: visible !important
  }

  .md-overflow-y-visible {
    overflow-y: visible !important
  }

  .md-overflow-x-scroll {
    overflow-x: scroll !important
  }

  .md-overflow-y-scroll {
    overflow-y: scroll !important
  }

  .md-scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  .md-scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  .md-p-0 {
    padding: 0 !important
  }

  .md-p-1 {
    padding: 10px !important
  }

  .md-p-2 {
    padding: 20px !important
  }

  .md-p-3 {
    padding: 40px !important
  }

  .md-p-4 {
    padding: 60px !important
  }

  .md-p-px {
    padding: 1px !important
  }

  .md-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .md-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .md-py-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .md-px-1 {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .md-py-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .md-px-2 {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .md-py-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .md-px-3 {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .md-py-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .md-px-4 {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .md-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
  }

  .md-px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  .md-pt-0 {
    padding-top: 0 !important
  }

  .md-pr-0 {
    padding-right: 0 !important
  }

  .md-pb-0 {
    padding-bottom: 0 !important
  }

  .md-pl-0 {
    padding-left: 0 !important
  }

  .md-pt-1 {
    padding-top: 10px !important
  }

  .md-pr-1 {
    padding-right: 10px !important
  }

  .md-pb-1 {
    padding-bottom: 10px !important
  }

  .md-pl-1 {
    padding-left: 10px !important
  }

  .md-pt-2 {
    padding-top: 20px !important
  }

  .md-pr-2 {
    padding-right: 20px !important
  }

  .md-pb-2 {
    padding-bottom: 20px !important
  }

  .md-pl-2 {
    padding-left: 20px !important
  }

  .md-pt-3 {
    padding-top: 40px !important
  }

  .md-pr-3 {
    padding-right: 40px !important
  }

  .md-pb-3 {
    padding-bottom: 40px !important
  }

  .md-pl-3 {
    padding-left: 40px !important
  }

  .md-pt-4 {
    padding-top: 60px !important
  }

  .md-pr-4 {
    padding-right: 60px !important
  }

  .md-pb-4 {
    padding-bottom: 60px !important
  }

  .md-pl-4 {
    padding-left: 60px !important
  }

  .md-pt-px {
    padding-top: 1px !important
  }

  .md-pr-px {
    padding-right: 1px !important
  }

  .md-pb-px {
    padding-bottom: 1px !important
  }

  .md-pl-px {
    padding-left: 1px !important
  }

  .md-placeholder-transparent::-webkit-input-placeholder {
    color: transparent !important
  }

  .md-placeholder-transparent::-moz-placeholder {
    color: transparent !important
  }

  .md-placeholder-transparent:-ms-input-placeholder {
    color: transparent !important
  }

  .md-placeholder-transparent::-ms-input-placeholder {
    color: transparent !important
  }

  .md-placeholder-transparent::placeholder {
    color: transparent !important
  }

  .md-placeholder-cw-black::-webkit-input-placeholder {
    color: #333232 !important
  }

  .md-placeholder-cw-black::-moz-placeholder {
    color: #333232 !important
  }

  .md-placeholder-cw-black:-ms-input-placeholder {
    color: #333232 !important
  }

  .md-placeholder-cw-black::-ms-input-placeholder {
    color: #333232 !important
  }

  .md-placeholder-cw-black::placeholder {
    color: #333232 !important
  }

  .md-placeholder-cw-blue::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .md-placeholder-cw-blue::-moz-placeholder {
    color: #369ff4 !important
  }

  .md-placeholder-cw-blue:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .md-placeholder-cw-blue::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .md-placeholder-cw-blue::placeholder {
    color: #369ff4 !important
  }

  .md-placeholder-cw-blue-print::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .md-placeholder-cw-blue-print::-moz-placeholder {
    color: #5096d0 !important
  }

  .md-placeholder-cw-blue-print:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .md-placeholder-cw-blue-print::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .md-placeholder-cw-blue-print::placeholder {
    color: #5096d0 !important
  }

  .md-placeholder-cw-green::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .md-placeholder-cw-green::-moz-placeholder {
    color: #59c77f !important
  }

  .md-placeholder-cw-green:-ms-input-placeholder {
    color: #59c77f !important
  }

  .md-placeholder-cw-green::-ms-input-placeholder {
    color: #59c77f !important
  }

  .md-placeholder-cw-green::placeholder {
    color: #59c77f !important
  }

  .md-placeholder-cw-orange::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .md-placeholder-cw-orange::-moz-placeholder {
    color: #fe813a !important
  }

  .md-placeholder-cw-orange:-ms-input-placeholder {
    color: #fe813a !important
  }

  .md-placeholder-cw-orange::-ms-input-placeholder {
    color: #fe813a !important
  }

  .md-placeholder-cw-orange::placeholder {
    color: #fe813a !important
  }

  .md-placeholder-cw-purple::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .md-placeholder-cw-purple::-moz-placeholder {
    color: #9064bf !important
  }

  .md-placeholder-cw-purple:-ms-input-placeholder {
    color: #9064bf !important
  }

  .md-placeholder-cw-purple::-ms-input-placeholder {
    color: #9064bf !important
  }

  .md-placeholder-cw-purple::placeholder {
    color: #9064bf !important
  }

  .md-placeholder-cw-red::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .md-placeholder-cw-red::-moz-placeholder {
    color: #fa575d !important
  }

  .md-placeholder-cw-red:-ms-input-placeholder {
    color: #fa575d !important
  }

  .md-placeholder-cw-red::-ms-input-placeholder {
    color: #fa575d !important
  }

  .md-placeholder-cw-red::placeholder {
    color: #fa575d !important
  }

  .md-placeholder-cw-spring::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .md-placeholder-cw-spring::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .md-placeholder-cw-spring:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .md-placeholder-cw-spring::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .md-placeholder-cw-spring::placeholder {
    color: #1ba9e0 !important
  }

  .md-placeholder-cw-teal::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .md-placeholder-cw-teal::-moz-placeholder {
    color: #8ed4cc !important
  }

  .md-placeholder-cw-teal:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .md-placeholder-cw-teal::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .md-placeholder-cw-teal::placeholder {
    color: #8ed4cc !important
  }

  .md-placeholder-cw-white::-webkit-input-placeholder {
    color: #fff !important
  }

  .md-placeholder-cw-white::-moz-placeholder {
    color: #fff !important
  }

  .md-placeholder-cw-white:-ms-input-placeholder {
    color: #fff !important
  }

  .md-placeholder-cw-white::-ms-input-placeholder {
    color: #fff !important
  }

  .md-placeholder-cw-white::placeholder {
    color: #fff !important
  }

  .md-placeholder-cw-yellow::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .md-placeholder-cw-yellow::-moz-placeholder {
    color: #ffca0a !important
  }

  .md-placeholder-cw-yellow:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .md-placeholder-cw-yellow::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .md-placeholder-cw-yellow::placeholder {
    color: #ffca0a !important
  }

  .md-placeholder-grey-10::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .md-placeholder-grey-10::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .md-placeholder-grey-10:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .md-placeholder-grey-10::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .md-placeholder-grey-10::placeholder {
    color: #f4f5f0 !important
  }

  .md-placeholder-grey-20::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .md-placeholder-grey-20::-moz-placeholder {
    color: #e9eae4 !important
  }

  .md-placeholder-grey-20:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .md-placeholder-grey-20::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .md-placeholder-grey-20::placeholder {
    color: #e9eae4 !important
  }

  .md-placeholder-grey-30::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .md-placeholder-grey-30::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .md-placeholder-grey-30:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .md-placeholder-grey-30::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .md-placeholder-grey-30::placeholder {
    color: #dfdfd7 !important
  }

  .md-placeholder-grey-40::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .md-placeholder-grey-40::-moz-placeholder {
    color: #c1c1ba !important
  }

  .md-placeholder-grey-40:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .md-placeholder-grey-40::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .md-placeholder-grey-40::placeholder {
    color: #c1c1ba !important
  }

  .md-placeholder-grey-5::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .md-placeholder-grey-5::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .md-placeholder-grey-5:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .md-placeholder-grey-5::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .md-placeholder-grey-5::placeholder {
    color: #f7f7f7 !important
  }

  .md-placeholder-grey-50::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .md-placeholder-grey-50::-moz-placeholder {
    color: #9b9b94 !important
  }

  .md-placeholder-grey-50:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .md-placeholder-grey-50::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .md-placeholder-grey-50::placeholder {
    color: #9b9b94 !important
  }

  .md-placeholder-grey-60::-webkit-input-placeholder {
    color: #71716c !important
  }

  .md-placeholder-grey-60::-moz-placeholder {
    color: #71716c !important
  }

  .md-placeholder-grey-60:-ms-input-placeholder {
    color: #71716c !important
  }

  .md-placeholder-grey-60::-ms-input-placeholder {
    color: #71716c !important
  }

  .md-placeholder-grey-60::placeholder {
    color: #71716c !important
  }

  .md-placeholder-grey-70::-webkit-input-placeholder {
    color: #515151 !important
  }

  .md-placeholder-grey-70::-moz-placeholder {
    color: #515151 !important
  }

  .md-placeholder-grey-70:-ms-input-placeholder {
    color: #515151 !important
  }

  .md-placeholder-grey-70::-ms-input-placeholder {
    color: #515151 !important
  }

  .md-placeholder-grey-70::placeholder {
    color: #515151 !important
  }

  .md-placeholder-cball-blue::-webkit-input-placeholder {
    color: #576995 !important
  }

  .md-placeholder-cball-blue::-moz-placeholder {
    color: #576995 !important
  }

  .md-placeholder-cball-blue:-ms-input-placeholder {
    color: #576995 !important
  }

  .md-placeholder-cball-blue::-ms-input-placeholder {
    color: #576995 !important
  }

  .md-placeholder-cball-blue::placeholder {
    color: #576995 !important
  }

  .md-placeholder-cball-dark-blue::-webkit-input-placeholder {
    color: #354363 !important
  }

  .md-placeholder-cball-dark-blue::-moz-placeholder {
    color: #354363 !important
  }

  .md-placeholder-cball-dark-blue:-ms-input-placeholder {
    color: #354363 !important
  }

  .md-placeholder-cball-dark-blue::-ms-input-placeholder {
    color: #354363 !important
  }

  .md-placeholder-cball-dark-blue::placeholder {
    color: #354363 !important
  }

  .md-placeholder-cball-purple::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .md-placeholder-cball-purple::-moz-placeholder {
    color: #0a101f !important
  }

  .md-placeholder-cball-purple:-ms-input-placeholder {
    color: #0a101f !important
  }

  .md-placeholder-cball-purple::-ms-input-placeholder {
    color: #0a101f !important
  }

  .md-placeholder-cball-purple::placeholder {
    color: #0a101f !important
  }

  .md-placeholder-cw-spring-yellow::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .md-placeholder-cw-spring-yellow::-moz-placeholder {
    color: #ffc907 !important
  }

  .md-placeholder-cw-spring-yellow:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .md-placeholder-cw-spring-yellow::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .md-placeholder-cw-spring-yellow::placeholder {
    color: #ffc907 !important
  }

  .md-placeholder-cw-spring-dk-blue::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .md-placeholder-cw-spring-dk-blue::-moz-placeholder {
    color: #1e2658 !important
  }

  .md-placeholder-cw-spring-dk-blue:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .md-placeholder-cw-spring-dk-blue::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .md-placeholder-cw-spring-dk-blue::placeholder {
    color: #1e2658 !important
  }

  .md-placeholder-cw-spring-med-blue::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .md-placeholder-cw-spring-med-blue::-moz-placeholder {
    color: #1080b9 !important
  }

  .md-placeholder-cw-spring-med-blue:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .md-placeholder-cw-spring-med-blue::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .md-placeholder-cw-spring-med-blue::placeholder {
    color: #1080b9 !important
  }

  .md-placeholder-cw-spring-lt-blue::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .md-placeholder-cw-spring-lt-blue::-moz-placeholder {
    color: #bae3f0 !important
  }

  .md-placeholder-cw-spring-lt-blue:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .md-placeholder-cw-spring-lt-blue::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .md-placeholder-cw-spring-lt-blue::placeholder {
    color: #bae3f0 !important
  }

  .md-placeholder-cw-spring-dk-green::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .md-placeholder-cw-spring-dk-green::-moz-placeholder {
    color: #004b3d !important
  }

  .md-placeholder-cw-spring-dk-green:-ms-input-placeholder {
    color: #004b3d !important
  }

  .md-placeholder-cw-spring-dk-green::-ms-input-placeholder {
    color: #004b3d !important
  }

  .md-placeholder-cw-spring-dk-green::placeholder {
    color: #004b3d !important
  }

  .md-placeholder-cw-spring-med-green::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .md-placeholder-cw-spring-med-green::-moz-placeholder {
    color: #00ac7f !important
  }

  .md-placeholder-cw-spring-med-green:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .md-placeholder-cw-spring-med-green::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .md-placeholder-cw-spring-med-green::placeholder {
    color: #00ac7f !important
  }

  .md-placeholder-cw-spring-lt-green::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .md-placeholder-cw-spring-lt-green::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .md-placeholder-cw-spring-lt-green:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .md-placeholder-cw-spring-lt-green::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .md-placeholder-cw-spring-lt-green::placeholder {
    color: #b8e3d1 !important
  }

  .md-placeholder-cw-spring-black::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .md-placeholder-cw-spring-black::-moz-placeholder {
    color: #1a1a1a !important
  }

  .md-placeholder-cw-spring-black:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .md-placeholder-cw-spring-black::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .md-placeholder-cw-spring-black::placeholder {
    color: #1a1a1a !important
  }

  .md-placeholder-cw-spring-off-white::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .md-placeholder-cw-spring-off-white::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .md-placeholder-cw-spring-off-white:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .md-placeholder-cw-spring-off-white::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .md-placeholder-cw-spring-off-white::placeholder {
    color: #fdf4e2 !important
  }

  .md-placeholder-cw-spring-peach::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .md-placeholder-cw-spring-peach::-moz-placeholder {
    color: #e88a78 !important
  }

  .md-placeholder-cw-spring-peach:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .md-placeholder-cw-spring-peach::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .md-placeholder-cw-spring-peach::placeholder {
    color: #e88a78 !important
  }

  .md-focus-placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent !important
  }

  .md-focus-placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important
  }

  .md-focus-placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important
  }

  .md-focus-placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent !important
  }

  .md-focus-placeholder-transparent:focus::placeholder {
    color: transparent !important
  }

  .md-focus-placeholder-cw-black:focus::-webkit-input-placeholder {
    color: #333232 !important
  }

  .md-focus-placeholder-cw-black:focus::-moz-placeholder {
    color: #333232 !important
  }

  .md-focus-placeholder-cw-black:focus:-ms-input-placeholder {
    color: #333232 !important
  }

  .md-focus-placeholder-cw-black:focus::-ms-input-placeholder {
    color: #333232 !important
  }

  .md-focus-placeholder-cw-black:focus::placeholder {
    color: #333232 !important
  }

  .md-focus-placeholder-cw-blue:focus::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .md-focus-placeholder-cw-blue:focus::-moz-placeholder {
    color: #369ff4 !important
  }

  .md-focus-placeholder-cw-blue:focus:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .md-focus-placeholder-cw-blue:focus::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .md-focus-placeholder-cw-blue:focus::placeholder {
    color: #369ff4 !important
  }

  .md-focus-placeholder-cw-blue-print:focus::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .md-focus-placeholder-cw-blue-print:focus::-moz-placeholder {
    color: #5096d0 !important
  }

  .md-focus-placeholder-cw-blue-print:focus:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .md-focus-placeholder-cw-blue-print:focus::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .md-focus-placeholder-cw-blue-print:focus::placeholder {
    color: #5096d0 !important
  }

  .md-focus-placeholder-cw-green:focus::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .md-focus-placeholder-cw-green:focus::-moz-placeholder {
    color: #59c77f !important
  }

  .md-focus-placeholder-cw-green:focus:-ms-input-placeholder {
    color: #59c77f !important
  }

  .md-focus-placeholder-cw-green:focus::-ms-input-placeholder {
    color: #59c77f !important
  }

  .md-focus-placeholder-cw-green:focus::placeholder {
    color: #59c77f !important
  }

  .md-focus-placeholder-cw-orange:focus::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .md-focus-placeholder-cw-orange:focus::-moz-placeholder {
    color: #fe813a !important
  }

  .md-focus-placeholder-cw-orange:focus:-ms-input-placeholder {
    color: #fe813a !important
  }

  .md-focus-placeholder-cw-orange:focus::-ms-input-placeholder {
    color: #fe813a !important
  }

  .md-focus-placeholder-cw-orange:focus::placeholder {
    color: #fe813a !important
  }

  .md-focus-placeholder-cw-purple:focus::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .md-focus-placeholder-cw-purple:focus::-moz-placeholder {
    color: #9064bf !important
  }

  .md-focus-placeholder-cw-purple:focus:-ms-input-placeholder {
    color: #9064bf !important
  }

  .md-focus-placeholder-cw-purple:focus::-ms-input-placeholder {
    color: #9064bf !important
  }

  .md-focus-placeholder-cw-purple:focus::placeholder {
    color: #9064bf !important
  }

  .md-focus-placeholder-cw-red:focus::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .md-focus-placeholder-cw-red:focus::-moz-placeholder {
    color: #fa575d !important
  }

  .md-focus-placeholder-cw-red:focus:-ms-input-placeholder {
    color: #fa575d !important
  }

  .md-focus-placeholder-cw-red:focus::-ms-input-placeholder {
    color: #fa575d !important
  }

  .md-focus-placeholder-cw-red:focus::placeholder {
    color: #fa575d !important
  }

  .md-focus-placeholder-cw-spring:focus::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .md-focus-placeholder-cw-spring:focus::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .md-focus-placeholder-cw-spring:focus:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .md-focus-placeholder-cw-spring:focus::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .md-focus-placeholder-cw-spring:focus::placeholder {
    color: #1ba9e0 !important
  }

  .md-focus-placeholder-cw-teal:focus::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .md-focus-placeholder-cw-teal:focus::-moz-placeholder {
    color: #8ed4cc !important
  }

  .md-focus-placeholder-cw-teal:focus:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .md-focus-placeholder-cw-teal:focus::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .md-focus-placeholder-cw-teal:focus::placeholder {
    color: #8ed4cc !important
  }

  .md-focus-placeholder-cw-white:focus::-webkit-input-placeholder {
    color: #fff !important
  }

  .md-focus-placeholder-cw-white:focus::-moz-placeholder {
    color: #fff !important
  }

  .md-focus-placeholder-cw-white:focus:-ms-input-placeholder {
    color: #fff !important
  }

  .md-focus-placeholder-cw-white:focus::-ms-input-placeholder {
    color: #fff !important
  }

  .md-focus-placeholder-cw-white:focus::placeholder {
    color: #fff !important
  }

  .md-focus-placeholder-cw-yellow:focus::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .md-focus-placeholder-cw-yellow:focus::-moz-placeholder {
    color: #ffca0a !important
  }

  .md-focus-placeholder-cw-yellow:focus:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .md-focus-placeholder-cw-yellow:focus::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .md-focus-placeholder-cw-yellow:focus::placeholder {
    color: #ffca0a !important
  }

  .md-focus-placeholder-grey-10:focus::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .md-focus-placeholder-grey-10:focus::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .md-focus-placeholder-grey-10:focus:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .md-focus-placeholder-grey-10:focus::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .md-focus-placeholder-grey-10:focus::placeholder {
    color: #f4f5f0 !important
  }

  .md-focus-placeholder-grey-20:focus::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .md-focus-placeholder-grey-20:focus::-moz-placeholder {
    color: #e9eae4 !important
  }

  .md-focus-placeholder-grey-20:focus:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .md-focus-placeholder-grey-20:focus::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .md-focus-placeholder-grey-20:focus::placeholder {
    color: #e9eae4 !important
  }

  .md-focus-placeholder-grey-30:focus::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .md-focus-placeholder-grey-30:focus::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .md-focus-placeholder-grey-30:focus:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .md-focus-placeholder-grey-30:focus::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .md-focus-placeholder-grey-30:focus::placeholder {
    color: #dfdfd7 !important
  }

  .md-focus-placeholder-grey-40:focus::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .md-focus-placeholder-grey-40:focus::-moz-placeholder {
    color: #c1c1ba !important
  }

  .md-focus-placeholder-grey-40:focus:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .md-focus-placeholder-grey-40:focus::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .md-focus-placeholder-grey-40:focus::placeholder {
    color: #c1c1ba !important
  }

  .md-focus-placeholder-grey-5:focus::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .md-focus-placeholder-grey-5:focus::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .md-focus-placeholder-grey-5:focus:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .md-focus-placeholder-grey-5:focus::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .md-focus-placeholder-grey-5:focus::placeholder {
    color: #f7f7f7 !important
  }

  .md-focus-placeholder-grey-50:focus::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .md-focus-placeholder-grey-50:focus::-moz-placeholder {
    color: #9b9b94 !important
  }

  .md-focus-placeholder-grey-50:focus:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .md-focus-placeholder-grey-50:focus::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .md-focus-placeholder-grey-50:focus::placeholder {
    color: #9b9b94 !important
  }

  .md-focus-placeholder-grey-60:focus::-webkit-input-placeholder {
    color: #71716c !important
  }

  .md-focus-placeholder-grey-60:focus::-moz-placeholder {
    color: #71716c !important
  }

  .md-focus-placeholder-grey-60:focus:-ms-input-placeholder {
    color: #71716c !important
  }

  .md-focus-placeholder-grey-60:focus::-ms-input-placeholder {
    color: #71716c !important
  }

  .md-focus-placeholder-grey-60:focus::placeholder {
    color: #71716c !important
  }

  .md-focus-placeholder-grey-70:focus::-webkit-input-placeholder {
    color: #515151 !important
  }

  .md-focus-placeholder-grey-70:focus::-moz-placeholder {
    color: #515151 !important
  }

  .md-focus-placeholder-grey-70:focus:-ms-input-placeholder {
    color: #515151 !important
  }

  .md-focus-placeholder-grey-70:focus::-ms-input-placeholder {
    color: #515151 !important
  }

  .md-focus-placeholder-grey-70:focus::placeholder {
    color: #515151 !important
  }

  .md-focus-placeholder-cball-blue:focus::-webkit-input-placeholder {
    color: #576995 !important
  }

  .md-focus-placeholder-cball-blue:focus::-moz-placeholder {
    color: #576995 !important
  }

  .md-focus-placeholder-cball-blue:focus:-ms-input-placeholder {
    color: #576995 !important
  }

  .md-focus-placeholder-cball-blue:focus::-ms-input-placeholder {
    color: #576995 !important
  }

  .md-focus-placeholder-cball-blue:focus::placeholder {
    color: #576995 !important
  }

  .md-focus-placeholder-cball-dark-blue:focus::-webkit-input-placeholder {
    color: #354363 !important
  }

  .md-focus-placeholder-cball-dark-blue:focus::-moz-placeholder {
    color: #354363 !important
  }

  .md-focus-placeholder-cball-dark-blue:focus:-ms-input-placeholder {
    color: #354363 !important
  }

  .md-focus-placeholder-cball-dark-blue:focus::-ms-input-placeholder {
    color: #354363 !important
  }

  .md-focus-placeholder-cball-dark-blue:focus::placeholder {
    color: #354363 !important
  }

  .md-focus-placeholder-cball-purple:focus::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .md-focus-placeholder-cball-purple:focus::-moz-placeholder {
    color: #0a101f !important
  }

  .md-focus-placeholder-cball-purple:focus:-ms-input-placeholder {
    color: #0a101f !important
  }

  .md-focus-placeholder-cball-purple:focus::-ms-input-placeholder {
    color: #0a101f !important
  }

  .md-focus-placeholder-cball-purple:focus::placeholder {
    color: #0a101f !important
  }

  .md-focus-placeholder-cw-spring-yellow:focus::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .md-focus-placeholder-cw-spring-yellow:focus::-moz-placeholder {
    color: #ffc907 !important
  }

  .md-focus-placeholder-cw-spring-yellow:focus:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .md-focus-placeholder-cw-spring-yellow:focus::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .md-focus-placeholder-cw-spring-yellow:focus::placeholder {
    color: #ffc907 !important
  }

  .md-focus-placeholder-cw-spring-dk-blue:focus::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .md-focus-placeholder-cw-spring-dk-blue:focus::-moz-placeholder {
    color: #1e2658 !important
  }

  .md-focus-placeholder-cw-spring-dk-blue:focus:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .md-focus-placeholder-cw-spring-dk-blue:focus::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .md-focus-placeholder-cw-spring-dk-blue:focus::placeholder {
    color: #1e2658 !important
  }

  .md-focus-placeholder-cw-spring-med-blue:focus::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .md-focus-placeholder-cw-spring-med-blue:focus::-moz-placeholder {
    color: #1080b9 !important
  }

  .md-focus-placeholder-cw-spring-med-blue:focus:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .md-focus-placeholder-cw-spring-med-blue:focus::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .md-focus-placeholder-cw-spring-med-blue:focus::placeholder {
    color: #1080b9 !important
  }

  .md-focus-placeholder-cw-spring-lt-blue:focus::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .md-focus-placeholder-cw-spring-lt-blue:focus::-moz-placeholder {
    color: #bae3f0 !important
  }

  .md-focus-placeholder-cw-spring-lt-blue:focus:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .md-focus-placeholder-cw-spring-lt-blue:focus::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .md-focus-placeholder-cw-spring-lt-blue:focus::placeholder {
    color: #bae3f0 !important
  }

  .md-focus-placeholder-cw-spring-dk-green:focus::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .md-focus-placeholder-cw-spring-dk-green:focus::-moz-placeholder {
    color: #004b3d !important
  }

  .md-focus-placeholder-cw-spring-dk-green:focus:-ms-input-placeholder {
    color: #004b3d !important
  }

  .md-focus-placeholder-cw-spring-dk-green:focus::-ms-input-placeholder {
    color: #004b3d !important
  }

  .md-focus-placeholder-cw-spring-dk-green:focus::placeholder {
    color: #004b3d !important
  }

  .md-focus-placeholder-cw-spring-med-green:focus::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .md-focus-placeholder-cw-spring-med-green:focus::-moz-placeholder {
    color: #00ac7f !important
  }

  .md-focus-placeholder-cw-spring-med-green:focus:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .md-focus-placeholder-cw-spring-med-green:focus::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .md-focus-placeholder-cw-spring-med-green:focus::placeholder {
    color: #00ac7f !important
  }

  .md-focus-placeholder-cw-spring-lt-green:focus::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .md-focus-placeholder-cw-spring-lt-green:focus::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .md-focus-placeholder-cw-spring-lt-green:focus:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .md-focus-placeholder-cw-spring-lt-green:focus::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .md-focus-placeholder-cw-spring-lt-green:focus::placeholder {
    color: #b8e3d1 !important
  }

  .md-focus-placeholder-cw-spring-black:focus::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .md-focus-placeholder-cw-spring-black:focus::-moz-placeholder {
    color: #1a1a1a !important
  }

  .md-focus-placeholder-cw-spring-black:focus:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .md-focus-placeholder-cw-spring-black:focus::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .md-focus-placeholder-cw-spring-black:focus::placeholder {
    color: #1a1a1a !important
  }

  .md-focus-placeholder-cw-spring-off-white:focus::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .md-focus-placeholder-cw-spring-off-white:focus::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .md-focus-placeholder-cw-spring-off-white:focus:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .md-focus-placeholder-cw-spring-off-white:focus::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .md-focus-placeholder-cw-spring-off-white:focus::placeholder {
    color: #fdf4e2 !important
  }

  .md-focus-placeholder-cw-spring-peach:focus::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .md-focus-placeholder-cw-spring-peach:focus::-moz-placeholder {
    color: #e88a78 !important
  }

  .md-focus-placeholder-cw-spring-peach:focus:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .md-focus-placeholder-cw-spring-peach:focus::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .md-focus-placeholder-cw-spring-peach:focus::placeholder {
    color: #e88a78 !important
  }

  .md-pointer-events-none {
    pointer-events: none !important
  }

  .md-pointer-events-auto {
    pointer-events: auto !important
  }

  .md-static {
    position: static !important
  }

  .md-fixed {
    position: fixed !important
  }

  .md-absolute {
    position: absolute !important
  }

  .md-relative {
    position: relative !important
  }

  .md-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  .md-inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
  }

  .md-inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important
  }

  .md-inset-y-0 {
    top: 0 !important;
    bottom: 0 !important
  }

  .md-inset-x-0 {
    right: 0 !important;
    left: 0 !important
  }

  .md-inset-y-auto {
    top: auto !important;
    bottom: auto !important
  }

  .md-inset-x-auto {
    right: auto !important;
    left: auto !important
  }

  .md-top-0 {
    top: 0 !important
  }

  .md-right-0 {
    right: 0 !important
  }

  .md-bottom-0 {
    bottom: 0 !important
  }

  .md-left-0 {
    left: 0 !important
  }

  .md-top-auto {
    top: auto !important
  }

  .md-right-auto {
    right: auto !important
  }

  .md-bottom-auto {
    bottom: auto !important
  }

  .md-left-auto {
    left: auto !important
  }

  .md-resize-none {
    resize: none !important
  }

  .md-resize-y {
    resize: vertical !important
  }

  .md-resize-x {
    resize: horizontal !important
  }

  .md-resize {
    resize: both !important
  }

  .md-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .md-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .md-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .md-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .md-shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .md-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .md-shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .md-shadow-none {
    box-shadow: none !important
  }

  .md-hover-shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .md-hover-shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .md-hover-shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .md-hover-shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .md-hover-shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .md-hover-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .md-hover-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .md-hover-shadow-none:hover {
    box-shadow: none !important
  }

  .md-focus-shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .md-focus-shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .md-focus-shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .md-focus-shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .md-focus-shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .md-focus-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .md-focus-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .md-focus-shadow-none:focus {
    box-shadow: none !important
  }

  .md-fill-current {
    fill: currentColor !important
  }

  .md-stroke-current {
    stroke: currentColor !important
  }

  .md-table-auto {
    table-layout: auto !important
  }

  .md-table-fixed {
    table-layout: fixed !important
  }

  .md-text-left {
    text-align: left !important
  }

  .md-text-center {
    text-align: center !important
  }

  .md-text-right {
    text-align: right !important
  }

  .md-text-justify {
    text-align: justify !important
  }

  .md-text-transparent {
    color: transparent !important
  }

  .md-text-cw-black {
    color: #333232 !important
  }

  .md-text-cw-blue {
    color: #369ff4 !important
  }

  .md-text-cw-blue-print {
    color: #5096d0 !important
  }

  .md-text-cw-green {
    color: #59c77f !important
  }

  .md-text-cw-orange {
    color: #fe813a !important
  }

  .md-text-cw-purple {
    color: #9064bf !important
  }

  .md-text-cw-red {
    color: #fa575d !important
  }

  .md-text-cw-spring {
    color: #1ba9e0 !important
  }

  .md-text-cw-teal {
    color: #8ed4cc !important
  }

  .md-text-cw-white {
    color: #fff !important
  }

  .md-text-cw-yellow {
    color: #ffca0a !important
  }

  .md-text-grey-10 {
    color: #f4f5f0 !important
  }

  .md-text-grey-20 {
    color: #e9eae4 !important
  }

  .md-text-grey-30 {
    color: #dfdfd7 !important
  }

  .md-text-grey-40 {
    color: #c1c1ba !important
  }

  .md-text-grey-5 {
    color: #f7f7f7 !important
  }

  .md-text-grey-50 {
    color: #9b9b94 !important
  }

  .md-text-grey-60 {
    color: #71716c !important
  }

  .md-text-grey-70 {
    color: #515151 !important
  }

  .md-text-cball-blue {
    color: #576995 !important
  }

  .md-text-cball-dark-blue {
    color: #354363 !important
  }

  .md-text-cball-purple {
    color: #0a101f !important
  }

  .md-text-cw-spring-yellow {
    color: #ffc907 !important
  }

  .md-text-cw-spring-dk-blue {
    color: #1e2658 !important
  }

  .md-text-cw-spring-med-blue {
    color: #1080b9 !important
  }

  .md-text-cw-spring-lt-blue {
    color: #bae3f0 !important
  }

  .md-text-cw-spring-dk-green {
    color: #004b3d !important
  }

  .md-text-cw-spring-med-green {
    color: #00ac7f !important
  }

  .md-text-cw-spring-lt-green {
    color: #b8e3d1 !important
  }

  .md-text-cw-spring-black {
    color: #1a1a1a !important
  }

  .md-text-cw-spring-off-white {
    color: #fdf4e2 !important
  }

  .md-text-cw-spring-peach {
    color: #e88a78 !important
  }

  .md-hover-text-transparent:hover {
    color: transparent !important
  }

  .md-hover-text-cw-black:hover {
    color: #333232 !important
  }

  .md-hover-text-cw-blue:hover {
    color: #369ff4 !important
  }

  .md-hover-text-cw-blue-print:hover {
    color: #5096d0 !important
  }

  .md-hover-text-cw-green:hover {
    color: #59c77f !important
  }

  .md-hover-text-cw-orange:hover {
    color: #fe813a !important
  }

  .md-hover-text-cw-purple:hover {
    color: #9064bf !important
  }

  .md-hover-text-cw-red:hover {
    color: #fa575d !important
  }

  .md-hover-text-cw-spring:hover {
    color: #1ba9e0 !important
  }

  .md-hover-text-cw-teal:hover {
    color: #8ed4cc !important
  }

  .md-hover-text-cw-white:hover {
    color: #fff !important
  }

  .md-hover-text-cw-yellow:hover {
    color: #ffca0a !important
  }

  .md-hover-text-grey-10:hover {
    color: #f4f5f0 !important
  }

  .md-hover-text-grey-20:hover {
    color: #e9eae4 !important
  }

  .md-hover-text-grey-30:hover {
    color: #dfdfd7 !important
  }

  .md-hover-text-grey-40:hover {
    color: #c1c1ba !important
  }

  .md-hover-text-grey-5:hover {
    color: #f7f7f7 !important
  }

  .md-hover-text-grey-50:hover {
    color: #9b9b94 !important
  }

  .md-hover-text-grey-60:hover {
    color: #71716c !important
  }

  .md-hover-text-grey-70:hover {
    color: #515151 !important
  }

  .md-hover-text-cball-blue:hover {
    color: #576995 !important
  }

  .md-hover-text-cball-dark-blue:hover {
    color: #354363 !important
  }

  .md-hover-text-cball-purple:hover {
    color: #0a101f !important
  }

  .md-hover-text-cw-spring-yellow:hover {
    color: #ffc907 !important
  }

  .md-hover-text-cw-spring-dk-blue:hover {
    color: #1e2658 !important
  }

  .md-hover-text-cw-spring-med-blue:hover {
    color: #1080b9 !important
  }

  .md-hover-text-cw-spring-lt-blue:hover {
    color: #bae3f0 !important
  }

  .md-hover-text-cw-spring-dk-green:hover {
    color: #004b3d !important
  }

  .md-hover-text-cw-spring-med-green:hover {
    color: #00ac7f !important
  }

  .md-hover-text-cw-spring-lt-green:hover {
    color: #b8e3d1 !important
  }

  .md-hover-text-cw-spring-black:hover {
    color: #1a1a1a !important
  }

  .md-hover-text-cw-spring-off-white:hover {
    color: #fdf4e2 !important
  }

  .md-hover-text-cw-spring-peach:hover {
    color: #e88a78 !important
  }

  .md-focus-text-transparent:focus {
    color: transparent !important
  }

  .md-focus-text-cw-black:focus {
    color: #333232 !important
  }

  .md-focus-text-cw-blue:focus {
    color: #369ff4 !important
  }

  .md-focus-text-cw-blue-print:focus {
    color: #5096d0 !important
  }

  .md-focus-text-cw-green:focus {
    color: #59c77f !important
  }

  .md-focus-text-cw-orange:focus {
    color: #fe813a !important
  }

  .md-focus-text-cw-purple:focus {
    color: #9064bf !important
  }

  .md-focus-text-cw-red:focus {
    color: #fa575d !important
  }

  .md-focus-text-cw-spring:focus {
    color: #1ba9e0 !important
  }

  .md-focus-text-cw-teal:focus {
    color: #8ed4cc !important
  }

  .md-focus-text-cw-white:focus {
    color: #fff !important
  }

  .md-focus-text-cw-yellow:focus {
    color: #ffca0a !important
  }

  .md-focus-text-grey-10:focus {
    color: #f4f5f0 !important
  }

  .md-focus-text-grey-20:focus {
    color: #e9eae4 !important
  }

  .md-focus-text-grey-30:focus {
    color: #dfdfd7 !important
  }

  .md-focus-text-grey-40:focus {
    color: #c1c1ba !important
  }

  .md-focus-text-grey-5:focus {
    color: #f7f7f7 !important
  }

  .md-focus-text-grey-50:focus {
    color: #9b9b94 !important
  }

  .md-focus-text-grey-60:focus {
    color: #71716c !important
  }

  .md-focus-text-grey-70:focus {
    color: #515151 !important
  }

  .md-focus-text-cball-blue:focus {
    color: #576995 !important
  }

  .md-focus-text-cball-dark-blue:focus {
    color: #354363 !important
  }

  .md-focus-text-cball-purple:focus {
    color: #0a101f !important
  }

  .md-focus-text-cw-spring-yellow:focus {
    color: #ffc907 !important
  }

  .md-focus-text-cw-spring-dk-blue:focus {
    color: #1e2658 !important
  }

  .md-focus-text-cw-spring-med-blue:focus {
    color: #1080b9 !important
  }

  .md-focus-text-cw-spring-lt-blue:focus {
    color: #bae3f0 !important
  }

  .md-focus-text-cw-spring-dk-green:focus {
    color: #004b3d !important
  }

  .md-focus-text-cw-spring-med-green:focus {
    color: #00ac7f !important
  }

  .md-focus-text-cw-spring-lt-green:focus {
    color: #b8e3d1 !important
  }

  .md-focus-text-cw-spring-black:focus {
    color: #1a1a1a !important
  }

  .md-focus-text-cw-spring-off-white:focus {
    color: #fdf4e2 !important
  }

  .md-focus-text-cw-spring-peach:focus {
    color: #e88a78 !important
  }

  .md-text-xs {
    font-size: .75rem !important
  }

  .md-text-sm {
    font-size: .875rem !important
  }

  .md-text-base {
    font-size: 1rem !important
  }

  .md-text-lg {
    font-size: 1.125rem !important
  }

  .md-text-xl {
    font-size: 1.25rem !important
  }

  .md-text-2xl {
    font-size: 1.5rem !important
  }

  .md-text-3xl {
    font-size: 1.875rem !important
  }

  .md-text-4xl {
    font-size: 2.25rem !important
  }

  .md-text-5xl {
    font-size: 3rem !important
  }

  .md-text-6xl {
    font-size: 4rem !important
  }

  .md-italic {
    font-style: italic !important
  }

  .md-not-italic {
    font-style: normal !important
  }

  .md-uppercase {
    text-transform: uppercase !important
  }

  .md-lowercase {
    text-transform: lowercase !important
  }

  .md-capitalize {
    text-transform: capitalize !important
  }

  .md-normal-case {
    text-transform: none !important
  }

  .md-underline {
    text-decoration: underline !important
  }

  .md-line-through {
    text-decoration: line-through !important
  }

  .md-no-underline {
    text-decoration: none !important
  }

  .md-hover-underline:hover {
    text-decoration: underline !important
  }

  .md-hover-line-through:hover {
    text-decoration: line-through !important
  }

  .md-hover-no-underline:hover {
    text-decoration: none !important
  }

  .md-focus-underline:focus {
    text-decoration: underline !important
  }

  .md-focus-line-through:focus {
    text-decoration: line-through !important
  }

  .md-focus-no-underline:focus {
    text-decoration: none !important
  }

  .md-antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  .md-subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  .md-tracking-tight {
    letter-spacing: -.05em !important
  }

  .md-tracking-normal {
    letter-spacing: 0 !important
  }

  .md-tracking-wide {
    letter-spacing: .05em !important
  }

  .md-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
  }

  .md-select-text {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
  }

  .md-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
  }

  .md-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
  }

  .md-align-baseline {
    vertical-align: baseline !important
  }

  .md-align-top {
    vertical-align: top !important
  }

  .md-align-middle {
    vertical-align: middle !important
  }

  .md-align-bottom {
    vertical-align: bottom !important
  }

  .md-align-text-top {
    vertical-align: text-top !important
  }

  .md-align-text-bottom {
    vertical-align: text-bottom !important
  }

  .md-visible {
    visibility: visible !important
  }

  .md-invisible {
    visibility: hidden !important
  }

  .md-whitespace-normal {
    white-space: normal !important
  }

  .md-whitespace-no-wrap {
    white-space: nowrap !important
  }

  .md-whitespace-pre {
    white-space: pre !important
  }

  .md-whitespace-pre-line {
    white-space: pre-line !important
  }

  .md-whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  .md-break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  .md-break-words {
    overflow-wrap: break-word !important
  }

  .md-break-all {
    word-break: break-all !important
  }

  .md-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  .md-w-0 {
    width: 0 !important
  }

  .md-w-1 {
    width: .25rem !important
  }

  .md-w-2 {
    width: .5rem !important
  }

  .md-w-3 {
    width: .75rem !important
  }

  .md-w-4 {
    width: 1rem !important
  }

  .md-w-5 {
    width: 1.25rem !important
  }

  .md-w-6 {
    width: 1.5rem !important
  }

  .md-w-8 {
    width: 2rem !important
  }

  .md-w-10 {
    width: 2.5rem !important
  }

  .md-w-12 {
    width: 3rem !important
  }

  .md-w-16 {
    width: 4rem !important
  }

  .md-w-20 {
    width: 5rem !important
  }

  .md-w-24 {
    width: 6rem !important
  }

  .md-w-32 {
    width: 8rem !important
  }

  .md-w-40 {
    width: 10rem !important
  }

  .md-w-48 {
    width: 12rem !important
  }

  .md-w-56 {
    width: 14rem !important
  }

  .md-w-64 {
    width: 16rem !important
  }

  .md-w-auto {
    width: auto !important
  }

  .md-w-px {
    width: 1px !important
  }

  .md-w-1\/2 {
    width: 50% !important
  }

  .md-w-1\/3 {
    width: 33.333333% !important
  }

  .md-w-2\/3 {
    width: 66.666667% !important
  }

  .md-w-1\/4 {
    width: 25% !important
  }

  .md-w-2\/4 {
    width: 50% !important
  }

  .md-w-3\/4 {
    width: 75% !important
  }

  .md-w-1\/5 {
    width: 20% !important
  }

  .md-w-2\/5 {
    width: 40% !important
  }

  .md-w-3\/5 {
    width: 60% !important
  }

  .md-w-4\/5 {
    width: 80% !important
  }

  .md-w-1\/6 {
    width: 16.666667% !important
  }

  .md-w-2\/6 {
    width: 33.333333% !important
  }

  .md-w-3\/6 {
    width: 50% !important
  }

  .md-w-4\/6 {
    width: 66.666667% !important
  }

  .md-w-5\/6 {
    width: 83.333333% !important
  }

  .md-w-1\/12 {
    width: 8.333333% !important
  }

  .md-w-2\/12 {
    width: 16.666667% !important
  }

  .md-w-3\/12 {
    width: 25% !important
  }

  .md-w-4\/12 {
    width: 33.333333% !important
  }

  .md-w-5\/12 {
    width: 41.666667% !important
  }

  .md-w-6\/12 {
    width: 50% !important
  }

  .md-w-7\/12 {
    width: 58.333333% !important
  }

  .md-w-8\/12 {
    width: 66.666667% !important
  }

  .md-w-9\/12 {
    width: 75% !important
  }

  .md-w-10\/12 {
    width: 83.333333% !important
  }

  .md-w-11\/12 {
    width: 91.666667% !important
  }

  .md-w-full {
    width: 100% !important
  }

  .md-w-screen {
    width: 100vw !important
  }

  .md-z-0 {
    z-index: 0 !important
  }

  .md-z-10 {
    z-index: 10 !important
  }

  .md-z-20 {
    z-index: 20 !important
  }

  .md-z-30 {
    z-index: 30 !important
  }

  .md-z-40 {
    z-index: 40 !important
  }

  .md-z-50 {
    z-index: 50 !important
  }

  .md-z-auto {
    z-index: auto !important
  }
}

@media (min-width:1025px) {
  .lg-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .lg-not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

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

  .lg-focus-not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

  .lg-appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
  }

  .lg-bg-fixed {
    background-attachment: fixed !important
  }

  .lg-bg-local {
    background-attachment: local !important
  }

  .lg-bg-scroll {
    background-attachment: scroll !important
  }

  .lg-bg-transparent {
    background-color: transparent !important
  }

  .lg-bg-cw-black {
    background-color: #333232 !important
  }

  .lg-bg-cw-blue {
    background-color: #369ff4 !important
  }

  .lg-bg-cw-blue-print {
    background-color: #5096d0 !important
  }

  .lg-bg-cw-green {
    background-color: #59c77f !important
  }

  .lg-bg-cw-orange {
    background-color: #fe813a !important
  }

  .lg-bg-cw-purple {
    background-color: #9064bf !important
  }

  .lg-bg-cw-red {
    background-color: #fa575d !important
  }

  .lg-bg-cw-spring {
    background-color: #1ba9e0 !important
  }

  .lg-bg-cw-teal {
    background-color: #8ed4cc !important
  }

  .lg-bg-cw-white {
    background-color: #fff !important
  }

  .lg-bg-cw-yellow {
    background-color: #ffca0a !important
  }

  .lg-bg-grey-10 {
    background-color: #f4f5f0 !important
  }

  .lg-bg-grey-20 {
    background-color: #e9eae4 !important
  }

  .lg-bg-grey-30 {
    background-color: #dfdfd7 !important
  }

  .lg-bg-grey-40 {
    background-color: #c1c1ba !important
  }

  .lg-bg-grey-5 {
    background-color: #f7f7f7 !important
  }

  .lg-bg-grey-50 {
    background-color: #9b9b94 !important
  }

  .lg-bg-grey-60 {
    background-color: #71716c !important
  }

  .lg-bg-grey-70 {
    background-color: #515151 !important
  }

  .lg-bg-cball-blue {
    background-color: #576995 !important
  }

  .lg-bg-cball-dark-blue {
    background-color: #354363 !important
  }

  .lg-bg-cball-purple {
    background-color: #0a101f !important
  }

  .lg-bg-cw-spring-yellow {
    background-color: #ffc907 !important
  }

  .lg-bg-cw-spring-dk-blue {
    background-color: #1e2658 !important
  }

  .lg-bg-cw-spring-med-blue {
    background-color: #1080b9 !important
  }

  .lg-bg-cw-spring-lt-blue {
    background-color: #bae3f0 !important
  }

  .lg-bg-cw-spring-dk-green {
    background-color: #004b3d !important
  }

  .lg-bg-cw-spring-med-green {
    background-color: #00ac7f !important
  }

  .lg-bg-cw-spring-lt-green {
    background-color: #b8e3d1 !important
  }

  .lg-bg-cw-spring-black {
    background-color: #1a1a1a !important
  }

  .lg-bg-cw-spring-off-white {
    background-color: #fdf4e2 !important
  }

  .lg-bg-cw-spring-peach {
    background-color: #e88a78 !important
  }

  .lg-hover-bg-transparent:hover {
    background-color: transparent !important
  }

  .lg-hover-bg-cw-black:hover {
    background-color: #333232 !important
  }

  .lg-hover-bg-cw-blue:hover {
    background-color: #369ff4 !important
  }

  .lg-hover-bg-cw-blue-print:hover {
    background-color: #5096d0 !important
  }

  .lg-hover-bg-cw-green:hover {
    background-color: #59c77f !important
  }

  .lg-hover-bg-cw-orange:hover {
    background-color: #fe813a !important
  }

  .lg-hover-bg-cw-purple:hover {
    background-color: #9064bf !important
  }

  .lg-hover-bg-cw-red:hover {
    background-color: #fa575d !important
  }

  .lg-hover-bg-cw-spring:hover {
    background-color: #1ba9e0 !important
  }

  .lg-hover-bg-cw-teal:hover {
    background-color: #8ed4cc !important
  }

  .lg-hover-bg-cw-white:hover {
    background-color: #fff !important
  }

  .lg-hover-bg-cw-yellow:hover {
    background-color: #ffca0a !important
  }

  .lg-hover-bg-grey-10:hover {
    background-color: #f4f5f0 !important
  }

  .lg-hover-bg-grey-20:hover {
    background-color: #e9eae4 !important
  }

  .lg-hover-bg-grey-30:hover {
    background-color: #dfdfd7 !important
  }

  .lg-hover-bg-grey-40:hover {
    background-color: #c1c1ba !important
  }

  .lg-hover-bg-grey-5:hover {
    background-color: #f7f7f7 !important
  }

  .lg-hover-bg-grey-50:hover {
    background-color: #9b9b94 !important
  }

  .lg-hover-bg-grey-60:hover {
    background-color: #71716c !important
  }

  .lg-hover-bg-grey-70:hover {
    background-color: #515151 !important
  }

  .lg-hover-bg-cball-blue:hover {
    background-color: #576995 !important
  }

  .lg-hover-bg-cball-dark-blue:hover {
    background-color: #354363 !important
  }

  .lg-hover-bg-cball-purple:hover {
    background-color: #0a101f !important
  }

  .lg-hover-bg-cw-spring-yellow:hover {
    background-color: #ffc907 !important
  }

  .lg-hover-bg-cw-spring-dk-blue:hover {
    background-color: #1e2658 !important
  }

  .lg-hover-bg-cw-spring-med-blue:hover {
    background-color: #1080b9 !important
  }

  .lg-hover-bg-cw-spring-lt-blue:hover {
    background-color: #bae3f0 !important
  }

  .lg-hover-bg-cw-spring-dk-green:hover {
    background-color: #004b3d !important
  }

  .lg-hover-bg-cw-spring-med-green:hover {
    background-color: #00ac7f !important
  }

  .lg-hover-bg-cw-spring-lt-green:hover {
    background-color: #b8e3d1 !important
  }

  .lg-hover-bg-cw-spring-black:hover {
    background-color: #1a1a1a !important
  }

  .lg-hover-bg-cw-spring-off-white:hover {
    background-color: #fdf4e2 !important
  }

  .lg-hover-bg-cw-spring-peach:hover {
    background-color: #e88a78 !important
  }

  .lg-focus-bg-transparent:focus {
    background-color: transparent !important
  }

  .lg-focus-bg-cw-black:focus {
    background-color: #333232 !important
  }

  .lg-focus-bg-cw-blue:focus {
    background-color: #369ff4 !important
  }

  .lg-focus-bg-cw-blue-print:focus {
    background-color: #5096d0 !important
  }

  .lg-focus-bg-cw-green:focus {
    background-color: #59c77f !important
  }

  .lg-focus-bg-cw-orange:focus {
    background-color: #fe813a !important
  }

  .lg-focus-bg-cw-purple:focus {
    background-color: #9064bf !important
  }

  .lg-focus-bg-cw-red:focus {
    background-color: #fa575d !important
  }

  .lg-focus-bg-cw-spring:focus {
    background-color: #1ba9e0 !important
  }

  .lg-focus-bg-cw-teal:focus {
    background-color: #8ed4cc !important
  }

  .lg-focus-bg-cw-white:focus {
    background-color: #fff !important
  }

  .lg-focus-bg-cw-yellow:focus {
    background-color: #ffca0a !important
  }

  .lg-focus-bg-grey-10:focus {
    background-color: #f4f5f0 !important
  }

  .lg-focus-bg-grey-20:focus {
    background-color: #e9eae4 !important
  }

  .lg-focus-bg-grey-30:focus {
    background-color: #dfdfd7 !important
  }

  .lg-focus-bg-grey-40:focus {
    background-color: #c1c1ba !important
  }

  .lg-focus-bg-grey-5:focus {
    background-color: #f7f7f7 !important
  }

  .lg-focus-bg-grey-50:focus {
    background-color: #9b9b94 !important
  }

  .lg-focus-bg-grey-60:focus {
    background-color: #71716c !important
  }

  .lg-focus-bg-grey-70:focus {
    background-color: #515151 !important
  }

  .lg-focus-bg-cball-blue:focus {
    background-color: #576995 !important
  }

  .lg-focus-bg-cball-dark-blue:focus {
    background-color: #354363 !important
  }

  .lg-focus-bg-cball-purple:focus {
    background-color: #0a101f !important
  }

  .lg-focus-bg-cw-spring-yellow:focus {
    background-color: #ffc907 !important
  }

  .lg-focus-bg-cw-spring-dk-blue:focus {
    background-color: #1e2658 !important
  }

  .lg-focus-bg-cw-spring-med-blue:focus {
    background-color: #1080b9 !important
  }

  .lg-focus-bg-cw-spring-lt-blue:focus {
    background-color: #bae3f0 !important
  }

  .lg-focus-bg-cw-spring-dk-green:focus {
    background-color: #004b3d !important
  }

  .lg-focus-bg-cw-spring-med-green:focus {
    background-color: #00ac7f !important
  }

  .lg-focus-bg-cw-spring-lt-green:focus {
    background-color: #b8e3d1 !important
  }

  .lg-focus-bg-cw-spring-black:focus {
    background-color: #1a1a1a !important
  }

  .lg-focus-bg-cw-spring-off-white:focus {
    background-color: #fdf4e2 !important
  }

  .lg-focus-bg-cw-spring-peach:focus {
    background-color: #e88a78 !important
  }

  .lg-bg-bottom {
    background-position: bottom !important
  }

  .lg-bg-center {
    background-position: 50% !important
  }

  .lg-bg-left {
    background-position: 0 !important
  }

  .lg-bg-left-bottom {
    background-position: 0 100% !important
  }

  .lg-bg-left-top {
    background-position: 0 0 !important
  }

  .lg-bg-right {
    background-position: 100% !important
  }

  .lg-bg-right-bottom {
    background-position: 100% 100% !important
  }

  .lg-bg-right-top {
    background-position: 100% 0 !important
  }

  .lg-bg-top {
    background-position: top !important
  }

  .lg-bg-repeat {
    background-repeat: repeat !important
  }

  .lg-bg-no-repeat {
    background-repeat: no-repeat !important
  }

  .lg-bg-repeat-x {
    background-repeat: repeat-x !important
  }

  .lg-bg-repeat-y {
    background-repeat: repeat-y !important
  }

  .lg-bg-repeat-round {
    background-repeat: round !important
  }

  .lg-bg-repeat-space {
    background-repeat: space !important
  }

  .lg-bg-auto {
    background-size: auto !important
  }

  .lg-bg-cover {
    background-size: cover !important
  }

  .lg-bg-contain {
    background-size: contain !important
  }

  .lg-border-collapse {
    border-collapse: collapse !important
  }

  .lg-border-separate {
    border-collapse: separate !important
  }

  .lg-border-transparent {
    border-color: transparent !important
  }

  .lg-border-cw-black {
    border-color: #333232 !important
  }

  .lg-border-cw-blue {
    border-color: #369ff4 !important
  }

  .lg-border-cw-blue-print {
    border-color: #5096d0 !important
  }

  .lg-border-cw-green {
    border-color: #59c77f !important
  }

  .lg-border-cw-orange {
    border-color: #fe813a !important
  }

  .lg-border-cw-purple {
    border-color: #9064bf !important
  }

  .lg-border-cw-red {
    border-color: #fa575d !important
  }

  .lg-border-cw-spring {
    border-color: #1ba9e0 !important
  }

  .lg-border-cw-teal {
    border-color: #8ed4cc !important
  }

  .lg-border-cw-white {
    border-color: #fff !important
  }

  .lg-border-cw-yellow {
    border-color: #ffca0a !important
  }

  .lg-border-grey-10 {
    border-color: #f4f5f0 !important
  }

  .lg-border-grey-20 {
    border-color: #e9eae4 !important
  }

  .lg-border-grey-30 {
    border-color: #dfdfd7 !important
  }

  .lg-border-grey-40 {
    border-color: #c1c1ba !important
  }

  .lg-border-grey-5 {
    border-color: #f7f7f7 !important
  }

  .lg-border-grey-50 {
    border-color: #9b9b94 !important
  }

  .lg-border-grey-60 {
    border-color: #71716c !important
  }

  .lg-border-grey-70 {
    border-color: #515151 !important
  }

  .lg-border-cball-blue {
    border-color: #576995 !important
  }

  .lg-border-cball-dark-blue {
    border-color: #354363 !important
  }

  .lg-border-cball-purple {
    border-color: #0a101f !important
  }

  .lg-border-cw-spring-yellow {
    border-color: #ffc907 !important
  }

  .lg-border-cw-spring-dk-blue {
    border-color: #1e2658 !important
  }

  .lg-border-cw-spring-med-blue {
    border-color: #1080b9 !important
  }

  .lg-border-cw-spring-lt-blue {
    border-color: #bae3f0 !important
  }

  .lg-border-cw-spring-dk-green {
    border-color: #004b3d !important
  }

  .lg-border-cw-spring-med-green {
    border-color: #00ac7f !important
  }

  .lg-border-cw-spring-lt-green {
    border-color: #b8e3d1 !important
  }

  .lg-border-cw-spring-black {
    border-color: #1a1a1a !important
  }

  .lg-border-cw-spring-off-white {
    border-color: #fdf4e2 !important
  }

  .lg-border-cw-spring-peach {
    border-color: #e88a78 !important
  }

  .lg-hover-border-transparent:hover {
    border-color: transparent !important
  }

  .lg-hover-border-cw-black:hover {
    border-color: #333232 !important
  }

  .lg-hover-border-cw-blue:hover {
    border-color: #369ff4 !important
  }

  .lg-hover-border-cw-blue-print:hover {
    border-color: #5096d0 !important
  }

  .lg-hover-border-cw-green:hover {
    border-color: #59c77f !important
  }

  .lg-hover-border-cw-orange:hover {
    border-color: #fe813a !important
  }

  .lg-hover-border-cw-purple:hover {
    border-color: #9064bf !important
  }

  .lg-hover-border-cw-red:hover {
    border-color: #fa575d !important
  }

  .lg-hover-border-cw-spring:hover {
    border-color: #1ba9e0 !important
  }

  .lg-hover-border-cw-teal:hover {
    border-color: #8ed4cc !important
  }

  .lg-hover-border-cw-white:hover {
    border-color: #fff !important
  }

  .lg-hover-border-cw-yellow:hover {
    border-color: #ffca0a !important
  }

  .lg-hover-border-grey-10:hover {
    border-color: #f4f5f0 !important
  }

  .lg-hover-border-grey-20:hover {
    border-color: #e9eae4 !important
  }

  .lg-hover-border-grey-30:hover {
    border-color: #dfdfd7 !important
  }

  .lg-hover-border-grey-40:hover {
    border-color: #c1c1ba !important
  }

  .lg-hover-border-grey-5:hover {
    border-color: #f7f7f7 !important
  }

  .lg-hover-border-grey-50:hover {
    border-color: #9b9b94 !important
  }

  .lg-hover-border-grey-60:hover {
    border-color: #71716c !important
  }

  .lg-hover-border-grey-70:hover {
    border-color: #515151 !important
  }

  .lg-hover-border-cball-blue:hover {
    border-color: #576995 !important
  }

  .lg-hover-border-cball-dark-blue:hover {
    border-color: #354363 !important
  }

  .lg-hover-border-cball-purple:hover {
    border-color: #0a101f !important
  }

  .lg-hover-border-cw-spring-yellow:hover {
    border-color: #ffc907 !important
  }

  .lg-hover-border-cw-spring-dk-blue:hover {
    border-color: #1e2658 !important
  }

  .lg-hover-border-cw-spring-med-blue:hover {
    border-color: #1080b9 !important
  }

  .lg-hover-border-cw-spring-lt-blue:hover {
    border-color: #bae3f0 !important
  }

  .lg-hover-border-cw-spring-dk-green:hover {
    border-color: #004b3d !important
  }

  .lg-hover-border-cw-spring-med-green:hover {
    border-color: #00ac7f !important
  }

  .lg-hover-border-cw-spring-lt-green:hover {
    border-color: #b8e3d1 !important
  }

  .lg-hover-border-cw-spring-black:hover {
    border-color: #1a1a1a !important
  }

  .lg-hover-border-cw-spring-off-white:hover {
    border-color: #fdf4e2 !important
  }

  .lg-hover-border-cw-spring-peach:hover {
    border-color: #e88a78 !important
  }

  .lg-focus-border-transparent:focus {
    border-color: transparent !important
  }

  .lg-focus-border-cw-black:focus {
    border-color: #333232 !important
  }

  .lg-focus-border-cw-blue:focus {
    border-color: #369ff4 !important
  }

  .lg-focus-border-cw-blue-print:focus {
    border-color: #5096d0 !important
  }

  .lg-focus-border-cw-green:focus {
    border-color: #59c77f !important
  }

  .lg-focus-border-cw-orange:focus {
    border-color: #fe813a !important
  }

  .lg-focus-border-cw-purple:focus {
    border-color: #9064bf !important
  }

  .lg-focus-border-cw-red:focus {
    border-color: #fa575d !important
  }

  .lg-focus-border-cw-spring:focus {
    border-color: #1ba9e0 !important
  }

  .lg-focus-border-cw-teal:focus {
    border-color: #8ed4cc !important
  }

  .lg-focus-border-cw-white:focus {
    border-color: #fff !important
  }

  .lg-focus-border-cw-yellow:focus {
    border-color: #ffca0a !important
  }

  .lg-focus-border-grey-10:focus {
    border-color: #f4f5f0 !important
  }

  .lg-focus-border-grey-20:focus {
    border-color: #e9eae4 !important
  }

  .lg-focus-border-grey-30:focus {
    border-color: #dfdfd7 !important
  }

  .lg-focus-border-grey-40:focus {
    border-color: #c1c1ba !important
  }

  .lg-focus-border-grey-5:focus {
    border-color: #f7f7f7 !important
  }

  .lg-focus-border-grey-50:focus {
    border-color: #9b9b94 !important
  }

  .lg-focus-border-grey-60:focus {
    border-color: #71716c !important
  }

  .lg-focus-border-grey-70:focus {
    border-color: #515151 !important
  }

  .lg-focus-border-cball-blue:focus {
    border-color: #576995 !important
  }

  .lg-focus-border-cball-dark-blue:focus {
    border-color: #354363 !important
  }

  .lg-focus-border-cball-purple:focus {
    border-color: #0a101f !important
  }

  .lg-focus-border-cw-spring-yellow:focus {
    border-color: #ffc907 !important
  }

  .lg-focus-border-cw-spring-dk-blue:focus {
    border-color: #1e2658 !important
  }

  .lg-focus-border-cw-spring-med-blue:focus {
    border-color: #1080b9 !important
  }

  .lg-focus-border-cw-spring-lt-blue:focus {
    border-color: #bae3f0 !important
  }

  .lg-focus-border-cw-spring-dk-green:focus {
    border-color: #004b3d !important
  }

  .lg-focus-border-cw-spring-med-green:focus {
    border-color: #00ac7f !important
  }

  .lg-focus-border-cw-spring-lt-green:focus {
    border-color: #b8e3d1 !important
  }

  .lg-focus-border-cw-spring-black:focus {
    border-color: #1a1a1a !important
  }

  .lg-focus-border-cw-spring-off-white:focus {
    border-color: #fdf4e2 !important
  }

  .lg-focus-border-cw-spring-peach:focus {
    border-color: #e88a78 !important
  }

  .lg-rounded-none {
    border-radius: 0 !important
  }

  .lg-rounded-sm {
    border-radius: .125rem !important
  }

  .lg-rounded {
    border-radius: .25rem !important
  }

  .lg-rounded-lg {
    border-radius: .5rem !important
  }

  .lg-rounded-full {
    border-radius: 9999px !important
  }

  .lg-rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .lg-rounded-r-none {
    border-top-right-radius: 0 !important
  }

  .lg-rounded-b-none,
  .lg-rounded-r-none {
    border-bottom-right-radius: 0 !important
  }

  .lg-rounded-b-none,
  .lg-rounded-l-none {
    border-bottom-left-radius: 0 !important
  }

  .lg-rounded-l-none {
    border-top-left-radius: 0 !important
  }

  .lg-rounded-t-sm {
    border-top-left-radius: .125rem !important
  }

  .lg-rounded-r-sm,
  .lg-rounded-t-sm {
    border-top-right-radius: .125rem !important
  }

  .lg-rounded-b-sm,
  .lg-rounded-r-sm {
    border-bottom-right-radius: .125rem !important
  }

  .lg-rounded-b-sm,
  .lg-rounded-l-sm {
    border-bottom-left-radius: .125rem !important
  }

  .lg-rounded-l-sm {
    border-top-left-radius: .125rem !important
  }

  .lg-rounded-t {
    border-top-left-radius: .25rem !important
  }

  .lg-rounded-r,
  .lg-rounded-t {
    border-top-right-radius: .25rem !important
  }

  .lg-rounded-b,
  .lg-rounded-r {
    border-bottom-right-radius: .25rem !important
  }

  .lg-rounded-b,
  .lg-rounded-l {
    border-bottom-left-radius: .25rem !important
  }

  .lg-rounded-l {
    border-top-left-radius: .25rem !important
  }

  .lg-rounded-t-lg {
    border-top-left-radius: .5rem !important
  }

  .lg-rounded-r-lg,
  .lg-rounded-t-lg {
    border-top-right-radius: .5rem !important
  }

  .lg-rounded-b-lg,
  .lg-rounded-r-lg {
    border-bottom-right-radius: .5rem !important
  }

  .lg-rounded-b-lg,
  .lg-rounded-l-lg {
    border-bottom-left-radius: .5rem !important
  }

  .lg-rounded-l-lg {
    border-top-left-radius: .5rem !important
  }

  .lg-rounded-t-full {
    border-top-left-radius: 9999px !important
  }

  .lg-rounded-r-full,
  .lg-rounded-t-full {
    border-top-right-radius: 9999px !important
  }

  .lg-rounded-b-full,
  .lg-rounded-r-full {
    border-bottom-right-radius: 9999px !important
  }

  .lg-rounded-b-full,
  .lg-rounded-l-full {
    border-bottom-left-radius: 9999px !important
  }

  .lg-rounded-l-full {
    border-top-left-radius: 9999px !important
  }

  .lg-rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  .lg-rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  .lg-rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  .lg-rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  .lg-rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  .lg-rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  .lg-rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  .lg-rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  .lg-rounded-tl {
    border-top-left-radius: .25rem !important
  }

  .lg-rounded-tr {
    border-top-right-radius: .25rem !important
  }

  .lg-rounded-br {
    border-bottom-right-radius: .25rem !important
  }

  .lg-rounded-bl {
    border-bottom-left-radius: .25rem !important
  }

  .lg-rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  .lg-rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  .lg-rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  .lg-rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  .lg-rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  .lg-rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  .lg-rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  .lg-rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  .lg-border-solid {
    border-style: solid !important
  }

  .lg-border-dashed {
    border-style: dashed !important
  }

  .lg-border-dotted {
    border-style: dotted !important
  }

  .lg-border-double {
    border-style: double !important
  }

  .lg-border-none {
    border-style: none !important
  }

  .lg-border-0 {
    border-width: 0 !important
  }

  .lg-border-2 {
    border-width: 2px !important
  }

  .lg-border-4 {
    border-width: 4px !important
  }

  .lg-border-8 {
    border-width: 8px !important
  }

  .lg-border {
    border-width: 1px !important
  }

  .lg-border-t-0 {
    border-top-width: 0 !important
  }

  .lg-border-r-0 {
    border-right-width: 0 !important
  }

  .lg-border-b-0 {
    border-bottom-width: 0 !important
  }

  .lg-border-l-0 {
    border-left-width: 0 !important
  }

  .lg-border-t-2 {
    border-top-width: 2px !important
  }

  .lg-border-r-2 {
    border-right-width: 2px !important
  }

  .lg-border-b-2 {
    border-bottom-width: 2px !important
  }

  .lg-border-l-2 {
    border-left-width: 2px !important
  }

  .lg-border-t-4 {
    border-top-width: 4px !important
  }

  .lg-border-r-4 {
    border-right-width: 4px !important
  }

  .lg-border-b-4 {
    border-bottom-width: 4px !important
  }

  .lg-border-l-4 {
    border-left-width: 4px !important
  }

  .lg-border-t-8 {
    border-top-width: 8px !important
  }

  .lg-border-r-8 {
    border-right-width: 8px !important
  }

  .lg-border-b-8 {
    border-bottom-width: 8px !important
  }

  .lg-border-l-8 {
    border-left-width: 8px !important
  }

  .lg-border-t {
    border-top-width: 1px !important
  }

  .lg-border-r {
    border-right-width: 1px !important
  }

  .lg-border-b {
    border-bottom-width: 1px !important
  }

  .lg-border-l {
    border-left-width: 1px !important
  }

  .lg-cursor-auto {
    cursor: auto !important
  }

  .lg-cursor-default {
    cursor: default !important
  }

  .lg-cursor-pointer {
    cursor: pointer !important
  }

  .lg-cursor-wait {
    cursor: wait !important
  }

  .lg-cursor-text {
    cursor: text !important
  }

  .lg-cursor-move {
    cursor: move !important
  }

  .lg-cursor-not-allowed {
    cursor: not-allowed !important
  }

  .lg-block {
    display: block !important
  }

  .lg-inline-block {
    display: inline-block !important
  }

  .lg-inline {
    display: inline !important
  }

  .lg-flex {
    display: -webkit-box !important;
    display: flex !important
  }

  .lg-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important
  }

  .lg-table {
    display: table !important
  }

  .lg-table-row {
    display: table-row !important
  }

  .lg-table-cell {
    display: table-cell !important
  }

  .lg-hidden {
    display: none !important
  }

  .lg-flex-row {
    flex-direction: row !important
  }

  .lg-flex-row-reverse {
    flex-direction: row-reverse !important
  }

  .lg-flex-col {
    flex-direction: column !important
  }

  .lg-flex-col-reverse {
    flex-direction: column-reverse !important
  }

  .lg-flex-wrap {
    flex-wrap: wrap !important
  }

  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .lg-flex-no-wrap {
    flex-wrap: nowrap !important
  }

  .lg-items-start {
    align-items: flex-start !important
  }

  .lg-items-end {
    align-items: flex-end !important
  }

  .lg-items-center {
    align-items: center !important
  }

  .lg-items-baseline {
    align-items: baseline !important
  }

  .lg-items-stretch {
    align-items: stretch !important
  }

  .lg-self-auto {
    align-self: auto !important
  }

  .lg-self-start {
    align-self: flex-start !important
  }

  .lg-self-end {
    align-self: flex-end !important
  }

  .lg-self-center {
    align-self: center !important
  }

  .lg-self-stretch {
    align-self: stretch !important
  }

  .lg-justify-start {
    justify-content: flex-start !important
  }

  .lg-justify-end {
    justify-content: flex-end !important
  }

  .lg-justify-center {
    justify-content: center !important
  }

  .lg-justify-between {
    justify-content: space-between !important
  }

  .lg-justify-around {
    justify-content: space-around !important
  }

  .lg-content-center {
    align-content: center !important
  }

  .lg-content-start {
    align-content: flex-start !important
  }

  .lg-content-end {
    align-content: flex-end !important
  }

  .lg-content-between {
    align-content: space-between !important
  }

  .lg-content-around {
    align-content: space-around !important
  }

  .lg-flex-1 {
    flex: 1 1 !important
  }

  .lg-flex-auto {
    flex: 1 1 auto !important
  }

  .lg-flex-initial {
    flex: 0 1 auto !important
  }

  .lg-flex-none {
    flex: none !important
  }

  .lg-flex-grow-0 {
    flex-grow: 0 !important
  }

  .lg-flex-grow {
    flex-grow: 1 !important
  }

  .lg-flex-shrink-0 {
    flex-shrink: 0 !important
  }

  .lg-flex-shrink {
    flex-shrink: 1 !important
  }

  .lg-order-1 {
    order: 1 !important
  }

  .lg-order-2 {
    order: 2 !important
  }

  .lg-order-3 {
    order: 3 !important
  }

  .lg-order-4 {
    order: 4 !important
  }

  .lg-order-5 {
    order: 5 !important
  }

  .lg-order-6 {
    order: 6 !important
  }

  .lg-order-7 {
    order: 7 !important
  }

  .lg-order-8 {
    order: 8 !important
  }

  .lg-order-9 {
    order: 9 !important
  }

  .lg-order-10 {
    order: 10 !important
  }

  .lg-order-11 {
    order: 11 !important
  }

  .lg-order-12 {
    order: 12 !important
  }

  .lg-order-first {
    order: -9999 !important
  }

  .lg-order-last {
    order: 9999 !important
  }

  .lg-order-none {
    order: 0 !important
  }

  .lg-float-right {
    float: right !important
  }

  .lg-float-left {
    float: left !important
  }

  .lg-float-none {
    float: none !important
  }

  .lg-clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important
  }

  .lg-font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
  }

  .lg-font-serif {
    font-family: Georgia, Cambria, Times New Roman, Times, serif !important
  }

  .lg-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
  }

  .lg-font-hairline {
    font-weight: 100 !important
  }

  .lg-font-thin {
    font-weight: 200 !important
  }

  .lg-font-light {
    font-weight: 300 !important
  }

  .lg-font-normal {
    font-weight: 400 !important
  }

  .lg-font-medium {
    font-weight: 500 !important
  }

  .lg-font-semibold {
    font-weight: 600 !important
  }

  .lg-font-bold {
    font-weight: 700 !important
  }

  .lg-font-extrabold {
    font-weight: 800 !important
  }

  .lg-font-black {
    font-weight: 900 !important
  }

  .lg-hover-font-hairline:hover {
    font-weight: 100 !important
  }

  .lg-hover-font-thin:hover {
    font-weight: 200 !important
  }

  .lg-hover-font-light:hover {
    font-weight: 300 !important
  }

  .lg-hover-font-normal:hover {
    font-weight: 400 !important
  }

  .lg-hover-font-medium:hover {
    font-weight: 500 !important
  }

  .lg-hover-font-semibold:hover {
    font-weight: 600 !important
  }

  .lg-hover-font-bold:hover {
    font-weight: 700 !important
  }

  .lg-hover-font-extrabold:hover {
    font-weight: 800 !important
  }

  .lg-hover-font-black:hover {
    font-weight: 900 !important
  }

  .lg-focus-font-hairline:focus {
    font-weight: 100 !important
  }

  .lg-focus-font-thin:focus {
    font-weight: 200 !important
  }

  .lg-focus-font-light:focus {
    font-weight: 300 !important
  }

  .lg-focus-font-normal:focus {
    font-weight: 400 !important
  }

  .lg-focus-font-medium:focus {
    font-weight: 500 !important
  }

  .lg-focus-font-semibold:focus {
    font-weight: 600 !important
  }

  .lg-focus-font-bold:focus {
    font-weight: 700 !important
  }

  .lg-focus-font-extrabold:focus {
    font-weight: 800 !important
  }

  .lg-focus-font-black:focus {
    font-weight: 900 !important
  }

  .lg-h-0 {
    height: 0 !important
  }

  .lg-h-1 {
    height: .25rem !important
  }

  .lg-h-2 {
    height: .5rem !important
  }

  .lg-h-3 {
    height: .75rem !important
  }

  .lg-h-4 {
    height: 1rem !important
  }

  .lg-h-5 {
    height: 1.25rem !important
  }

  .lg-h-6 {
    height: 1.5rem !important
  }

  .lg-h-8 {
    height: 2rem !important
  }

  .lg-h-10 {
    height: 2.5rem !important
  }

  .lg-h-12 {
    height: 3rem !important
  }

  .lg-h-16 {
    height: 4rem !important
  }

  .lg-h-20 {
    height: 5rem !important
  }

  .lg-h-24 {
    height: 6rem !important
  }

  .lg-h-32 {
    height: 8rem !important
  }

  .lg-h-40 {
    height: 10rem !important
  }

  .lg-h-48 {
    height: 12rem !important
  }

  .lg-h-56 {
    height: 14rem !important
  }

  .lg-h-64 {
    height: 16rem !important
  }

  .lg-h-auto {
    height: auto !important
  }

  .lg-h-px {
    height: 1px !important
  }

  .lg-h-full {
    height: 100% !important
  }

  .lg-h-screen {
    height: 100vh !important
  }

  .lg-leading-none {
    line-height: 1 !important
  }

  .lg-leading-tight {
    line-height: 1.25 !important
  }

  .lg-leading-snug {
    line-height: 1.375 !important
  }

  .lg-leading-normal {
    line-height: 1.5 !important
  }

  .lg-leading-relaxed {
    line-height: 1.625 !important
  }

  .lg-leading-loose {
    line-height: 2 !important
  }

  .lg-list-inside {
    list-style-position: inside !important
  }

  .lg-list-outside {
    list-style-position: outside !important
  }

  .lg-list-none {
    list-style-type: none !important
  }

  .lg-list-disc {
    list-style-type: disc !important
  }

  .lg-list-decimal {
    list-style-type: decimal !important
  }

  .lg-m-0 {
    margin: 0 !important
  }

  .lg-m-1 {
    margin: 10px !important
  }

  .lg-m-2 {
    margin: 20px !important
  }

  .lg-m-3 {
    margin: 40px !important
  }

  .lg-m-4 {
    margin: 60px !important
  }

  .lg-m-auto {
    margin: auto !important
  }

  .lg-m-px {
    margin: 1px !important
  }

  .lg--m-0 {
    margin: 0 !important
  }

  .lg--m-1 {
    margin: -10px !important
  }

  .lg--m-2 {
    margin: -20px !important
  }

  .lg--m-3 {
    margin: -40px !important
  }

  .lg--m-4 {
    margin: -60px !important
  }

  .lg--m-px {
    margin: -1px !important
  }

  .lg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .lg-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .lg-my-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .lg-mx-1 {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .lg-my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .lg-mx-2 {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .lg-my-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .lg-mx-3 {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .lg-my-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .lg-mx-4 {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .lg-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .lg-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .lg-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important
  }

  .lg-mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  .lg--my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .lg--mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .lg--my-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
  }

  .lg--mx-1 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }

  .lg--my-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
  }

  .lg--mx-2 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }

  .lg--my-3 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
  }

  .lg--mx-3 {
    margin-left: -40px !important;
    margin-right: -40px !important
  }

  .lg--my-4 {
    margin-top: -60px !important;
    margin-bottom: -60px !important
  }

  .lg--mx-4 {
    margin-left: -60px !important;
    margin-right: -60px !important
  }

  .lg--my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important
  }

  .lg--mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  .lg-mt-0 {
    margin-top: 0 !important
  }

  .lg-mr-0 {
    margin-right: 0 !important
  }

  .lg-mb-0 {
    margin-bottom: 0 !important
  }

  .lg-ml-0 {
    margin-left: 0 !important
  }

  .lg-mt-1 {
    margin-top: 10px !important
  }

  .lg-mr-1 {
    margin-right: 10px !important
  }

  .lg-mb-1 {
    margin-bottom: 10px !important
  }

  .lg-ml-1 {
    margin-left: 10px !important
  }

  .lg-mt-2 {
    margin-top: 20px !important
  }

  .lg-mr-2 {
    margin-right: 20px !important
  }

  .lg-mb-2 {
    margin-bottom: 20px !important
  }

  .lg-ml-2 {
    margin-left: 20px !important
  }

  .lg-mt-3 {
    margin-top: 40px !important
  }

  .lg-mr-3 {
    margin-right: 40px !important
  }

  .lg-mb-3 {
    margin-bottom: 40px !important
  }

  .lg-ml-3 {
    margin-left: 40px !important
  }

  .lg-mt-4 {
    margin-top: 60px !important
  }

  .lg-mr-4 {
    margin-right: 60px !important
  }

  .lg-mb-4 {
    margin-bottom: 60px !important
  }

  .lg-ml-4 {
    margin-left: 60px !important
  }

  .lg-mt-auto {
    margin-top: auto !important
  }

  .lg-mr-auto {
    margin-right: auto !important
  }

  .lg-mb-auto {
    margin-bottom: auto !important
  }

  .lg-ml-auto {
    margin-left: auto !important
  }

  .lg-mt-px {
    margin-top: 1px !important
  }

  .lg-mr-px {
    margin-right: 1px !important
  }

  .lg-mb-px {
    margin-bottom: 1px !important
  }

  .lg-ml-px {
    margin-left: 1px !important
  }

  .lg--mt-0 {
    margin-top: 0 !important
  }

  .lg--mr-0 {
    margin-right: 0 !important
  }

  .lg--mb-0 {
    margin-bottom: 0 !important
  }

  .lg--ml-0 {
    margin-left: 0 !important
  }

  .lg--mt-1 {
    margin-top: -10px !important
  }

  .lg--mr-1 {
    margin-right: -10px !important
  }

  .lg--mb-1 {
    margin-bottom: -10px !important
  }

  .lg--ml-1 {
    margin-left: -10px !important
  }

  .lg--mt-2 {
    margin-top: -20px !important
  }

  .lg--mr-2 {
    margin-right: -20px !important
  }

  .lg--mb-2 {
    margin-bottom: -20px !important
  }

  .lg--ml-2 {
    margin-left: -20px !important
  }

  .lg--mt-3 {
    margin-top: -40px !important
  }

  .lg--mr-3 {
    margin-right: -40px !important
  }

  .lg--mb-3 {
    margin-bottom: -40px !important
  }

  .lg--ml-3 {
    margin-left: -40px !important
  }

  .lg--mt-4 {
    margin-top: -60px !important
  }

  .lg--mr-4 {
    margin-right: -60px !important
  }

  .lg--mb-4 {
    margin-bottom: -60px !important
  }

  .lg--ml-4 {
    margin-left: -60px !important
  }

  .lg--mt-px {
    margin-top: -1px !important
  }

  .lg--mr-px {
    margin-right: -1px !important
  }

  .lg--mb-px {
    margin-bottom: -1px !important
  }

  .lg--ml-px {
    margin-left: -1px !important
  }

  .lg-max-h-full {
    max-height: 100% !important
  }

  .lg-max-h-screen {
    max-height: 100vh !important
  }

  .lg-max-w-xs {
    max-width: 20rem !important
  }

  .lg-max-w-sm {
    max-width: 30rem !important
  }

  .lg-max-w-md {
    max-width: 40rem !important
  }

  .lg-max-w-lg {
    max-width: 50rem !important
  }

  .lg-max-w-xl {
    max-width: 60rem !important
  }

  .lg-max-w-2xl {
    max-width: 70rem !important
  }

  .lg-max-w-3xl {
    max-width: 80rem !important
  }

  .lg-max-w-4xl {
    max-width: 90rem !important
  }

  .lg-max-w-5xl {
    max-width: 100rem !important
  }

  .lg-max-w-full {
    max-width: 100% !important
  }

  .lg-min-h-0 {
    min-height: 0 !important
  }

  .lg-min-h-full {
    min-height: 100% !important
  }

  .lg-min-h-screen {
    min-height: 100vh !important
  }

  .lg-min-w-0 {
    min-width: 0 !important
  }

  .lg-min-w-full {
    min-width: 100% !important
  }

  .lg-object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .lg-object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .lg-object-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .lg-object-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .lg-object-scale-down {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .lg-object-bottom {
    -o-object-position: bottom !important;
    object-position: bottom !important
  }

  .lg-object-center {
    -o-object-position: center !important;
    object-position: center !important
  }

  .lg-object-left {
    -o-object-position: left !important;
    object-position: left !important
  }

  .lg-object-left-bottom {
    -o-object-position: left bottom !important;
    object-position: left bottom !important
  }

  .lg-object-left-top {
    -o-object-position: left top !important;
    object-position: left top !important
  }

  .lg-object-right {
    -o-object-position: right !important;
    object-position: right !important
  }

  .lg-object-right-bottom {
    -o-object-position: right bottom !important;
    object-position: right bottom !important
  }

  .lg-object-right-top {
    -o-object-position: right top !important;
    object-position: right top !important
  }

  .lg-object-top {
    -o-object-position: top !important;
    object-position: top !important
  }

  .lg-opacity-0 {
    opacity: 0 !important
  }

  .lg-opacity-25 {
    opacity: .25 !important
  }

  .lg-opacity-50 {
    opacity: .5 !important
  }

  .lg-opacity-75 {
    opacity: .75 !important
  }

  .lg-opacity-100 {
    opacity: 1 !important
  }

  .lg-hover-opacity-0:hover {
    opacity: 0 !important
  }

  .lg-hover-opacity-25:hover {
    opacity: .25 !important
  }

  .lg-hover-opacity-50:hover {
    opacity: .5 !important
  }

  .lg-hover-opacity-75:hover {
    opacity: .75 !important
  }

  .lg-hover-opacity-100:hover {
    opacity: 1 !important
  }

  .lg-focus-opacity-0:focus {
    opacity: 0 !important
  }

  .lg-focus-opacity-25:focus {
    opacity: .25 !important
  }

  .lg-focus-opacity-50:focus {
    opacity: .5 !important
  }

  .lg-focus-opacity-75:focus {
    opacity: .75 !important
  }

  .lg-focus-opacity-100:focus {
    opacity: 1 !important
  }

  .lg-focus-outline-none:focus,
  .lg-outline-none {
    outline: 0 !important
  }

  .lg-overflow-auto {
    overflow: auto !important
  }

  .lg-overflow-hidden {
    overflow: hidden !important
  }

  .lg-overflow-visible {
    overflow: visible !important
  }

  .lg-overflow-scroll {
    overflow: scroll !important
  }

  .lg-overflow-x-auto {
    overflow-x: auto !important
  }

  .lg-overflow-y-auto {
    overflow-y: auto !important
  }

  .lg-overflow-x-hidden {
    overflow-x: hidden !important
  }

  .lg-overflow-y-hidden {
    overflow-y: hidden !important
  }

  .lg-overflow-x-visible {
    overflow-x: visible !important
  }

  .lg-overflow-y-visible {
    overflow-y: visible !important
  }

  .lg-overflow-x-scroll {
    overflow-x: scroll !important
  }

  .lg-overflow-y-scroll {
    overflow-y: scroll !important
  }

  .lg-scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  .lg-scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  .lg-p-0 {
    padding: 0 !important
  }

  .lg-p-1 {
    padding: 10px !important
  }

  .lg-p-2 {
    padding: 20px !important
  }

  .lg-p-3 {
    padding: 40px !important
  }

  .lg-p-4 {
    padding: 60px !important
  }

  .lg-p-px {
    padding: 1px !important
  }

  .lg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .lg-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .lg-py-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .lg-px-1 {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .lg-py-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .lg-px-2 {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .lg-py-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .lg-px-3 {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .lg-py-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .lg-px-4 {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .lg-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
  }

  .lg-px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  .lg-pt-0 {
    padding-top: 0 !important
  }

  .lg-pr-0 {
    padding-right: 0 !important
  }

  .lg-pb-0 {
    padding-bottom: 0 !important
  }

  .lg-pl-0 {
    padding-left: 0 !important
  }

  .lg-pt-1 {
    padding-top: 10px !important
  }

  .lg-pr-1 {
    padding-right: 10px !important
  }

  .lg-pb-1 {
    padding-bottom: 10px !important
  }

  .lg-pl-1 {
    padding-left: 10px !important
  }

  .lg-pt-2 {
    padding-top: 20px !important
  }

  .lg-pr-2 {
    padding-right: 20px !important
  }

  .lg-pb-2 {
    padding-bottom: 20px !important
  }

  .lg-pl-2 {
    padding-left: 20px !important
  }

  .lg-pt-3 {
    padding-top: 40px !important
  }

  .lg-pr-3 {
    padding-right: 40px !important
  }

  .lg-pb-3 {
    padding-bottom: 40px !important
  }

  .lg-pl-3 {
    padding-left: 40px !important
  }

  .lg-pt-4 {
    padding-top: 60px !important
  }

  .lg-pr-4 {
    padding-right: 60px !important
  }

  .lg-pb-4 {
    padding-bottom: 60px !important
  }

  .lg-pl-4 {
    padding-left: 60px !important
  }

  .lg-pt-px {
    padding-top: 1px !important
  }

  .lg-pr-px {
    padding-right: 1px !important
  }

  .lg-pb-px {
    padding-bottom: 1px !important
  }

  .lg-pl-px {
    padding-left: 1px !important
  }

  .lg-placeholder-transparent::-webkit-input-placeholder {
    color: transparent !important
  }

  .lg-placeholder-transparent::-moz-placeholder {
    color: transparent !important
  }

  .lg-placeholder-transparent:-ms-input-placeholder {
    color: transparent !important
  }

  .lg-placeholder-transparent::-ms-input-placeholder {
    color: transparent !important
  }

  .lg-placeholder-transparent::placeholder {
    color: transparent !important
  }

  .lg-placeholder-cw-black::-webkit-input-placeholder {
    color: #333232 !important
  }

  .lg-placeholder-cw-black::-moz-placeholder {
    color: #333232 !important
  }

  .lg-placeholder-cw-black:-ms-input-placeholder {
    color: #333232 !important
  }

  .lg-placeholder-cw-black::-ms-input-placeholder {
    color: #333232 !important
  }

  .lg-placeholder-cw-black::placeholder {
    color: #333232 !important
  }

  .lg-placeholder-cw-blue::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .lg-placeholder-cw-blue::-moz-placeholder {
    color: #369ff4 !important
  }

  .lg-placeholder-cw-blue:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .lg-placeholder-cw-blue::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .lg-placeholder-cw-blue::placeholder {
    color: #369ff4 !important
  }

  .lg-placeholder-cw-blue-print::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .lg-placeholder-cw-blue-print::-moz-placeholder {
    color: #5096d0 !important
  }

  .lg-placeholder-cw-blue-print:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .lg-placeholder-cw-blue-print::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .lg-placeholder-cw-blue-print::placeholder {
    color: #5096d0 !important
  }

  .lg-placeholder-cw-green::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .lg-placeholder-cw-green::-moz-placeholder {
    color: #59c77f !important
  }

  .lg-placeholder-cw-green:-ms-input-placeholder {
    color: #59c77f !important
  }

  .lg-placeholder-cw-green::-ms-input-placeholder {
    color: #59c77f !important
  }

  .lg-placeholder-cw-green::placeholder {
    color: #59c77f !important
  }

  .lg-placeholder-cw-orange::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .lg-placeholder-cw-orange::-moz-placeholder {
    color: #fe813a !important
  }

  .lg-placeholder-cw-orange:-ms-input-placeholder {
    color: #fe813a !important
  }

  .lg-placeholder-cw-orange::-ms-input-placeholder {
    color: #fe813a !important
  }

  .lg-placeholder-cw-orange::placeholder {
    color: #fe813a !important
  }

  .lg-placeholder-cw-purple::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .lg-placeholder-cw-purple::-moz-placeholder {
    color: #9064bf !important
  }

  .lg-placeholder-cw-purple:-ms-input-placeholder {
    color: #9064bf !important
  }

  .lg-placeholder-cw-purple::-ms-input-placeholder {
    color: #9064bf !important
  }

  .lg-placeholder-cw-purple::placeholder {
    color: #9064bf !important
  }

  .lg-placeholder-cw-red::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .lg-placeholder-cw-red::-moz-placeholder {
    color: #fa575d !important
  }

  .lg-placeholder-cw-red:-ms-input-placeholder {
    color: #fa575d !important
  }

  .lg-placeholder-cw-red::-ms-input-placeholder {
    color: #fa575d !important
  }

  .lg-placeholder-cw-red::placeholder {
    color: #fa575d !important
  }

  .lg-placeholder-cw-spring::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .lg-placeholder-cw-spring::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .lg-placeholder-cw-spring:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .lg-placeholder-cw-spring::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .lg-placeholder-cw-spring::placeholder {
    color: #1ba9e0 !important
  }

  .lg-placeholder-cw-teal::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .lg-placeholder-cw-teal::-moz-placeholder {
    color: #8ed4cc !important
  }

  .lg-placeholder-cw-teal:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .lg-placeholder-cw-teal::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .lg-placeholder-cw-teal::placeholder {
    color: #8ed4cc !important
  }

  .lg-placeholder-cw-white::-webkit-input-placeholder {
    color: #fff !important
  }

  .lg-placeholder-cw-white::-moz-placeholder {
    color: #fff !important
  }

  .lg-placeholder-cw-white:-ms-input-placeholder {
    color: #fff !important
  }

  .lg-placeholder-cw-white::-ms-input-placeholder {
    color: #fff !important
  }

  .lg-placeholder-cw-white::placeholder {
    color: #fff !important
  }

  .lg-placeholder-cw-yellow::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .lg-placeholder-cw-yellow::-moz-placeholder {
    color: #ffca0a !important
  }

  .lg-placeholder-cw-yellow:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .lg-placeholder-cw-yellow::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .lg-placeholder-cw-yellow::placeholder {
    color: #ffca0a !important
  }

  .lg-placeholder-grey-10::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .lg-placeholder-grey-10::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .lg-placeholder-grey-10:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .lg-placeholder-grey-10::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .lg-placeholder-grey-10::placeholder {
    color: #f4f5f0 !important
  }

  .lg-placeholder-grey-20::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .lg-placeholder-grey-20::-moz-placeholder {
    color: #e9eae4 !important
  }

  .lg-placeholder-grey-20:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .lg-placeholder-grey-20::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .lg-placeholder-grey-20::placeholder {
    color: #e9eae4 !important
  }

  .lg-placeholder-grey-30::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .lg-placeholder-grey-30::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .lg-placeholder-grey-30:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .lg-placeholder-grey-30::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .lg-placeholder-grey-30::placeholder {
    color: #dfdfd7 !important
  }

  .lg-placeholder-grey-40::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .lg-placeholder-grey-40::-moz-placeholder {
    color: #c1c1ba !important
  }

  .lg-placeholder-grey-40:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .lg-placeholder-grey-40::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .lg-placeholder-grey-40::placeholder {
    color: #c1c1ba !important
  }

  .lg-placeholder-grey-5::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .lg-placeholder-grey-5::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .lg-placeholder-grey-5:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .lg-placeholder-grey-5::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .lg-placeholder-grey-5::placeholder {
    color: #f7f7f7 !important
  }

  .lg-placeholder-grey-50::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .lg-placeholder-grey-50::-moz-placeholder {
    color: #9b9b94 !important
  }

  .lg-placeholder-grey-50:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .lg-placeholder-grey-50::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .lg-placeholder-grey-50::placeholder {
    color: #9b9b94 !important
  }

  .lg-placeholder-grey-60::-webkit-input-placeholder {
    color: #71716c !important
  }

  .lg-placeholder-grey-60::-moz-placeholder {
    color: #71716c !important
  }

  .lg-placeholder-grey-60:-ms-input-placeholder {
    color: #71716c !important
  }

  .lg-placeholder-grey-60::-ms-input-placeholder {
    color: #71716c !important
  }

  .lg-placeholder-grey-60::placeholder {
    color: #71716c !important
  }

  .lg-placeholder-grey-70::-webkit-input-placeholder {
    color: #515151 !important
  }

  .lg-placeholder-grey-70::-moz-placeholder {
    color: #515151 !important
  }

  .lg-placeholder-grey-70:-ms-input-placeholder {
    color: #515151 !important
  }

  .lg-placeholder-grey-70::-ms-input-placeholder {
    color: #515151 !important
  }

  .lg-placeholder-grey-70::placeholder {
    color: #515151 !important
  }

  .lg-placeholder-cball-blue::-webkit-input-placeholder {
    color: #576995 !important
  }

  .lg-placeholder-cball-blue::-moz-placeholder {
    color: #576995 !important
  }

  .lg-placeholder-cball-blue:-ms-input-placeholder {
    color: #576995 !important
  }

  .lg-placeholder-cball-blue::-ms-input-placeholder {
    color: #576995 !important
  }

  .lg-placeholder-cball-blue::placeholder {
    color: #576995 !important
  }

  .lg-placeholder-cball-dark-blue::-webkit-input-placeholder {
    color: #354363 !important
  }

  .lg-placeholder-cball-dark-blue::-moz-placeholder {
    color: #354363 !important
  }

  .lg-placeholder-cball-dark-blue:-ms-input-placeholder {
    color: #354363 !important
  }

  .lg-placeholder-cball-dark-blue::-ms-input-placeholder {
    color: #354363 !important
  }

  .lg-placeholder-cball-dark-blue::placeholder {
    color: #354363 !important
  }

  .lg-placeholder-cball-purple::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .lg-placeholder-cball-purple::-moz-placeholder {
    color: #0a101f !important
  }

  .lg-placeholder-cball-purple:-ms-input-placeholder {
    color: #0a101f !important
  }

  .lg-placeholder-cball-purple::-ms-input-placeholder {
    color: #0a101f !important
  }

  .lg-placeholder-cball-purple::placeholder {
    color: #0a101f !important
  }

  .lg-placeholder-cw-spring-yellow::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .lg-placeholder-cw-spring-yellow::-moz-placeholder {
    color: #ffc907 !important
  }

  .lg-placeholder-cw-spring-yellow:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .lg-placeholder-cw-spring-yellow::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .lg-placeholder-cw-spring-yellow::placeholder {
    color: #ffc907 !important
  }

  .lg-placeholder-cw-spring-dk-blue::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .lg-placeholder-cw-spring-dk-blue::-moz-placeholder {
    color: #1e2658 !important
  }

  .lg-placeholder-cw-spring-dk-blue:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .lg-placeholder-cw-spring-dk-blue::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .lg-placeholder-cw-spring-dk-blue::placeholder {
    color: #1e2658 !important
  }

  .lg-placeholder-cw-spring-med-blue::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .lg-placeholder-cw-spring-med-blue::-moz-placeholder {
    color: #1080b9 !important
  }

  .lg-placeholder-cw-spring-med-blue:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .lg-placeholder-cw-spring-med-blue::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .lg-placeholder-cw-spring-med-blue::placeholder {
    color: #1080b9 !important
  }

  .lg-placeholder-cw-spring-lt-blue::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .lg-placeholder-cw-spring-lt-blue::-moz-placeholder {
    color: #bae3f0 !important
  }

  .lg-placeholder-cw-spring-lt-blue:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .lg-placeholder-cw-spring-lt-blue::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .lg-placeholder-cw-spring-lt-blue::placeholder {
    color: #bae3f0 !important
  }

  .lg-placeholder-cw-spring-dk-green::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .lg-placeholder-cw-spring-dk-green::-moz-placeholder {
    color: #004b3d !important
  }

  .lg-placeholder-cw-spring-dk-green:-ms-input-placeholder {
    color: #004b3d !important
  }

  .lg-placeholder-cw-spring-dk-green::-ms-input-placeholder {
    color: #004b3d !important
  }

  .lg-placeholder-cw-spring-dk-green::placeholder {
    color: #004b3d !important
  }

  .lg-placeholder-cw-spring-med-green::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .lg-placeholder-cw-spring-med-green::-moz-placeholder {
    color: #00ac7f !important
  }

  .lg-placeholder-cw-spring-med-green:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .lg-placeholder-cw-spring-med-green::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .lg-placeholder-cw-spring-med-green::placeholder {
    color: #00ac7f !important
  }

  .lg-placeholder-cw-spring-lt-green::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .lg-placeholder-cw-spring-lt-green::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .lg-placeholder-cw-spring-lt-green:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .lg-placeholder-cw-spring-lt-green::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .lg-placeholder-cw-spring-lt-green::placeholder {
    color: #b8e3d1 !important
  }

  .lg-placeholder-cw-spring-black::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .lg-placeholder-cw-spring-black::-moz-placeholder {
    color: #1a1a1a !important
  }

  .lg-placeholder-cw-spring-black:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .lg-placeholder-cw-spring-black::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .lg-placeholder-cw-spring-black::placeholder {
    color: #1a1a1a !important
  }

  .lg-placeholder-cw-spring-off-white::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .lg-placeholder-cw-spring-off-white::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .lg-placeholder-cw-spring-off-white:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .lg-placeholder-cw-spring-off-white::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .lg-placeholder-cw-spring-off-white::placeholder {
    color: #fdf4e2 !important
  }

  .lg-placeholder-cw-spring-peach::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .lg-placeholder-cw-spring-peach::-moz-placeholder {
    color: #e88a78 !important
  }

  .lg-placeholder-cw-spring-peach:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .lg-placeholder-cw-spring-peach::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .lg-placeholder-cw-spring-peach::placeholder {
    color: #e88a78 !important
  }

  .lg-focus-placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent !important
  }

  .lg-focus-placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important
  }

  .lg-focus-placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important
  }

  .lg-focus-placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent !important
  }

  .lg-focus-placeholder-transparent:focus::placeholder {
    color: transparent !important
  }

  .lg-focus-placeholder-cw-black:focus::-webkit-input-placeholder {
    color: #333232 !important
  }

  .lg-focus-placeholder-cw-black:focus::-moz-placeholder {
    color: #333232 !important
  }

  .lg-focus-placeholder-cw-black:focus:-ms-input-placeholder {
    color: #333232 !important
  }

  .lg-focus-placeholder-cw-black:focus::-ms-input-placeholder {
    color: #333232 !important
  }

  .lg-focus-placeholder-cw-black:focus::placeholder {
    color: #333232 !important
  }

  .lg-focus-placeholder-cw-blue:focus::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .lg-focus-placeholder-cw-blue:focus::-moz-placeholder {
    color: #369ff4 !important
  }

  .lg-focus-placeholder-cw-blue:focus:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .lg-focus-placeholder-cw-blue:focus::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .lg-focus-placeholder-cw-blue:focus::placeholder {
    color: #369ff4 !important
  }

  .lg-focus-placeholder-cw-blue-print:focus::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .lg-focus-placeholder-cw-blue-print:focus::-moz-placeholder {
    color: #5096d0 !important
  }

  .lg-focus-placeholder-cw-blue-print:focus:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .lg-focus-placeholder-cw-blue-print:focus::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .lg-focus-placeholder-cw-blue-print:focus::placeholder {
    color: #5096d0 !important
  }

  .lg-focus-placeholder-cw-green:focus::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .lg-focus-placeholder-cw-green:focus::-moz-placeholder {
    color: #59c77f !important
  }

  .lg-focus-placeholder-cw-green:focus:-ms-input-placeholder {
    color: #59c77f !important
  }

  .lg-focus-placeholder-cw-green:focus::-ms-input-placeholder {
    color: #59c77f !important
  }

  .lg-focus-placeholder-cw-green:focus::placeholder {
    color: #59c77f !important
  }

  .lg-focus-placeholder-cw-orange:focus::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .lg-focus-placeholder-cw-orange:focus::-moz-placeholder {
    color: #fe813a !important
  }

  .lg-focus-placeholder-cw-orange:focus:-ms-input-placeholder {
    color: #fe813a !important
  }

  .lg-focus-placeholder-cw-orange:focus::-ms-input-placeholder {
    color: #fe813a !important
  }

  .lg-focus-placeholder-cw-orange:focus::placeholder {
    color: #fe813a !important
  }

  .lg-focus-placeholder-cw-purple:focus::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .lg-focus-placeholder-cw-purple:focus::-moz-placeholder {
    color: #9064bf !important
  }

  .lg-focus-placeholder-cw-purple:focus:-ms-input-placeholder {
    color: #9064bf !important
  }

  .lg-focus-placeholder-cw-purple:focus::-ms-input-placeholder {
    color: #9064bf !important
  }

  .lg-focus-placeholder-cw-purple:focus::placeholder {
    color: #9064bf !important
  }

  .lg-focus-placeholder-cw-red:focus::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .lg-focus-placeholder-cw-red:focus::-moz-placeholder {
    color: #fa575d !important
  }

  .lg-focus-placeholder-cw-red:focus:-ms-input-placeholder {
    color: #fa575d !important
  }

  .lg-focus-placeholder-cw-red:focus::-ms-input-placeholder {
    color: #fa575d !important
  }

  .lg-focus-placeholder-cw-red:focus::placeholder {
    color: #fa575d !important
  }

  .lg-focus-placeholder-cw-spring:focus::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .lg-focus-placeholder-cw-spring:focus::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .lg-focus-placeholder-cw-spring:focus:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .lg-focus-placeholder-cw-spring:focus::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .lg-focus-placeholder-cw-spring:focus::placeholder {
    color: #1ba9e0 !important
  }

  .lg-focus-placeholder-cw-teal:focus::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .lg-focus-placeholder-cw-teal:focus::-moz-placeholder {
    color: #8ed4cc !important
  }

  .lg-focus-placeholder-cw-teal:focus:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .lg-focus-placeholder-cw-teal:focus::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .lg-focus-placeholder-cw-teal:focus::placeholder {
    color: #8ed4cc !important
  }

  .lg-focus-placeholder-cw-white:focus::-webkit-input-placeholder {
    color: #fff !important
  }

  .lg-focus-placeholder-cw-white:focus::-moz-placeholder {
    color: #fff !important
  }

  .lg-focus-placeholder-cw-white:focus:-ms-input-placeholder {
    color: #fff !important
  }

  .lg-focus-placeholder-cw-white:focus::-ms-input-placeholder {
    color: #fff !important
  }

  .lg-focus-placeholder-cw-white:focus::placeholder {
    color: #fff !important
  }

  .lg-focus-placeholder-cw-yellow:focus::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .lg-focus-placeholder-cw-yellow:focus::-moz-placeholder {
    color: #ffca0a !important
  }

  .lg-focus-placeholder-cw-yellow:focus:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .lg-focus-placeholder-cw-yellow:focus::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .lg-focus-placeholder-cw-yellow:focus::placeholder {
    color: #ffca0a !important
  }

  .lg-focus-placeholder-grey-10:focus::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .lg-focus-placeholder-grey-10:focus::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .lg-focus-placeholder-grey-10:focus:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .lg-focus-placeholder-grey-10:focus::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .lg-focus-placeholder-grey-10:focus::placeholder {
    color: #f4f5f0 !important
  }

  .lg-focus-placeholder-grey-20:focus::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .lg-focus-placeholder-grey-20:focus::-moz-placeholder {
    color: #e9eae4 !important
  }

  .lg-focus-placeholder-grey-20:focus:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .lg-focus-placeholder-grey-20:focus::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .lg-focus-placeholder-grey-20:focus::placeholder {
    color: #e9eae4 !important
  }

  .lg-focus-placeholder-grey-30:focus::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .lg-focus-placeholder-grey-30:focus::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .lg-focus-placeholder-grey-30:focus:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .lg-focus-placeholder-grey-30:focus::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .lg-focus-placeholder-grey-30:focus::placeholder {
    color: #dfdfd7 !important
  }

  .lg-focus-placeholder-grey-40:focus::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .lg-focus-placeholder-grey-40:focus::-moz-placeholder {
    color: #c1c1ba !important
  }

  .lg-focus-placeholder-grey-40:focus:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .lg-focus-placeholder-grey-40:focus::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .lg-focus-placeholder-grey-40:focus::placeholder {
    color: #c1c1ba !important
  }

  .lg-focus-placeholder-grey-5:focus::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .lg-focus-placeholder-grey-5:focus::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .lg-focus-placeholder-grey-5:focus:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .lg-focus-placeholder-grey-5:focus::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .lg-focus-placeholder-grey-5:focus::placeholder {
    color: #f7f7f7 !important
  }

  .lg-focus-placeholder-grey-50:focus::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .lg-focus-placeholder-grey-50:focus::-moz-placeholder {
    color: #9b9b94 !important
  }

  .lg-focus-placeholder-grey-50:focus:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .lg-focus-placeholder-grey-50:focus::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .lg-focus-placeholder-grey-50:focus::placeholder {
    color: #9b9b94 !important
  }

  .lg-focus-placeholder-grey-60:focus::-webkit-input-placeholder {
    color: #71716c !important
  }

  .lg-focus-placeholder-grey-60:focus::-moz-placeholder {
    color: #71716c !important
  }

  .lg-focus-placeholder-grey-60:focus:-ms-input-placeholder {
    color: #71716c !important
  }

  .lg-focus-placeholder-grey-60:focus::-ms-input-placeholder {
    color: #71716c !important
  }

  .lg-focus-placeholder-grey-60:focus::placeholder {
    color: #71716c !important
  }

  .lg-focus-placeholder-grey-70:focus::-webkit-input-placeholder {
    color: #515151 !important
  }

  .lg-focus-placeholder-grey-70:focus::-moz-placeholder {
    color: #515151 !important
  }

  .lg-focus-placeholder-grey-70:focus:-ms-input-placeholder {
    color: #515151 !important
  }

  .lg-focus-placeholder-grey-70:focus::-ms-input-placeholder {
    color: #515151 !important
  }

  .lg-focus-placeholder-grey-70:focus::placeholder {
    color: #515151 !important
  }

  .lg-focus-placeholder-cball-blue:focus::-webkit-input-placeholder {
    color: #576995 !important
  }

  .lg-focus-placeholder-cball-blue:focus::-moz-placeholder {
    color: #576995 !important
  }

  .lg-focus-placeholder-cball-blue:focus:-ms-input-placeholder {
    color: #576995 !important
  }

  .lg-focus-placeholder-cball-blue:focus::-ms-input-placeholder {
    color: #576995 !important
  }

  .lg-focus-placeholder-cball-blue:focus::placeholder {
    color: #576995 !important
  }

  .lg-focus-placeholder-cball-dark-blue:focus::-webkit-input-placeholder {
    color: #354363 !important
  }

  .lg-focus-placeholder-cball-dark-blue:focus::-moz-placeholder {
    color: #354363 !important
  }

  .lg-focus-placeholder-cball-dark-blue:focus:-ms-input-placeholder {
    color: #354363 !important
  }

  .lg-focus-placeholder-cball-dark-blue:focus::-ms-input-placeholder {
    color: #354363 !important
  }

  .lg-focus-placeholder-cball-dark-blue:focus::placeholder {
    color: #354363 !important
  }

  .lg-focus-placeholder-cball-purple:focus::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .lg-focus-placeholder-cball-purple:focus::-moz-placeholder {
    color: #0a101f !important
  }

  .lg-focus-placeholder-cball-purple:focus:-ms-input-placeholder {
    color: #0a101f !important
  }

  .lg-focus-placeholder-cball-purple:focus::-ms-input-placeholder {
    color: #0a101f !important
  }

  .lg-focus-placeholder-cball-purple:focus::placeholder {
    color: #0a101f !important
  }

  .lg-focus-placeholder-cw-spring-yellow:focus::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .lg-focus-placeholder-cw-spring-yellow:focus::-moz-placeholder {
    color: #ffc907 !important
  }

  .lg-focus-placeholder-cw-spring-yellow:focus:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .lg-focus-placeholder-cw-spring-yellow:focus::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .lg-focus-placeholder-cw-spring-yellow:focus::placeholder {
    color: #ffc907 !important
  }

  .lg-focus-placeholder-cw-spring-dk-blue:focus::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .lg-focus-placeholder-cw-spring-dk-blue:focus::-moz-placeholder {
    color: #1e2658 !important
  }

  .lg-focus-placeholder-cw-spring-dk-blue:focus:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .lg-focus-placeholder-cw-spring-dk-blue:focus::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .lg-focus-placeholder-cw-spring-dk-blue:focus::placeholder {
    color: #1e2658 !important
  }

  .lg-focus-placeholder-cw-spring-med-blue:focus::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .lg-focus-placeholder-cw-spring-med-blue:focus::-moz-placeholder {
    color: #1080b9 !important
  }

  .lg-focus-placeholder-cw-spring-med-blue:focus:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .lg-focus-placeholder-cw-spring-med-blue:focus::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .lg-focus-placeholder-cw-spring-med-blue:focus::placeholder {
    color: #1080b9 !important
  }

  .lg-focus-placeholder-cw-spring-lt-blue:focus::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .lg-focus-placeholder-cw-spring-lt-blue:focus::-moz-placeholder {
    color: #bae3f0 !important
  }

  .lg-focus-placeholder-cw-spring-lt-blue:focus:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .lg-focus-placeholder-cw-spring-lt-blue:focus::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .lg-focus-placeholder-cw-spring-lt-blue:focus::placeholder {
    color: #bae3f0 !important
  }

  .lg-focus-placeholder-cw-spring-dk-green:focus::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .lg-focus-placeholder-cw-spring-dk-green:focus::-moz-placeholder {
    color: #004b3d !important
  }

  .lg-focus-placeholder-cw-spring-dk-green:focus:-ms-input-placeholder {
    color: #004b3d !important
  }

  .lg-focus-placeholder-cw-spring-dk-green:focus::-ms-input-placeholder {
    color: #004b3d !important
  }

  .lg-focus-placeholder-cw-spring-dk-green:focus::placeholder {
    color: #004b3d !important
  }

  .lg-focus-placeholder-cw-spring-med-green:focus::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .lg-focus-placeholder-cw-spring-med-green:focus::-moz-placeholder {
    color: #00ac7f !important
  }

  .lg-focus-placeholder-cw-spring-med-green:focus:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .lg-focus-placeholder-cw-spring-med-green:focus::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .lg-focus-placeholder-cw-spring-med-green:focus::placeholder {
    color: #00ac7f !important
  }

  .lg-focus-placeholder-cw-spring-lt-green:focus::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .lg-focus-placeholder-cw-spring-lt-green:focus::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .lg-focus-placeholder-cw-spring-lt-green:focus:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .lg-focus-placeholder-cw-spring-lt-green:focus::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .lg-focus-placeholder-cw-spring-lt-green:focus::placeholder {
    color: #b8e3d1 !important
  }

  .lg-focus-placeholder-cw-spring-black:focus::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .lg-focus-placeholder-cw-spring-black:focus::-moz-placeholder {
    color: #1a1a1a !important
  }

  .lg-focus-placeholder-cw-spring-black:focus:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .lg-focus-placeholder-cw-spring-black:focus::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .lg-focus-placeholder-cw-spring-black:focus::placeholder {
    color: #1a1a1a !important
  }

  .lg-focus-placeholder-cw-spring-off-white:focus::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .lg-focus-placeholder-cw-spring-off-white:focus::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .lg-focus-placeholder-cw-spring-off-white:focus:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .lg-focus-placeholder-cw-spring-off-white:focus::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .lg-focus-placeholder-cw-spring-off-white:focus::placeholder {
    color: #fdf4e2 !important
  }

  .lg-focus-placeholder-cw-spring-peach:focus::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .lg-focus-placeholder-cw-spring-peach:focus::-moz-placeholder {
    color: #e88a78 !important
  }

  .lg-focus-placeholder-cw-spring-peach:focus:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .lg-focus-placeholder-cw-spring-peach:focus::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .lg-focus-placeholder-cw-spring-peach:focus::placeholder {
    color: #e88a78 !important
  }

  .lg-pointer-events-none {
    pointer-events: none !important
  }

  .lg-pointer-events-auto {
    pointer-events: auto !important
  }

  .lg-static {
    position: static !important
  }

  .lg-fixed {
    position: fixed !important
  }

  .lg-absolute {
    position: absolute !important
  }

  .lg-relative {
    position: relative !important
  }

  .lg-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  .lg-inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
  }

  .lg-inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important
  }

  .lg-inset-y-0 {
    top: 0 !important;
    bottom: 0 !important
  }

  .lg-inset-x-0 {
    right: 0 !important;
    left: 0 !important
  }

  .lg-inset-y-auto {
    top: auto !important;
    bottom: auto !important
  }

  .lg-inset-x-auto {
    right: auto !important;
    left: auto !important
  }

  .lg-top-0 {
    top: 0 !important
  }

  .lg-right-0 {
    right: 0 !important
  }

  .lg-bottom-0 {
    bottom: 0 !important
  }

  .lg-left-0 {
    left: 0 !important
  }

  .lg-top-auto {
    top: auto !important
  }

  .lg-right-auto {
    right: auto !important
  }

  .lg-bottom-auto {
    bottom: auto !important
  }

  .lg-left-auto {
    left: auto !important
  }

  .lg-resize-none {
    resize: none !important
  }

  .lg-resize-y {
    resize: vertical !important
  }

  .lg-resize-x {
    resize: horizontal !important
  }

  .lg-resize {
    resize: both !important
  }

  .lg-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .lg-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .lg-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .lg-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .lg-shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .lg-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .lg-shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .lg-shadow-none {
    box-shadow: none !important
  }

  .lg-hover-shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .lg-hover-shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .lg-hover-shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .lg-hover-shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .lg-hover-shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .lg-hover-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .lg-hover-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .lg-hover-shadow-none:hover {
    box-shadow: none !important
  }

  .lg-focus-shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .lg-focus-shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .lg-focus-shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .lg-focus-shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .lg-focus-shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .lg-focus-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .lg-focus-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .lg-focus-shadow-none:focus {
    box-shadow: none !important
  }

  .lg-fill-current {
    fill: currentColor !important
  }

  .lg-stroke-current {
    stroke: currentColor !important
  }

  .lg-table-auto {
    table-layout: auto !important
  }

  .lg-table-fixed {
    table-layout: fixed !important
  }

  .lg-text-left {
    text-align: left !important
  }

  .lg-text-center {
    text-align: center !important
  }

  .lg-text-right {
    text-align: right !important
  }

  .lg-text-justify {
    text-align: justify !important
  }

  .lg-text-transparent {
    color: transparent !important
  }

  .lg-text-cw-black {
    color: #333232 !important
  }

  .lg-text-cw-blue {
    color: #369ff4 !important
  }

  .lg-text-cw-blue-print {
    color: #5096d0 !important
  }

  .lg-text-cw-green {
    color: #59c77f !important
  }

  .lg-text-cw-orange {
    color: #fe813a !important
  }

  .lg-text-cw-purple {
    color: #9064bf !important
  }

  .lg-text-cw-red {
    color: #fa575d !important
  }

  .lg-text-cw-spring {
    color: #1ba9e0 !important
  }

  .lg-text-cw-teal {
    color: #8ed4cc !important
  }

  .lg-text-cw-white {
    color: #fff !important
  }

  .lg-text-cw-yellow {
    color: #ffca0a !important
  }

  .lg-text-grey-10 {
    color: #f4f5f0 !important
  }

  .lg-text-grey-20 {
    color: #e9eae4 !important
  }

  .lg-text-grey-30 {
    color: #dfdfd7 !important
  }

  .lg-text-grey-40 {
    color: #c1c1ba !important
  }

  .lg-text-grey-5 {
    color: #f7f7f7 !important
  }

  .lg-text-grey-50 {
    color: #9b9b94 !important
  }

  .lg-text-grey-60 {
    color: #71716c !important
  }

  .lg-text-grey-70 {
    color: #515151 !important
  }

  .lg-text-cball-blue {
    color: #576995 !important
  }

  .lg-text-cball-dark-blue {
    color: #354363 !important
  }

  .lg-text-cball-purple {
    color: #0a101f !important
  }

  .lg-text-cw-spring-yellow {
    color: #ffc907 !important
  }

  .lg-text-cw-spring-dk-blue {
    color: #1e2658 !important
  }

  .lg-text-cw-spring-med-blue {
    color: #1080b9 !important
  }

  .lg-text-cw-spring-lt-blue {
    color: #bae3f0 !important
  }

  .lg-text-cw-spring-dk-green {
    color: #004b3d !important
  }

  .lg-text-cw-spring-med-green {
    color: #00ac7f !important
  }

  .lg-text-cw-spring-lt-green {
    color: #b8e3d1 !important
  }

  .lg-text-cw-spring-black {
    color: #1a1a1a !important
  }

  .lg-text-cw-spring-off-white {
    color: #fdf4e2 !important
  }

  .lg-text-cw-spring-peach {
    color: #e88a78 !important
  }

  .lg-hover-text-transparent:hover {
    color: transparent !important
  }

  .lg-hover-text-cw-black:hover {
    color: #333232 !important
  }

  .lg-hover-text-cw-blue:hover {
    color: #369ff4 !important
  }

  .lg-hover-text-cw-blue-print:hover {
    color: #5096d0 !important
  }

  .lg-hover-text-cw-green:hover {
    color: #59c77f !important
  }

  .lg-hover-text-cw-orange:hover {
    color: #fe813a !important
  }

  .lg-hover-text-cw-purple:hover {
    color: #9064bf !important
  }

  .lg-hover-text-cw-red:hover {
    color: #fa575d !important
  }

  .lg-hover-text-cw-spring:hover {
    color: #1ba9e0 !important
  }

  .lg-hover-text-cw-teal:hover {
    color: #8ed4cc !important
  }

  .lg-hover-text-cw-white:hover {
    color: #fff !important
  }

  .lg-hover-text-cw-yellow:hover {
    color: #ffca0a !important
  }

  .lg-hover-text-grey-10:hover {
    color: #f4f5f0 !important
  }

  .lg-hover-text-grey-20:hover {
    color: #e9eae4 !important
  }

  .lg-hover-text-grey-30:hover {
    color: #dfdfd7 !important
  }

  .lg-hover-text-grey-40:hover {
    color: #c1c1ba !important
  }

  .lg-hover-text-grey-5:hover {
    color: #f7f7f7 !important
  }

  .lg-hover-text-grey-50:hover {
    color: #9b9b94 !important
  }

  .lg-hover-text-grey-60:hover {
    color: #71716c !important
  }

  .lg-hover-text-grey-70:hover {
    color: #515151 !important
  }

  .lg-hover-text-cball-blue:hover {
    color: #576995 !important
  }

  .lg-hover-text-cball-dark-blue:hover {
    color: #354363 !important
  }

  .lg-hover-text-cball-purple:hover {
    color: #0a101f !important
  }

  .lg-hover-text-cw-spring-yellow:hover {
    color: #ffc907 !important
  }

  .lg-hover-text-cw-spring-dk-blue:hover {
    color: #1e2658 !important
  }

  .lg-hover-text-cw-spring-med-blue:hover {
    color: #1080b9 !important
  }

  .lg-hover-text-cw-spring-lt-blue:hover {
    color: #bae3f0 !important
  }

  .lg-hover-text-cw-spring-dk-green:hover {
    color: #004b3d !important
  }

  .lg-hover-text-cw-spring-med-green:hover {
    color: #00ac7f !important
  }

  .lg-hover-text-cw-spring-lt-green:hover {
    color: #b8e3d1 !important
  }

  .lg-hover-text-cw-spring-black:hover {
    color: #1a1a1a !important
  }

  .lg-hover-text-cw-spring-off-white:hover {
    color: #fdf4e2 !important
  }

  .lg-hover-text-cw-spring-peach:hover {
    color: #e88a78 !important
  }

  .lg-focus-text-transparent:focus {
    color: transparent !important
  }

  .lg-focus-text-cw-black:focus {
    color: #333232 !important
  }

  .lg-focus-text-cw-blue:focus {
    color: #369ff4 !important
  }

  .lg-focus-text-cw-blue-print:focus {
    color: #5096d0 !important
  }

  .lg-focus-text-cw-green:focus {
    color: #59c77f !important
  }

  .lg-focus-text-cw-orange:focus {
    color: #fe813a !important
  }

  .lg-focus-text-cw-purple:focus {
    color: #9064bf !important
  }

  .lg-focus-text-cw-red:focus {
    color: #fa575d !important
  }

  .lg-focus-text-cw-spring:focus {
    color: #1ba9e0 !important
  }

  .lg-focus-text-cw-teal:focus {
    color: #8ed4cc !important
  }

  .lg-focus-text-cw-white:focus {
    color: #fff !important
  }

  .lg-focus-text-cw-yellow:focus {
    color: #ffca0a !important
  }

  .lg-focus-text-grey-10:focus {
    color: #f4f5f0 !important
  }

  .lg-focus-text-grey-20:focus {
    color: #e9eae4 !important
  }

  .lg-focus-text-grey-30:focus {
    color: #dfdfd7 !important
  }

  .lg-focus-text-grey-40:focus {
    color: #c1c1ba !important
  }

  .lg-focus-text-grey-5:focus {
    color: #f7f7f7 !important
  }

  .lg-focus-text-grey-50:focus {
    color: #9b9b94 !important
  }

  .lg-focus-text-grey-60:focus {
    color: #71716c !important
  }

  .lg-focus-text-grey-70:focus {
    color: #515151 !important
  }

  .lg-focus-text-cball-blue:focus {
    color: #576995 !important
  }

  .lg-focus-text-cball-dark-blue:focus {
    color: #354363 !important
  }

  .lg-focus-text-cball-purple:focus {
    color: #0a101f !important
  }

  .lg-focus-text-cw-spring-yellow:focus {
    color: #ffc907 !important
  }

  .lg-focus-text-cw-spring-dk-blue:focus {
    color: #1e2658 !important
  }

  .lg-focus-text-cw-spring-med-blue:focus {
    color: #1080b9 !important
  }

  .lg-focus-text-cw-spring-lt-blue:focus {
    color: #bae3f0 !important
  }

  .lg-focus-text-cw-spring-dk-green:focus {
    color: #004b3d !important
  }

  .lg-focus-text-cw-spring-med-green:focus {
    color: #00ac7f !important
  }

  .lg-focus-text-cw-spring-lt-green:focus {
    color: #b8e3d1 !important
  }

  .lg-focus-text-cw-spring-black:focus {
    color: #1a1a1a !important
  }

  .lg-focus-text-cw-spring-off-white:focus {
    color: #fdf4e2 !important
  }

  .lg-focus-text-cw-spring-peach:focus {
    color: #e88a78 !important
  }

  .lg-text-xs {
    font-size: .75rem !important
  }

  .lg-text-sm {
    font-size: .875rem !important
  }

  .lg-text-base {
    font-size: 1rem !important
  }

  .lg-text-lg {
    font-size: 1.125rem !important
  }

  .lg-text-xl {
    font-size: 1.25rem !important
  }

  .lg-text-2xl {
    font-size: 1.5rem !important
  }

  .lg-text-3xl {
    font-size: 1.875rem !important
  }

  .lg-text-4xl {
    font-size: 2.25rem !important
  }

  .lg-text-5xl {
    font-size: 3rem !important
  }

  .lg-text-6xl {
    font-size: 4rem !important
  }

  .lg-italic {
    font-style: italic !important
  }

  .lg-not-italic {
    font-style: normal !important
  }

  .lg-uppercase {
    text-transform: uppercase !important
  }

  .lg-lowercase {
    text-transform: lowercase !important
  }

  .lg-capitalize {
    text-transform: capitalize !important
  }

  .lg-normal-case {
    text-transform: none !important
  }

  .lg-underline {
    text-decoration: underline !important
  }

  .lg-line-through {
    text-decoration: line-through !important
  }

  .lg-no-underline {
    text-decoration: none !important
  }

  .lg-hover-underline:hover {
    text-decoration: underline !important
  }

  .lg-hover-line-through:hover {
    text-decoration: line-through !important
  }

  .lg-hover-no-underline:hover {
    text-decoration: none !important
  }

  .lg-focus-underline:focus {
    text-decoration: underline !important
  }

  .lg-focus-line-through:focus {
    text-decoration: line-through !important
  }

  .lg-focus-no-underline:focus {
    text-decoration: none !important
  }

  .lg-antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  .lg-subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  .lg-tracking-tight {
    letter-spacing: -.05em !important
  }

  .lg-tracking-normal {
    letter-spacing: 0 !important
  }

  .lg-tracking-wide {
    letter-spacing: .05em !important
  }

  .lg-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
  }

  .lg-select-text {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
  }

  .lg-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
  }

  .lg-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
  }

  .lg-align-baseline {
    vertical-align: baseline !important
  }

  .lg-align-top {
    vertical-align: top !important
  }

  .lg-align-middle {
    vertical-align: middle !important
  }

  .lg-align-bottom {
    vertical-align: bottom !important
  }

  .lg-align-text-top {
    vertical-align: text-top !important
  }

  .lg-align-text-bottom {
    vertical-align: text-bottom !important
  }

  .lg-visible {
    visibility: visible !important
  }

  .lg-invisible {
    visibility: hidden !important
  }

  .lg-whitespace-normal {
    white-space: normal !important
  }

  .lg-whitespace-no-wrap {
    white-space: nowrap !important
  }

  .lg-whitespace-pre {
    white-space: pre !important
  }

  .lg-whitespace-pre-line {
    white-space: pre-line !important
  }

  .lg-whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  .lg-break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  .lg-break-words {
    overflow-wrap: break-word !important
  }

  .lg-break-all {
    word-break: break-all !important
  }

  .lg-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  .lg-w-0 {
    width: 0 !important
  }

  .lg-w-1 {
    width: .25rem !important
  }

  .lg-w-2 {
    width: .5rem !important
  }

  .lg-w-3 {
    width: .75rem !important
  }

  .lg-w-4 {
    width: 1rem !important
  }

  .lg-w-5 {
    width: 1.25rem !important
  }

  .lg-w-6 {
    width: 1.5rem !important
  }

  .lg-w-8 {
    width: 2rem !important
  }

  .lg-w-10 {
    width: 2.5rem !important
  }

  .lg-w-12 {
    width: 3rem !important
  }

  .lg-w-16 {
    width: 4rem !important
  }

  .lg-w-20 {
    width: 5rem !important
  }

  .lg-w-24 {
    width: 6rem !important
  }

  .lg-w-32 {
    width: 8rem !important
  }

  .lg-w-40 {
    width: 10rem !important
  }

  .lg-w-48 {
    width: 12rem !important
  }

  .lg-w-56 {
    width: 14rem !important
  }

  .lg-w-64 {
    width: 16rem !important
  }

  .lg-w-auto {
    width: auto !important
  }

  .lg-w-px {
    width: 1px !important
  }

  .lg-w-1\/2 {
    width: 50% !important
  }

  .lg-w-1\/3 {
    width: 33.333333% !important
  }

  .lg-w-2\/3 {
    width: 66.666667% !important
  }

  .lg-w-1\/4 {
    width: 25% !important
  }

  .lg-w-2\/4 {
    width: 50% !important
  }

  .lg-w-3\/4 {
    width: 75% !important
  }

  .lg-w-1\/5 {
    width: 20% !important
  }

  .lg-w-2\/5 {
    width: 40% !important
  }

  .lg-w-3\/5 {
    width: 60% !important
  }

  .lg-w-4\/5 {
    width: 80% !important
  }

  .lg-w-1\/6 {
    width: 16.666667% !important
  }

  .lg-w-2\/6 {
    width: 33.333333% !important
  }

  .lg-w-3\/6 {
    width: 50% !important
  }

  .lg-w-4\/6 {
    width: 66.666667% !important
  }

  .lg-w-5\/6 {
    width: 83.333333% !important
  }

  .lg-w-1\/12 {
    width: 8.333333% !important
  }

  .lg-w-2\/12 {
    width: 16.666667% !important
  }

  .lg-w-3\/12 {
    width: 25% !important
  }

  .lg-w-4\/12 {
    width: 33.333333% !important
  }

  .lg-w-5\/12 {
    width: 41.666667% !important
  }

  .lg-w-6\/12 {
    width: 50% !important
  }

  .lg-w-7\/12 {
    width: 58.333333% !important
  }

  .lg-w-8\/12 {
    width: 66.666667% !important
  }

  .lg-w-9\/12 {
    width: 75% !important
  }

  .lg-w-10\/12 {
    width: 83.333333% !important
  }

  .lg-w-11\/12 {
    width: 91.666667% !important
  }

  .lg-w-full {
    width: 100% !important
  }

  .lg-w-screen {
    width: 100vw !important
  }

  .lg-z-0 {
    z-index: 0 !important
  }

  .lg-z-10 {
    z-index: 10 !important
  }

  .lg-z-20 {
    z-index: 20 !important
  }

  .lg-z-30 {
    z-index: 30 !important
  }

  .lg-z-40 {
    z-index: 40 !important
  }

  .lg-z-50 {
    z-index: 50 !important
  }

  .lg-z-auto {
    z-index: auto !important
  }
}

@media (min-width:1441px) {
  .xl-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
  }

  .xl-not-sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

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

  .xl-focus-not-sr-only:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
  }

  .xl-appearance-none {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
  }

  .xl-bg-fixed {
    background-attachment: fixed !important
  }

  .xl-bg-local {
    background-attachment: local !important
  }

  .xl-bg-scroll {
    background-attachment: scroll !important
  }

  .xl-bg-transparent {
    background-color: transparent !important
  }

  .xl-bg-cw-black {
    background-color: #333232 !important
  }

  .xl-bg-cw-blue {
    background-color: #369ff4 !important
  }

  .xl-bg-cw-blue-print {
    background-color: #5096d0 !important
  }

  .xl-bg-cw-green {
    background-color: #59c77f !important
  }

  .xl-bg-cw-orange {
    background-color: #fe813a !important
  }

  .xl-bg-cw-purple {
    background-color: #9064bf !important
  }

  .xl-bg-cw-red {
    background-color: #fa575d !important
  }

  .xl-bg-cw-spring {
    background-color: #1ba9e0 !important
  }

  .xl-bg-cw-teal {
    background-color: #8ed4cc !important
  }

  .xl-bg-cw-white {
    background-color: #fff !important
  }

  .xl-bg-cw-yellow {
    background-color: #ffca0a !important
  }

  .xl-bg-grey-10 {
    background-color: #f4f5f0 !important
  }

  .xl-bg-grey-20 {
    background-color: #e9eae4 !important
  }

  .xl-bg-grey-30 {
    background-color: #dfdfd7 !important
  }

  .xl-bg-grey-40 {
    background-color: #c1c1ba !important
  }

  .xl-bg-grey-5 {
    background-color: #f7f7f7 !important
  }

  .xl-bg-grey-50 {
    background-color: #9b9b94 !important
  }

  .xl-bg-grey-60 {
    background-color: #71716c !important
  }

  .xl-bg-grey-70 {
    background-color: #515151 !important
  }

  .xl-bg-cball-blue {
    background-color: #576995 !important
  }

  .xl-bg-cball-dark-blue {
    background-color: #354363 !important
  }

  .xl-bg-cball-purple {
    background-color: #0a101f !important
  }

  .xl-bg-cw-spring-yellow {
    background-color: #ffc907 !important
  }

  .xl-bg-cw-spring-dk-blue {
    background-color: #1e2658 !important
  }

  .xl-bg-cw-spring-med-blue {
    background-color: #1080b9 !important
  }

  .xl-bg-cw-spring-lt-blue {
    background-color: #bae3f0 !important
  }

  .xl-bg-cw-spring-dk-green {
    background-color: #004b3d !important
  }

  .xl-bg-cw-spring-med-green {
    background-color: #00ac7f !important
  }

  .xl-bg-cw-spring-lt-green {
    background-color: #b8e3d1 !important
  }

  .xl-bg-cw-spring-black {
    background-color: #1a1a1a !important
  }

  .xl-bg-cw-spring-off-white {
    background-color: #fdf4e2 !important
  }

  .xl-bg-cw-spring-peach {
    background-color: #e88a78 !important
  }

  .xl-hover-bg-transparent:hover {
    background-color: transparent !important
  }

  .xl-hover-bg-cw-black:hover {
    background-color: #333232 !important
  }

  .xl-hover-bg-cw-blue:hover {
    background-color: #369ff4 !important
  }

  .xl-hover-bg-cw-blue-print:hover {
    background-color: #5096d0 !important
  }

  .xl-hover-bg-cw-green:hover {
    background-color: #59c77f !important
  }

  .xl-hover-bg-cw-orange:hover {
    background-color: #fe813a !important
  }

  .xl-hover-bg-cw-purple:hover {
    background-color: #9064bf !important
  }

  .xl-hover-bg-cw-red:hover {
    background-color: #fa575d !important
  }

  .xl-hover-bg-cw-spring:hover {
    background-color: #1ba9e0 !important
  }

  .xl-hover-bg-cw-teal:hover {
    background-color: #8ed4cc !important
  }

  .xl-hover-bg-cw-white:hover {
    background-color: #fff !important
  }

  .xl-hover-bg-cw-yellow:hover {
    background-color: #ffca0a !important
  }

  .xl-hover-bg-grey-10:hover {
    background-color: #f4f5f0 !important
  }

  .xl-hover-bg-grey-20:hover {
    background-color: #e9eae4 !important
  }

  .xl-hover-bg-grey-30:hover {
    background-color: #dfdfd7 !important
  }

  .xl-hover-bg-grey-40:hover {
    background-color: #c1c1ba !important
  }

  .xl-hover-bg-grey-5:hover {
    background-color: #f7f7f7 !important
  }

  .xl-hover-bg-grey-50:hover {
    background-color: #9b9b94 !important
  }

  .xl-hover-bg-grey-60:hover {
    background-color: #71716c !important
  }

  .xl-hover-bg-grey-70:hover {
    background-color: #515151 !important
  }

  .xl-hover-bg-cball-blue:hover {
    background-color: #576995 !important
  }

  .xl-hover-bg-cball-dark-blue:hover {
    background-color: #354363 !important
  }

  .xl-hover-bg-cball-purple:hover {
    background-color: #0a101f !important
  }

  .xl-hover-bg-cw-spring-yellow:hover {
    background-color: #ffc907 !important
  }

  .xl-hover-bg-cw-spring-dk-blue:hover {
    background-color: #1e2658 !important
  }

  .xl-hover-bg-cw-spring-med-blue:hover {
    background-color: #1080b9 !important
  }

  .xl-hover-bg-cw-spring-lt-blue:hover {
    background-color: #bae3f0 !important
  }

  .xl-hover-bg-cw-spring-dk-green:hover {
    background-color: #004b3d !important
  }

  .xl-hover-bg-cw-spring-med-green:hover {
    background-color: #00ac7f !important
  }

  .xl-hover-bg-cw-spring-lt-green:hover {
    background-color: #b8e3d1 !important
  }

  .xl-hover-bg-cw-spring-black:hover {
    background-color: #1a1a1a !important
  }

  .xl-hover-bg-cw-spring-off-white:hover {
    background-color: #fdf4e2 !important
  }

  .xl-hover-bg-cw-spring-peach:hover {
    background-color: #e88a78 !important
  }

  .xl-focus-bg-transparent:focus {
    background-color: transparent !important
  }

  .xl-focus-bg-cw-black:focus {
    background-color: #333232 !important
  }

  .xl-focus-bg-cw-blue:focus {
    background-color: #369ff4 !important
  }

  .xl-focus-bg-cw-blue-print:focus {
    background-color: #5096d0 !important
  }

  .xl-focus-bg-cw-green:focus {
    background-color: #59c77f !important
  }

  .xl-focus-bg-cw-orange:focus {
    background-color: #fe813a !important
  }

  .xl-focus-bg-cw-purple:focus {
    background-color: #9064bf !important
  }

  .xl-focus-bg-cw-red:focus {
    background-color: #fa575d !important
  }

  .xl-focus-bg-cw-spring:focus {
    background-color: #1ba9e0 !important
  }

  .xl-focus-bg-cw-teal:focus {
    background-color: #8ed4cc !important
  }

  .xl-focus-bg-cw-white:focus {
    background-color: #fff !important
  }

  .xl-focus-bg-cw-yellow:focus {
    background-color: #ffca0a !important
  }

  .xl-focus-bg-grey-10:focus {
    background-color: #f4f5f0 !important
  }

  .xl-focus-bg-grey-20:focus {
    background-color: #e9eae4 !important
  }

  .xl-focus-bg-grey-30:focus {
    background-color: #dfdfd7 !important
  }

  .xl-focus-bg-grey-40:focus {
    background-color: #c1c1ba !important
  }

  .xl-focus-bg-grey-5:focus {
    background-color: #f7f7f7 !important
  }

  .xl-focus-bg-grey-50:focus {
    background-color: #9b9b94 !important
  }

  .xl-focus-bg-grey-60:focus {
    background-color: #71716c !important
  }

  .xl-focus-bg-grey-70:focus {
    background-color: #515151 !important
  }

  .xl-focus-bg-cball-blue:focus {
    background-color: #576995 !important
  }

  .xl-focus-bg-cball-dark-blue:focus {
    background-color: #354363 !important
  }

  .xl-focus-bg-cball-purple:focus {
    background-color: #0a101f !important
  }

  .xl-focus-bg-cw-spring-yellow:focus {
    background-color: #ffc907 !important
  }

  .xl-focus-bg-cw-spring-dk-blue:focus {
    background-color: #1e2658 !important
  }

  .xl-focus-bg-cw-spring-med-blue:focus {
    background-color: #1080b9 !important
  }

  .xl-focus-bg-cw-spring-lt-blue:focus {
    background-color: #bae3f0 !important
  }

  .xl-focus-bg-cw-spring-dk-green:focus {
    background-color: #004b3d !important
  }

  .xl-focus-bg-cw-spring-med-green:focus {
    background-color: #00ac7f !important
  }

  .xl-focus-bg-cw-spring-lt-green:focus {
    background-color: #b8e3d1 !important
  }

  .xl-focus-bg-cw-spring-black:focus {
    background-color: #1a1a1a !important
  }

  .xl-focus-bg-cw-spring-off-white:focus {
    background-color: #fdf4e2 !important
  }

  .xl-focus-bg-cw-spring-peach:focus {
    background-color: #e88a78 !important
  }

  .xl-bg-bottom {
    background-position: bottom !important
  }

  .xl-bg-center {
    background-position: 50% !important
  }

  .xl-bg-left {
    background-position: 0 !important
  }

  .xl-bg-left-bottom {
    background-position: 0 100% !important
  }

  .xl-bg-left-top {
    background-position: 0 0 !important
  }

  .xl-bg-right {
    background-position: 100% !important
  }

  .xl-bg-right-bottom {
    background-position: 100% 100% !important
  }

  .xl-bg-right-top {
    background-position: 100% 0 !important
  }

  .xl-bg-top {
    background-position: top !important
  }

  .xl-bg-repeat {
    background-repeat: repeat !important
  }

  .xl-bg-no-repeat {
    background-repeat: no-repeat !important
  }

  .xl-bg-repeat-x {
    background-repeat: repeat-x !important
  }

  .xl-bg-repeat-y {
    background-repeat: repeat-y !important
  }

  .xl-bg-repeat-round {
    background-repeat: round !important
  }

  .xl-bg-repeat-space {
    background-repeat: space !important
  }

  .xl-bg-auto {
    background-size: auto !important
  }

  .xl-bg-cover {
    background-size: cover !important
  }

  .xl-bg-contain {
    background-size: contain !important
  }

  .xl-border-collapse {
    border-collapse: collapse !important
  }

  .xl-border-separate {
    border-collapse: separate !important
  }

  .xl-border-transparent {
    border-color: transparent !important
  }

  .xl-border-cw-black {
    border-color: #333232 !important
  }

  .xl-border-cw-blue {
    border-color: #369ff4 !important
  }

  .xl-border-cw-blue-print {
    border-color: #5096d0 !important
  }

  .xl-border-cw-green {
    border-color: #59c77f !important
  }

  .xl-border-cw-orange {
    border-color: #fe813a !important
  }

  .xl-border-cw-purple {
    border-color: #9064bf !important
  }

  .xl-border-cw-red {
    border-color: #fa575d !important
  }

  .xl-border-cw-spring {
    border-color: #1ba9e0 !important
  }

  .xl-border-cw-teal {
    border-color: #8ed4cc !important
  }

  .xl-border-cw-white {
    border-color: #fff !important
  }

  .xl-border-cw-yellow {
    border-color: #ffca0a !important
  }

  .xl-border-grey-10 {
    border-color: #f4f5f0 !important
  }

  .xl-border-grey-20 {
    border-color: #e9eae4 !important
  }

  .xl-border-grey-30 {
    border-color: #dfdfd7 !important
  }

  .xl-border-grey-40 {
    border-color: #c1c1ba !important
  }

  .xl-border-grey-5 {
    border-color: #f7f7f7 !important
  }

  .xl-border-grey-50 {
    border-color: #9b9b94 !important
  }

  .xl-border-grey-60 {
    border-color: #71716c !important
  }

  .xl-border-grey-70 {
    border-color: #515151 !important
  }

  .xl-border-cball-blue {
    border-color: #576995 !important
  }

  .xl-border-cball-dark-blue {
    border-color: #354363 !important
  }

  .xl-border-cball-purple {
    border-color: #0a101f !important
  }

  .xl-border-cw-spring-yellow {
    border-color: #ffc907 !important
  }

  .xl-border-cw-spring-dk-blue {
    border-color: #1e2658 !important
  }

  .xl-border-cw-spring-med-blue {
    border-color: #1080b9 !important
  }

  .xl-border-cw-spring-lt-blue {
    border-color: #bae3f0 !important
  }

  .xl-border-cw-spring-dk-green {
    border-color: #004b3d !important
  }

  .xl-border-cw-spring-med-green {
    border-color: #00ac7f !important
  }

  .xl-border-cw-spring-lt-green {
    border-color: #b8e3d1 !important
  }

  .xl-border-cw-spring-black {
    border-color: #1a1a1a !important
  }

  .xl-border-cw-spring-off-white {
    border-color: #fdf4e2 !important
  }

  .xl-border-cw-spring-peach {
    border-color: #e88a78 !important
  }

  .xl-hover-border-transparent:hover {
    border-color: transparent !important
  }

  .xl-hover-border-cw-black:hover {
    border-color: #333232 !important
  }

  .xl-hover-border-cw-blue:hover {
    border-color: #369ff4 !important
  }

  .xl-hover-border-cw-blue-print:hover {
    border-color: #5096d0 !important
  }

  .xl-hover-border-cw-green:hover {
    border-color: #59c77f !important
  }

  .xl-hover-border-cw-orange:hover {
    border-color: #fe813a !important
  }

  .xl-hover-border-cw-purple:hover {
    border-color: #9064bf !important
  }

  .xl-hover-border-cw-red:hover {
    border-color: #fa575d !important
  }

  .xl-hover-border-cw-spring:hover {
    border-color: #1ba9e0 !important
  }

  .xl-hover-border-cw-teal:hover {
    border-color: #8ed4cc !important
  }

  .xl-hover-border-cw-white:hover {
    border-color: #fff !important
  }

  .xl-hover-border-cw-yellow:hover {
    border-color: #ffca0a !important
  }

  .xl-hover-border-grey-10:hover {
    border-color: #f4f5f0 !important
  }

  .xl-hover-border-grey-20:hover {
    border-color: #e9eae4 !important
  }

  .xl-hover-border-grey-30:hover {
    border-color: #dfdfd7 !important
  }

  .xl-hover-border-grey-40:hover {
    border-color: #c1c1ba !important
  }

  .xl-hover-border-grey-5:hover {
    border-color: #f7f7f7 !important
  }

  .xl-hover-border-grey-50:hover {
    border-color: #9b9b94 !important
  }

  .xl-hover-border-grey-60:hover {
    border-color: #71716c !important
  }

  .xl-hover-border-grey-70:hover {
    border-color: #515151 !important
  }

  .xl-hover-border-cball-blue:hover {
    border-color: #576995 !important
  }

  .xl-hover-border-cball-dark-blue:hover {
    border-color: #354363 !important
  }

  .xl-hover-border-cball-purple:hover {
    border-color: #0a101f !important
  }

  .xl-hover-border-cw-spring-yellow:hover {
    border-color: #ffc907 !important
  }

  .xl-hover-border-cw-spring-dk-blue:hover {
    border-color: #1e2658 !important
  }

  .xl-hover-border-cw-spring-med-blue:hover {
    border-color: #1080b9 !important
  }

  .xl-hover-border-cw-spring-lt-blue:hover {
    border-color: #bae3f0 !important
  }

  .xl-hover-border-cw-spring-dk-green:hover {
    border-color: #004b3d !important
  }

  .xl-hover-border-cw-spring-med-green:hover {
    border-color: #00ac7f !important
  }

  .xl-hover-border-cw-spring-lt-green:hover {
    border-color: #b8e3d1 !important
  }

  .xl-hover-border-cw-spring-black:hover {
    border-color: #1a1a1a !important
  }

  .xl-hover-border-cw-spring-off-white:hover {
    border-color: #fdf4e2 !important
  }

  .xl-hover-border-cw-spring-peach:hover {
    border-color: #e88a78 !important
  }

  .xl-focus-border-transparent:focus {
    border-color: transparent !important
  }

  .xl-focus-border-cw-black:focus {
    border-color: #333232 !important
  }

  .xl-focus-border-cw-blue:focus {
    border-color: #369ff4 !important
  }

  .xl-focus-border-cw-blue-print:focus {
    border-color: #5096d0 !important
  }

  .xl-focus-border-cw-green:focus {
    border-color: #59c77f !important
  }

  .xl-focus-border-cw-orange:focus {
    border-color: #fe813a !important
  }

  .xl-focus-border-cw-purple:focus {
    border-color: #9064bf !important
  }

  .xl-focus-border-cw-red:focus {
    border-color: #fa575d !important
  }

  .xl-focus-border-cw-spring:focus {
    border-color: #1ba9e0 !important
  }

  .xl-focus-border-cw-teal:focus {
    border-color: #8ed4cc !important
  }

  .xl-focus-border-cw-white:focus {
    border-color: #fff !important
  }

  .xl-focus-border-cw-yellow:focus {
    border-color: #ffca0a !important
  }

  .xl-focus-border-grey-10:focus {
    border-color: #f4f5f0 !important
  }

  .xl-focus-border-grey-20:focus {
    border-color: #e9eae4 !important
  }

  .xl-focus-border-grey-30:focus {
    border-color: #dfdfd7 !important
  }

  .xl-focus-border-grey-40:focus {
    border-color: #c1c1ba !important
  }

  .xl-focus-border-grey-5:focus {
    border-color: #f7f7f7 !important
  }

  .xl-focus-border-grey-50:focus {
    border-color: #9b9b94 !important
  }

  .xl-focus-border-grey-60:focus {
    border-color: #71716c !important
  }

  .xl-focus-border-grey-70:focus {
    border-color: #515151 !important
  }

  .xl-focus-border-cball-blue:focus {
    border-color: #576995 !important
  }

  .xl-focus-border-cball-dark-blue:focus {
    border-color: #354363 !important
  }

  .xl-focus-border-cball-purple:focus {
    border-color: #0a101f !important
  }

  .xl-focus-border-cw-spring-yellow:focus {
    border-color: #ffc907 !important
  }

  .xl-focus-border-cw-spring-dk-blue:focus {
    border-color: #1e2658 !important
  }

  .xl-focus-border-cw-spring-med-blue:focus {
    border-color: #1080b9 !important
  }

  .xl-focus-border-cw-spring-lt-blue:focus {
    border-color: #bae3f0 !important
  }

  .xl-focus-border-cw-spring-dk-green:focus {
    border-color: #004b3d !important
  }

  .xl-focus-border-cw-spring-med-green:focus {
    border-color: #00ac7f !important
  }

  .xl-focus-border-cw-spring-lt-green:focus {
    border-color: #b8e3d1 !important
  }

  .xl-focus-border-cw-spring-black:focus {
    border-color: #1a1a1a !important
  }

  .xl-focus-border-cw-spring-off-white:focus {
    border-color: #fdf4e2 !important
  }

  .xl-focus-border-cw-spring-peach:focus {
    border-color: #e88a78 !important
  }

  .xl-rounded-none {
    border-radius: 0 !important
  }

  .xl-rounded-sm {
    border-radius: .125rem !important
  }

  .xl-rounded {
    border-radius: .25rem !important
  }

  .xl-rounded-lg {
    border-radius: .5rem !important
  }

  .xl-rounded-full {
    border-radius: 9999px !important
  }

  .xl-rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  .xl-rounded-r-none {
    border-top-right-radius: 0 !important
  }

  .xl-rounded-b-none,
  .xl-rounded-r-none {
    border-bottom-right-radius: 0 !important
  }

  .xl-rounded-b-none,
  .xl-rounded-l-none {
    border-bottom-left-radius: 0 !important
  }

  .xl-rounded-l-none {
    border-top-left-radius: 0 !important
  }

  .xl-rounded-t-sm {
    border-top-left-radius: .125rem !important
  }

  .xl-rounded-r-sm,
  .xl-rounded-t-sm {
    border-top-right-radius: .125rem !important
  }

  .xl-rounded-b-sm,
  .xl-rounded-r-sm {
    border-bottom-right-radius: .125rem !important
  }

  .xl-rounded-b-sm,
  .xl-rounded-l-sm {
    border-bottom-left-radius: .125rem !important
  }

  .xl-rounded-l-sm {
    border-top-left-radius: .125rem !important
  }

  .xl-rounded-t {
    border-top-left-radius: .25rem !important
  }

  .xl-rounded-r,
  .xl-rounded-t {
    border-top-right-radius: .25rem !important
  }

  .xl-rounded-b,
  .xl-rounded-r {
    border-bottom-right-radius: .25rem !important
  }

  .xl-rounded-b,
  .xl-rounded-l {
    border-bottom-left-radius: .25rem !important
  }

  .xl-rounded-l {
    border-top-left-radius: .25rem !important
  }

  .xl-rounded-t-lg {
    border-top-left-radius: .5rem !important
  }

  .xl-rounded-r-lg,
  .xl-rounded-t-lg {
    border-top-right-radius: .5rem !important
  }

  .xl-rounded-b-lg,
  .xl-rounded-r-lg {
    border-bottom-right-radius: .5rem !important
  }

  .xl-rounded-b-lg,
  .xl-rounded-l-lg {
    border-bottom-left-radius: .5rem !important
  }

  .xl-rounded-l-lg {
    border-top-left-radius: .5rem !important
  }

  .xl-rounded-t-full {
    border-top-left-radius: 9999px !important
  }

  .xl-rounded-r-full,
  .xl-rounded-t-full {
    border-top-right-radius: 9999px !important
  }

  .xl-rounded-b-full,
  .xl-rounded-r-full {
    border-bottom-right-radius: 9999px !important
  }

  .xl-rounded-b-full,
  .xl-rounded-l-full {
    border-bottom-left-radius: 9999px !important
  }

  .xl-rounded-l-full {
    border-top-left-radius: 9999px !important
  }

  .xl-rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  .xl-rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  .xl-rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  .xl-rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  .xl-rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  .xl-rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  .xl-rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  .xl-rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  .xl-rounded-tl {
    border-top-left-radius: .25rem !important
  }

  .xl-rounded-tr {
    border-top-right-radius: .25rem !important
  }

  .xl-rounded-br {
    border-bottom-right-radius: .25rem !important
  }

  .xl-rounded-bl {
    border-bottom-left-radius: .25rem !important
  }

  .xl-rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  .xl-rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  .xl-rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  .xl-rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  .xl-rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  .xl-rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  .xl-rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  .xl-rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  .xl-border-solid {
    border-style: solid !important
  }

  .xl-border-dashed {
    border-style: dashed !important
  }

  .xl-border-dotted {
    border-style: dotted !important
  }

  .xl-border-double {
    border-style: double !important
  }

  .xl-border-none {
    border-style: none !important
  }

  .xl-border-0 {
    border-width: 0 !important
  }

  .xl-border-2 {
    border-width: 2px !important
  }

  .xl-border-4 {
    border-width: 4px !important
  }

  .xl-border-8 {
    border-width: 8px !important
  }

  .xl-border {
    border-width: 1px !important
  }

  .xl-border-t-0 {
    border-top-width: 0 !important
  }

  .xl-border-r-0 {
    border-right-width: 0 !important
  }

  .xl-border-b-0 {
    border-bottom-width: 0 !important
  }

  .xl-border-l-0 {
    border-left-width: 0 !important
  }

  .xl-border-t-2 {
    border-top-width: 2px !important
  }

  .xl-border-r-2 {
    border-right-width: 2px !important
  }

  .xl-border-b-2 {
    border-bottom-width: 2px !important
  }

  .xl-border-l-2 {
    border-left-width: 2px !important
  }

  .xl-border-t-4 {
    border-top-width: 4px !important
  }

  .xl-border-r-4 {
    border-right-width: 4px !important
  }

  .xl-border-b-4 {
    border-bottom-width: 4px !important
  }

  .xl-border-l-4 {
    border-left-width: 4px !important
  }

  .xl-border-t-8 {
    border-top-width: 8px !important
  }

  .xl-border-r-8 {
    border-right-width: 8px !important
  }

  .xl-border-b-8 {
    border-bottom-width: 8px !important
  }

  .xl-border-l-8 {
    border-left-width: 8px !important
  }

  .xl-border-t {
    border-top-width: 1px !important
  }

  .xl-border-r {
    border-right-width: 1px !important
  }

  .xl-border-b {
    border-bottom-width: 1px !important
  }

  .xl-border-l {
    border-left-width: 1px !important
  }

  .xl-cursor-auto {
    cursor: auto !important
  }

  .xl-cursor-default {
    cursor: default !important
  }

  .xl-cursor-pointer {
    cursor: pointer !important
  }

  .xl-cursor-wait {
    cursor: wait !important
  }

  .xl-cursor-text {
    cursor: text !important
  }

  .xl-cursor-move {
    cursor: move !important
  }

  .xl-cursor-not-allowed {
    cursor: not-allowed !important
  }

  .xl-block {
    display: block !important
  }

  .xl-inline-block {
    display: inline-block !important
  }

  .xl-inline {
    display: inline !important
  }

  .xl-flex {
    display: -webkit-box !important;
    display: flex !important
  }

  .xl-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important
  }

  .xl-table {
    display: table !important
  }

  .xl-table-row {
    display: table-row !important
  }

  .xl-table-cell {
    display: table-cell !important
  }

  .xl-hidden {
    display: none !important
  }

  .xl-flex-row {
    flex-direction: row !important
  }

  .xl-flex-row-reverse {
    flex-direction: row-reverse !important
  }

  .xl-flex-col {
    flex-direction: column !important
  }

  .xl-flex-col-reverse {
    flex-direction: column-reverse !important
  }

  .xl-flex-wrap {
    flex-wrap: wrap !important
  }

  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .xl-flex-no-wrap {
    flex-wrap: nowrap !important
  }

  .xl-items-start {
    align-items: flex-start !important
  }

  .xl-items-end {
    align-items: flex-end !important
  }

  .xl-items-center {
    align-items: center !important
  }

  .xl-items-baseline {
    align-items: baseline !important
  }

  .xl-items-stretch {
    align-items: stretch !important
  }

  .xl-self-auto {
    align-self: auto !important
  }

  .xl-self-start {
    align-self: flex-start !important
  }

  .xl-self-end {
    align-self: flex-end !important
  }

  .xl-self-center {
    align-self: center !important
  }

  .xl-self-stretch {
    align-self: stretch !important
  }

  .xl-justify-start {
    justify-content: flex-start !important
  }

  .xl-justify-end {
    justify-content: flex-end !important
  }

  .xl-justify-center {
    justify-content: center !important
  }

  .xl-justify-between {
    justify-content: space-between !important
  }

  .xl-justify-around {
    justify-content: space-around !important
  }

  .xl-content-center {
    align-content: center !important
  }

  .xl-content-start {
    align-content: flex-start !important
  }

  .xl-content-end {
    align-content: flex-end !important
  }

  .xl-content-between {
    align-content: space-between !important
  }

  .xl-content-around {
    align-content: space-around !important
  }

  .xl-flex-1 {
    flex: 1 1 !important
  }

  .xl-flex-auto {
    flex: 1 1 auto !important
  }

  .xl-flex-initial {
    flex: 0 1 auto !important
  }

  .xl-flex-none {
    flex: none !important
  }

  .xl-flex-grow-0 {
    flex-grow: 0 !important
  }

  .xl-flex-grow {
    flex-grow: 1 !important
  }

  .xl-flex-shrink-0 {
    flex-shrink: 0 !important
  }

  .xl-flex-shrink {
    flex-shrink: 1 !important
  }

  .xl-order-1 {
    order: 1 !important
  }

  .xl-order-2 {
    order: 2 !important
  }

  .xl-order-3 {
    order: 3 !important
  }

  .xl-order-4 {
    order: 4 !important
  }

  .xl-order-5 {
    order: 5 !important
  }

  .xl-order-6 {
    order: 6 !important
  }

  .xl-order-7 {
    order: 7 !important
  }

  .xl-order-8 {
    order: 8 !important
  }

  .xl-order-9 {
    order: 9 !important
  }

  .xl-order-10 {
    order: 10 !important
  }

  .xl-order-11 {
    order: 11 !important
  }

  .xl-order-12 {
    order: 12 !important
  }

  .xl-order-first {
    order: -9999 !important
  }

  .xl-order-last {
    order: 9999 !important
  }

  .xl-order-none {
    order: 0 !important
  }

  .xl-float-right {
    float: right !important
  }

  .xl-float-left {
    float: left !important
  }

  .xl-float-none {
    float: none !important
  }

  .xl-clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important
  }

  .xl-font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
  }

  .xl-font-serif {
    font-family: Georgia, Cambria, Times New Roman, Times, serif !important
  }

  .xl-font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
  }

  .xl-font-hairline {
    font-weight: 100 !important
  }

  .xl-font-thin {
    font-weight: 200 !important
  }

  .xl-font-light {
    font-weight: 300 !important
  }

  .xl-font-normal {
    font-weight: 400 !important
  }

  .xl-font-medium {
    font-weight: 500 !important
  }

  .xl-font-semibold {
    font-weight: 600 !important
  }

  .xl-font-bold {
    font-weight: 700 !important
  }

  .xl-font-extrabold {
    font-weight: 800 !important
  }

  .xl-font-black {
    font-weight: 900 !important
  }

  .xl-hover-font-hairline:hover {
    font-weight: 100 !important
  }

  .xl-hover-font-thin:hover {
    font-weight: 200 !important
  }

  .xl-hover-font-light:hover {
    font-weight: 300 !important
  }

  .xl-hover-font-normal:hover {
    font-weight: 400 !important
  }

  .xl-hover-font-medium:hover {
    font-weight: 500 !important
  }

  .xl-hover-font-semibold:hover {
    font-weight: 600 !important
  }

  .xl-hover-font-bold:hover {
    font-weight: 700 !important
  }

  .xl-hover-font-extrabold:hover {
    font-weight: 800 !important
  }

  .xl-hover-font-black:hover {
    font-weight: 900 !important
  }

  .xl-focus-font-hairline:focus {
    font-weight: 100 !important
  }

  .xl-focus-font-thin:focus {
    font-weight: 200 !important
  }

  .xl-focus-font-light:focus {
    font-weight: 300 !important
  }

  .xl-focus-font-normal:focus {
    font-weight: 400 !important
  }

  .xl-focus-font-medium:focus {
    font-weight: 500 !important
  }

  .xl-focus-font-semibold:focus {
    font-weight: 600 !important
  }

  .xl-focus-font-bold:focus {
    font-weight: 700 !important
  }

  .xl-focus-font-extrabold:focus {
    font-weight: 800 !important
  }

  .xl-focus-font-black:focus {
    font-weight: 900 !important
  }

  .xl-h-0 {
    height: 0 !important
  }

  .xl-h-1 {
    height: .25rem !important
  }

  .xl-h-2 {
    height: .5rem !important
  }

  .xl-h-3 {
    height: .75rem !important
  }

  .xl-h-4 {
    height: 1rem !important
  }

  .xl-h-5 {
    height: 1.25rem !important
  }

  .xl-h-6 {
    height: 1.5rem !important
  }

  .xl-h-8 {
    height: 2rem !important
  }

  .xl-h-10 {
    height: 2.5rem !important
  }

  .xl-h-12 {
    height: 3rem !important
  }

  .xl-h-16 {
    height: 4rem !important
  }

  .xl-h-20 {
    height: 5rem !important
  }

  .xl-h-24 {
    height: 6rem !important
  }

  .xl-h-32 {
    height: 8rem !important
  }

  .xl-h-40 {
    height: 10rem !important
  }

  .xl-h-48 {
    height: 12rem !important
  }

  .xl-h-56 {
    height: 14rem !important
  }

  .xl-h-64 {
    height: 16rem !important
  }

  .xl-h-auto {
    height: auto !important
  }

  .xl-h-px {
    height: 1px !important
  }

  .xl-h-full {
    height: 100% !important
  }

  .xl-h-screen {
    height: 100vh !important
  }

  .xl-leading-none {
    line-height: 1 !important
  }

  .xl-leading-tight {
    line-height: 1.25 !important
  }

  .xl-leading-snug {
    line-height: 1.375 !important
  }

  .xl-leading-normal {
    line-height: 1.5 !important
  }

  .xl-leading-relaxed {
    line-height: 1.625 !important
  }

  .xl-leading-loose {
    line-height: 2 !important
  }

  .xl-list-inside {
    list-style-position: inside !important
  }

  .xl-list-outside {
    list-style-position: outside !important
  }

  .xl-list-none {
    list-style-type: none !important
  }

  .xl-list-disc {
    list-style-type: disc !important
  }

  .xl-list-decimal {
    list-style-type: decimal !important
  }

  .xl-m-0 {
    margin: 0 !important
  }

  .xl-m-1 {
    margin: 10px !important
  }

  .xl-m-2 {
    margin: 20px !important
  }

  .xl-m-3 {
    margin: 40px !important
  }

  .xl-m-4 {
    margin: 60px !important
  }

  .xl-m-auto {
    margin: auto !important
  }

  .xl-m-px {
    margin: 1px !important
  }

  .xl--m-0 {
    margin: 0 !important
  }

  .xl--m-1 {
    margin: -10px !important
  }

  .xl--m-2 {
    margin: -20px !important
  }

  .xl--m-3 {
    margin: -40px !important
  }

  .xl--m-4 {
    margin: -60px !important
  }

  .xl--m-px {
    margin: -1px !important
  }

  .xl-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .xl-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .xl-my-1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
  }

  .xl-mx-1 {
    margin-left: 10px !important;
    margin-right: 10px !important
  }

  .xl-my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
  }

  .xl-mx-2 {
    margin-left: 20px !important;
    margin-right: 20px !important
  }

  .xl-my-3 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .xl-mx-3 {
    margin-left: 40px !important;
    margin-right: 40px !important
  }

  .xl-my-4 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
  }

  .xl-mx-4 {
    margin-left: 60px !important;
    margin-right: 60px !important
  }

  .xl-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .xl-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .xl-my-px {
    margin-top: 1px !important;
    margin-bottom: 1px !important
  }

  .xl-mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  .xl--my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .xl--mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .xl--my-1 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
  }

  .xl--mx-1 {
    margin-left: -10px !important;
    margin-right: -10px !important
  }

  .xl--my-2 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
  }

  .xl--mx-2 {
    margin-left: -20px !important;
    margin-right: -20px !important
  }

  .xl--my-3 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
  }

  .xl--mx-3 {
    margin-left: -40px !important;
    margin-right: -40px !important
  }

  .xl--my-4 {
    margin-top: -60px !important;
    margin-bottom: -60px !important
  }

  .xl--mx-4 {
    margin-left: -60px !important;
    margin-right: -60px !important
  }

  .xl--my-px {
    margin-top: -1px !important;
    margin-bottom: -1px !important
  }

  .xl--mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  .xl-mt-0 {
    margin-top: 0 !important
  }

  .xl-mr-0 {
    margin-right: 0 !important
  }

  .xl-mb-0 {
    margin-bottom: 0 !important
  }

  .xl-ml-0 {
    margin-left: 0 !important
  }

  .xl-mt-1 {
    margin-top: 10px !important
  }

  .xl-mr-1 {
    margin-right: 10px !important
  }

  .xl-mb-1 {
    margin-bottom: 10px !important
  }

  .xl-ml-1 {
    margin-left: 10px !important
  }

  .xl-mt-2 {
    margin-top: 20px !important
  }

  .xl-mr-2 {
    margin-right: 20px !important
  }

  .xl-mb-2 {
    margin-bottom: 20px !important
  }

  .xl-ml-2 {
    margin-left: 20px !important
  }

  .xl-mt-3 {
    margin-top: 40px !important
  }

  .xl-mr-3 {
    margin-right: 40px !important
  }

  .xl-mb-3 {
    margin-bottom: 40px !important
  }

  .xl-ml-3 {
    margin-left: 40px !important
  }

  .xl-mt-4 {
    margin-top: 60px !important
  }

  .xl-mr-4 {
    margin-right: 60px !important
  }

  .xl-mb-4 {
    margin-bottom: 60px !important
  }

  .xl-ml-4 {
    margin-left: 60px !important
  }

  .xl-mt-auto {
    margin-top: auto !important
  }

  .xl-mr-auto {
    margin-right: auto !important
  }

  .xl-mb-auto {
    margin-bottom: auto !important
  }

  .xl-ml-auto {
    margin-left: auto !important
  }

  .xl-mt-px {
    margin-top: 1px !important
  }

  .xl-mr-px {
    margin-right: 1px !important
  }

  .xl-mb-px {
    margin-bottom: 1px !important
  }

  .xl-ml-px {
    margin-left: 1px !important
  }

  .xl--mt-0 {
    margin-top: 0 !important
  }

  .xl--mr-0 {
    margin-right: 0 !important
  }

  .xl--mb-0 {
    margin-bottom: 0 !important
  }

  .xl--ml-0 {
    margin-left: 0 !important
  }

  .xl--mt-1 {
    margin-top: -10px !important
  }

  .xl--mr-1 {
    margin-right: -10px !important
  }

  .xl--mb-1 {
    margin-bottom: -10px !important
  }

  .xl--ml-1 {
    margin-left: -10px !important
  }

  .xl--mt-2 {
    margin-top: -20px !important
  }

  .xl--mr-2 {
    margin-right: -20px !important
  }

  .xl--mb-2 {
    margin-bottom: -20px !important
  }

  .xl--ml-2 {
    margin-left: -20px !important
  }

  .xl--mt-3 {
    margin-top: -40px !important
  }

  .xl--mr-3 {
    margin-right: -40px !important
  }

  .xl--mb-3 {
    margin-bottom: -40px !important
  }

  .xl--ml-3 {
    margin-left: -40px !important
  }

  .xl--mt-4 {
    margin-top: -60px !important
  }

  .xl--mr-4 {
    margin-right: -60px !important
  }

  .xl--mb-4 {
    margin-bottom: -60px !important
  }

  .xl--ml-4 {
    margin-left: -60px !important
  }

  .xl--mt-px {
    margin-top: -1px !important
  }

  .xl--mr-px {
    margin-right: -1px !important
  }

  .xl--mb-px {
    margin-bottom: -1px !important
  }

  .xl--ml-px {
    margin-left: -1px !important
  }

  .xl-max-h-full {
    max-height: 100% !important
  }

  .xl-max-h-screen {
    max-height: 100vh !important
  }

  .xl-max-w-xs {
    max-width: 20rem !important
  }

  .xl-max-w-sm {
    max-width: 30rem !important
  }

  .xl-max-w-md {
    max-width: 40rem !important
  }

  .xl-max-w-lg {
    max-width: 50rem !important
  }

  .xl-max-w-xl {
    max-width: 60rem !important
  }

  .xl-max-w-2xl {
    max-width: 70rem !important
  }

  .xl-max-w-3xl {
    max-width: 80rem !important
  }

  .xl-max-w-4xl {
    max-width: 90rem !important
  }

  .xl-max-w-5xl {
    max-width: 100rem !important
  }

  .xl-max-w-full {
    max-width: 100% !important
  }

  .xl-min-h-0 {
    min-height: 0 !important
  }

  .xl-min-h-full {
    min-height: 100% !important
  }

  .xl-min-h-screen {
    min-height: 100vh !important
  }

  .xl-min-w-0 {
    min-width: 0 !important
  }

  .xl-min-w-full {
    min-width: 100% !important
  }

  .xl-object-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
  }

  .xl-object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
  }

  .xl-object-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important
  }

  .xl-object-none {
    -o-object-fit: none !important;
    object-fit: none !important
  }

  .xl-object-scale-down {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important
  }

  .xl-object-bottom {
    -o-object-position: bottom !important;
    object-position: bottom !important
  }

  .xl-object-center {
    -o-object-position: center !important;
    object-position: center !important
  }

  .xl-object-left {
    -o-object-position: left !important;
    object-position: left !important
  }

  .xl-object-left-bottom {
    -o-object-position: left bottom !important;
    object-position: left bottom !important
  }

  .xl-object-left-top {
    -o-object-position: left top !important;
    object-position: left top !important
  }

  .xl-object-right {
    -o-object-position: right !important;
    object-position: right !important
  }

  .xl-object-right-bottom {
    -o-object-position: right bottom !important;
    object-position: right bottom !important
  }

  .xl-object-right-top {
    -o-object-position: right top !important;
    object-position: right top !important
  }

  .xl-object-top {
    -o-object-position: top !important;
    object-position: top !important
  }

  .xl-opacity-0 {
    opacity: 0 !important
  }

  .xl-opacity-25 {
    opacity: .25 !important
  }

  .xl-opacity-50 {
    opacity: .5 !important
  }

  .xl-opacity-75 {
    opacity: .75 !important
  }

  .xl-opacity-100 {
    opacity: 1 !important
  }

  .xl-hover-opacity-0:hover {
    opacity: 0 !important
  }

  .xl-hover-opacity-25:hover {
    opacity: .25 !important
  }

  .xl-hover-opacity-50:hover {
    opacity: .5 !important
  }

  .xl-hover-opacity-75:hover {
    opacity: .75 !important
  }

  .xl-hover-opacity-100:hover {
    opacity: 1 !important
  }

  .xl-focus-opacity-0:focus {
    opacity: 0 !important
  }

  .xl-focus-opacity-25:focus {
    opacity: .25 !important
  }

  .xl-focus-opacity-50:focus {
    opacity: .5 !important
  }

  .xl-focus-opacity-75:focus {
    opacity: .75 !important
  }

  .xl-focus-opacity-100:focus {
    opacity: 1 !important
  }

  .xl-focus-outline-none:focus,
  .xl-outline-none {
    outline: 0 !important
  }

  .xl-overflow-auto {
    overflow: auto !important
  }

  .xl-overflow-hidden {
    overflow: hidden !important
  }

  .xl-overflow-visible {
    overflow: visible !important
  }

  .xl-overflow-scroll {
    overflow: scroll !important
  }

  .xl-overflow-x-auto {
    overflow-x: auto !important
  }

  .xl-overflow-y-auto {
    overflow-y: auto !important
  }

  .xl-overflow-x-hidden {
    overflow-x: hidden !important
  }

  .xl-overflow-y-hidden {
    overflow-y: hidden !important
  }

  .xl-overflow-x-visible {
    overflow-x: visible !important
  }

  .xl-overflow-y-visible {
    overflow-y: visible !important
  }

  .xl-overflow-x-scroll {
    overflow-x: scroll !important
  }

  .xl-overflow-y-scroll {
    overflow-y: scroll !important
  }

  .xl-scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  .xl-scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  .xl-p-0 {
    padding: 0 !important
  }

  .xl-p-1 {
    padding: 10px !important
  }

  .xl-p-2 {
    padding: 20px !important
  }

  .xl-p-3 {
    padding: 40px !important
  }

  .xl-p-4 {
    padding: 60px !important
  }

  .xl-p-px {
    padding: 1px !important
  }

  .xl-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .xl-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .xl-py-1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
  }

  .xl-px-1 {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .xl-py-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
  }

  .xl-px-2 {
    padding-left: 20px !important;
    padding-right: 20px !important
  }

  .xl-py-3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .xl-px-3 {
    padding-left: 40px !important;
    padding-right: 40px !important
  }

  .xl-py-4 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
  }

  .xl-px-4 {
    padding-left: 60px !important;
    padding-right: 60px !important
  }

  .xl-py-px {
    padding-top: 1px !important;
    padding-bottom: 1px !important
  }

  .xl-px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  .xl-pt-0 {
    padding-top: 0 !important
  }

  .xl-pr-0 {
    padding-right: 0 !important
  }

  .xl-pb-0 {
    padding-bottom: 0 !important
  }

  .xl-pl-0 {
    padding-left: 0 !important
  }

  .xl-pt-1 {
    padding-top: 10px !important
  }

  .xl-pr-1 {
    padding-right: 10px !important
  }

  .xl-pb-1 {
    padding-bottom: 10px !important
  }

  .xl-pl-1 {
    padding-left: 10px !important
  }

  .xl-pt-2 {
    padding-top: 20px !important
  }

  .xl-pr-2 {
    padding-right: 20px !important
  }

  .xl-pb-2 {
    padding-bottom: 20px !important
  }

  .xl-pl-2 {
    padding-left: 20px !important
  }

  .xl-pt-3 {
    padding-top: 40px !important
  }

  .xl-pr-3 {
    padding-right: 40px !important
  }

  .xl-pb-3 {
    padding-bottom: 40px !important
  }

  .xl-pl-3 {
    padding-left: 40px !important
  }

  .xl-pt-4 {
    padding-top: 60px !important
  }

  .xl-pr-4 {
    padding-right: 60px !important
  }

  .xl-pb-4 {
    padding-bottom: 60px !important
  }

  .xl-pl-4 {
    padding-left: 60px !important
  }

  .xl-pt-px {
    padding-top: 1px !important
  }

  .xl-pr-px {
    padding-right: 1px !important
  }

  .xl-pb-px {
    padding-bottom: 1px !important
  }

  .xl-pl-px {
    padding-left: 1px !important
  }

  .xl-placeholder-transparent::-webkit-input-placeholder {
    color: transparent !important
  }

  .xl-placeholder-transparent::-moz-placeholder {
    color: transparent !important
  }

  .xl-placeholder-transparent:-ms-input-placeholder {
    color: transparent !important
  }

  .xl-placeholder-transparent::-ms-input-placeholder {
    color: transparent !important
  }

  .xl-placeholder-transparent::placeholder {
    color: transparent !important
  }

  .xl-placeholder-cw-black::-webkit-input-placeholder {
    color: #333232 !important
  }

  .xl-placeholder-cw-black::-moz-placeholder {
    color: #333232 !important
  }

  .xl-placeholder-cw-black:-ms-input-placeholder {
    color: #333232 !important
  }

  .xl-placeholder-cw-black::-ms-input-placeholder {
    color: #333232 !important
  }

  .xl-placeholder-cw-black::placeholder {
    color: #333232 !important
  }

  .xl-placeholder-cw-blue::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .xl-placeholder-cw-blue::-moz-placeholder {
    color: #369ff4 !important
  }

  .xl-placeholder-cw-blue:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .xl-placeholder-cw-blue::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .xl-placeholder-cw-blue::placeholder {
    color: #369ff4 !important
  }

  .xl-placeholder-cw-blue-print::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .xl-placeholder-cw-blue-print::-moz-placeholder {
    color: #5096d0 !important
  }

  .xl-placeholder-cw-blue-print:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .xl-placeholder-cw-blue-print::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .xl-placeholder-cw-blue-print::placeholder {
    color: #5096d0 !important
  }

  .xl-placeholder-cw-green::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .xl-placeholder-cw-green::-moz-placeholder {
    color: #59c77f !important
  }

  .xl-placeholder-cw-green:-ms-input-placeholder {
    color: #59c77f !important
  }

  .xl-placeholder-cw-green::-ms-input-placeholder {
    color: #59c77f !important
  }

  .xl-placeholder-cw-green::placeholder {
    color: #59c77f !important
  }

  .xl-placeholder-cw-orange::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .xl-placeholder-cw-orange::-moz-placeholder {
    color: #fe813a !important
  }

  .xl-placeholder-cw-orange:-ms-input-placeholder {
    color: #fe813a !important
  }

  .xl-placeholder-cw-orange::-ms-input-placeholder {
    color: #fe813a !important
  }

  .xl-placeholder-cw-orange::placeholder {
    color: #fe813a !important
  }

  .xl-placeholder-cw-purple::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .xl-placeholder-cw-purple::-moz-placeholder {
    color: #9064bf !important
  }

  .xl-placeholder-cw-purple:-ms-input-placeholder {
    color: #9064bf !important
  }

  .xl-placeholder-cw-purple::-ms-input-placeholder {
    color: #9064bf !important
  }

  .xl-placeholder-cw-purple::placeholder {
    color: #9064bf !important
  }

  .xl-placeholder-cw-red::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .xl-placeholder-cw-red::-moz-placeholder {
    color: #fa575d !important
  }

  .xl-placeholder-cw-red:-ms-input-placeholder {
    color: #fa575d !important
  }

  .xl-placeholder-cw-red::-ms-input-placeholder {
    color: #fa575d !important
  }

  .xl-placeholder-cw-red::placeholder {
    color: #fa575d !important
  }

  .xl-placeholder-cw-spring::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .xl-placeholder-cw-spring::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .xl-placeholder-cw-spring:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .xl-placeholder-cw-spring::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .xl-placeholder-cw-spring::placeholder {
    color: #1ba9e0 !important
  }

  .xl-placeholder-cw-teal::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .xl-placeholder-cw-teal::-moz-placeholder {
    color: #8ed4cc !important
  }

  .xl-placeholder-cw-teal:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .xl-placeholder-cw-teal::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .xl-placeholder-cw-teal::placeholder {
    color: #8ed4cc !important
  }

  .xl-placeholder-cw-white::-webkit-input-placeholder {
    color: #fff !important
  }

  .xl-placeholder-cw-white::-moz-placeholder {
    color: #fff !important
  }

  .xl-placeholder-cw-white:-ms-input-placeholder {
    color: #fff !important
  }

  .xl-placeholder-cw-white::-ms-input-placeholder {
    color: #fff !important
  }

  .xl-placeholder-cw-white::placeholder {
    color: #fff !important
  }

  .xl-placeholder-cw-yellow::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .xl-placeholder-cw-yellow::-moz-placeholder {
    color: #ffca0a !important
  }

  .xl-placeholder-cw-yellow:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .xl-placeholder-cw-yellow::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .xl-placeholder-cw-yellow::placeholder {
    color: #ffca0a !important
  }

  .xl-placeholder-grey-10::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .xl-placeholder-grey-10::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .xl-placeholder-grey-10:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .xl-placeholder-grey-10::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .xl-placeholder-grey-10::placeholder {
    color: #f4f5f0 !important
  }

  .xl-placeholder-grey-20::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .xl-placeholder-grey-20::-moz-placeholder {
    color: #e9eae4 !important
  }

  .xl-placeholder-grey-20:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .xl-placeholder-grey-20::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .xl-placeholder-grey-20::placeholder {
    color: #e9eae4 !important
  }

  .xl-placeholder-grey-30::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .xl-placeholder-grey-30::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .xl-placeholder-grey-30:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .xl-placeholder-grey-30::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .xl-placeholder-grey-30::placeholder {
    color: #dfdfd7 !important
  }

  .xl-placeholder-grey-40::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .xl-placeholder-grey-40::-moz-placeholder {
    color: #c1c1ba !important
  }

  .xl-placeholder-grey-40:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .xl-placeholder-grey-40::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .xl-placeholder-grey-40::placeholder {
    color: #c1c1ba !important
  }

  .xl-placeholder-grey-5::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .xl-placeholder-grey-5::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .xl-placeholder-grey-5:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .xl-placeholder-grey-5::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .xl-placeholder-grey-5::placeholder {
    color: #f7f7f7 !important
  }

  .xl-placeholder-grey-50::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .xl-placeholder-grey-50::-moz-placeholder {
    color: #9b9b94 !important
  }

  .xl-placeholder-grey-50:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .xl-placeholder-grey-50::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .xl-placeholder-grey-50::placeholder {
    color: #9b9b94 !important
  }

  .xl-placeholder-grey-60::-webkit-input-placeholder {
    color: #71716c !important
  }

  .xl-placeholder-grey-60::-moz-placeholder {
    color: #71716c !important
  }

  .xl-placeholder-grey-60:-ms-input-placeholder {
    color: #71716c !important
  }

  .xl-placeholder-grey-60::-ms-input-placeholder {
    color: #71716c !important
  }

  .xl-placeholder-grey-60::placeholder {
    color: #71716c !important
  }

  .xl-placeholder-grey-70::-webkit-input-placeholder {
    color: #515151 !important
  }

  .xl-placeholder-grey-70::-moz-placeholder {
    color: #515151 !important
  }

  .xl-placeholder-grey-70:-ms-input-placeholder {
    color: #515151 !important
  }

  .xl-placeholder-grey-70::-ms-input-placeholder {
    color: #515151 !important
  }

  .xl-placeholder-grey-70::placeholder {
    color: #515151 !important
  }

  .xl-placeholder-cball-blue::-webkit-input-placeholder {
    color: #576995 !important
  }

  .xl-placeholder-cball-blue::-moz-placeholder {
    color: #576995 !important
  }

  .xl-placeholder-cball-blue:-ms-input-placeholder {
    color: #576995 !important
  }

  .xl-placeholder-cball-blue::-ms-input-placeholder {
    color: #576995 !important
  }

  .xl-placeholder-cball-blue::placeholder {
    color: #576995 !important
  }

  .xl-placeholder-cball-dark-blue::-webkit-input-placeholder {
    color: #354363 !important
  }

  .xl-placeholder-cball-dark-blue::-moz-placeholder {
    color: #354363 !important
  }

  .xl-placeholder-cball-dark-blue:-ms-input-placeholder {
    color: #354363 !important
  }

  .xl-placeholder-cball-dark-blue::-ms-input-placeholder {
    color: #354363 !important
  }

  .xl-placeholder-cball-dark-blue::placeholder {
    color: #354363 !important
  }

  .xl-placeholder-cball-purple::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .xl-placeholder-cball-purple::-moz-placeholder {
    color: #0a101f !important
  }

  .xl-placeholder-cball-purple:-ms-input-placeholder {
    color: #0a101f !important
  }

  .xl-placeholder-cball-purple::-ms-input-placeholder {
    color: #0a101f !important
  }

  .xl-placeholder-cball-purple::placeholder {
    color: #0a101f !important
  }

  .xl-placeholder-cw-spring-yellow::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .xl-placeholder-cw-spring-yellow::-moz-placeholder {
    color: #ffc907 !important
  }

  .xl-placeholder-cw-spring-yellow:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .xl-placeholder-cw-spring-yellow::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .xl-placeholder-cw-spring-yellow::placeholder {
    color: #ffc907 !important
  }

  .xl-placeholder-cw-spring-dk-blue::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .xl-placeholder-cw-spring-dk-blue::-moz-placeholder {
    color: #1e2658 !important
  }

  .xl-placeholder-cw-spring-dk-blue:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .xl-placeholder-cw-spring-dk-blue::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .xl-placeholder-cw-spring-dk-blue::placeholder {
    color: #1e2658 !important
  }

  .xl-placeholder-cw-spring-med-blue::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .xl-placeholder-cw-spring-med-blue::-moz-placeholder {
    color: #1080b9 !important
  }

  .xl-placeholder-cw-spring-med-blue:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .xl-placeholder-cw-spring-med-blue::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .xl-placeholder-cw-spring-med-blue::placeholder {
    color: #1080b9 !important
  }

  .xl-placeholder-cw-spring-lt-blue::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .xl-placeholder-cw-spring-lt-blue::-moz-placeholder {
    color: #bae3f0 !important
  }

  .xl-placeholder-cw-spring-lt-blue:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .xl-placeholder-cw-spring-lt-blue::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .xl-placeholder-cw-spring-lt-blue::placeholder {
    color: #bae3f0 !important
  }

  .xl-placeholder-cw-spring-dk-green::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .xl-placeholder-cw-spring-dk-green::-moz-placeholder {
    color: #004b3d !important
  }

  .xl-placeholder-cw-spring-dk-green:-ms-input-placeholder {
    color: #004b3d !important
  }

  .xl-placeholder-cw-spring-dk-green::-ms-input-placeholder {
    color: #004b3d !important
  }

  .xl-placeholder-cw-spring-dk-green::placeholder {
    color: #004b3d !important
  }

  .xl-placeholder-cw-spring-med-green::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .xl-placeholder-cw-spring-med-green::-moz-placeholder {
    color: #00ac7f !important
  }

  .xl-placeholder-cw-spring-med-green:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .xl-placeholder-cw-spring-med-green::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .xl-placeholder-cw-spring-med-green::placeholder {
    color: #00ac7f !important
  }

  .xl-placeholder-cw-spring-lt-green::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .xl-placeholder-cw-spring-lt-green::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .xl-placeholder-cw-spring-lt-green:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .xl-placeholder-cw-spring-lt-green::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .xl-placeholder-cw-spring-lt-green::placeholder {
    color: #b8e3d1 !important
  }

  .xl-placeholder-cw-spring-black::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .xl-placeholder-cw-spring-black::-moz-placeholder {
    color: #1a1a1a !important
  }

  .xl-placeholder-cw-spring-black:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .xl-placeholder-cw-spring-black::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .xl-placeholder-cw-spring-black::placeholder {
    color: #1a1a1a !important
  }

  .xl-placeholder-cw-spring-off-white::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .xl-placeholder-cw-spring-off-white::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .xl-placeholder-cw-spring-off-white:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .xl-placeholder-cw-spring-off-white::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .xl-placeholder-cw-spring-off-white::placeholder {
    color: #fdf4e2 !important
  }

  .xl-placeholder-cw-spring-peach::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .xl-placeholder-cw-spring-peach::-moz-placeholder {
    color: #e88a78 !important
  }

  .xl-placeholder-cw-spring-peach:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .xl-placeholder-cw-spring-peach::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .xl-placeholder-cw-spring-peach::placeholder {
    color: #e88a78 !important
  }

  .xl-focus-placeholder-transparent:focus::-webkit-input-placeholder {
    color: transparent !important
  }

  .xl-focus-placeholder-transparent:focus::-moz-placeholder {
    color: transparent !important
  }

  .xl-focus-placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent !important
  }

  .xl-focus-placeholder-transparent:focus::-ms-input-placeholder {
    color: transparent !important
  }

  .xl-focus-placeholder-transparent:focus::placeholder {
    color: transparent !important
  }

  .xl-focus-placeholder-cw-black:focus::-webkit-input-placeholder {
    color: #333232 !important
  }

  .xl-focus-placeholder-cw-black:focus::-moz-placeholder {
    color: #333232 !important
  }

  .xl-focus-placeholder-cw-black:focus:-ms-input-placeholder {
    color: #333232 !important
  }

  .xl-focus-placeholder-cw-black:focus::-ms-input-placeholder {
    color: #333232 !important
  }

  .xl-focus-placeholder-cw-black:focus::placeholder {
    color: #333232 !important
  }

  .xl-focus-placeholder-cw-blue:focus::-webkit-input-placeholder {
    color: #369ff4 !important
  }

  .xl-focus-placeholder-cw-blue:focus::-moz-placeholder {
    color: #369ff4 !important
  }

  .xl-focus-placeholder-cw-blue:focus:-ms-input-placeholder {
    color: #369ff4 !important
  }

  .xl-focus-placeholder-cw-blue:focus::-ms-input-placeholder {
    color: #369ff4 !important
  }

  .xl-focus-placeholder-cw-blue:focus::placeholder {
    color: #369ff4 !important
  }

  .xl-focus-placeholder-cw-blue-print:focus::-webkit-input-placeholder {
    color: #5096d0 !important
  }

  .xl-focus-placeholder-cw-blue-print:focus::-moz-placeholder {
    color: #5096d0 !important
  }

  .xl-focus-placeholder-cw-blue-print:focus:-ms-input-placeholder {
    color: #5096d0 !important
  }

  .xl-focus-placeholder-cw-blue-print:focus::-ms-input-placeholder {
    color: #5096d0 !important
  }

  .xl-focus-placeholder-cw-blue-print:focus::placeholder {
    color: #5096d0 !important
  }

  .xl-focus-placeholder-cw-green:focus::-webkit-input-placeholder {
    color: #59c77f !important
  }

  .xl-focus-placeholder-cw-green:focus::-moz-placeholder {
    color: #59c77f !important
  }

  .xl-focus-placeholder-cw-green:focus:-ms-input-placeholder {
    color: #59c77f !important
  }

  .xl-focus-placeholder-cw-green:focus::-ms-input-placeholder {
    color: #59c77f !important
  }

  .xl-focus-placeholder-cw-green:focus::placeholder {
    color: #59c77f !important
  }

  .xl-focus-placeholder-cw-orange:focus::-webkit-input-placeholder {
    color: #fe813a !important
  }

  .xl-focus-placeholder-cw-orange:focus::-moz-placeholder {
    color: #fe813a !important
  }

  .xl-focus-placeholder-cw-orange:focus:-ms-input-placeholder {
    color: #fe813a !important
  }

  .xl-focus-placeholder-cw-orange:focus::-ms-input-placeholder {
    color: #fe813a !important
  }

  .xl-focus-placeholder-cw-orange:focus::placeholder {
    color: #fe813a !important
  }

  .xl-focus-placeholder-cw-purple:focus::-webkit-input-placeholder {
    color: #9064bf !important
  }

  .xl-focus-placeholder-cw-purple:focus::-moz-placeholder {
    color: #9064bf !important
  }

  .xl-focus-placeholder-cw-purple:focus:-ms-input-placeholder {
    color: #9064bf !important
  }

  .xl-focus-placeholder-cw-purple:focus::-ms-input-placeholder {
    color: #9064bf !important
  }

  .xl-focus-placeholder-cw-purple:focus::placeholder {
    color: #9064bf !important
  }

  .xl-focus-placeholder-cw-red:focus::-webkit-input-placeholder {
    color: #fa575d !important
  }

  .xl-focus-placeholder-cw-red:focus::-moz-placeholder {
    color: #fa575d !important
  }

  .xl-focus-placeholder-cw-red:focus:-ms-input-placeholder {
    color: #fa575d !important
  }

  .xl-focus-placeholder-cw-red:focus::-ms-input-placeholder {
    color: #fa575d !important
  }

  .xl-focus-placeholder-cw-red:focus::placeholder {
    color: #fa575d !important
  }

  .xl-focus-placeholder-cw-spring:focus::-webkit-input-placeholder {
    color: #1ba9e0 !important
  }

  .xl-focus-placeholder-cw-spring:focus::-moz-placeholder {
    color: #1ba9e0 !important
  }

  .xl-focus-placeholder-cw-spring:focus:-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .xl-focus-placeholder-cw-spring:focus::-ms-input-placeholder {
    color: #1ba9e0 !important
  }

  .xl-focus-placeholder-cw-spring:focus::placeholder {
    color: #1ba9e0 !important
  }

  .xl-focus-placeholder-cw-teal:focus::-webkit-input-placeholder {
    color: #8ed4cc !important
  }

  .xl-focus-placeholder-cw-teal:focus::-moz-placeholder {
    color: #8ed4cc !important
  }

  .xl-focus-placeholder-cw-teal:focus:-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .xl-focus-placeholder-cw-teal:focus::-ms-input-placeholder {
    color: #8ed4cc !important
  }

  .xl-focus-placeholder-cw-teal:focus::placeholder {
    color: #8ed4cc !important
  }

  .xl-focus-placeholder-cw-white:focus::-webkit-input-placeholder {
    color: #fff !important
  }

  .xl-focus-placeholder-cw-white:focus::-moz-placeholder {
    color: #fff !important
  }

  .xl-focus-placeholder-cw-white:focus:-ms-input-placeholder {
    color: #fff !important
  }

  .xl-focus-placeholder-cw-white:focus::-ms-input-placeholder {
    color: #fff !important
  }

  .xl-focus-placeholder-cw-white:focus::placeholder {
    color: #fff !important
  }

  .xl-focus-placeholder-cw-yellow:focus::-webkit-input-placeholder {
    color: #ffca0a !important
  }

  .xl-focus-placeholder-cw-yellow:focus::-moz-placeholder {
    color: #ffca0a !important
  }

  .xl-focus-placeholder-cw-yellow:focus:-ms-input-placeholder {
    color: #ffca0a !important
  }

  .xl-focus-placeholder-cw-yellow:focus::-ms-input-placeholder {
    color: #ffca0a !important
  }

  .xl-focus-placeholder-cw-yellow:focus::placeholder {
    color: #ffca0a !important
  }

  .xl-focus-placeholder-grey-10:focus::-webkit-input-placeholder {
    color: #f4f5f0 !important
  }

  .xl-focus-placeholder-grey-10:focus::-moz-placeholder {
    color: #f4f5f0 !important
  }

  .xl-focus-placeholder-grey-10:focus:-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .xl-focus-placeholder-grey-10:focus::-ms-input-placeholder {
    color: #f4f5f0 !important
  }

  .xl-focus-placeholder-grey-10:focus::placeholder {
    color: #f4f5f0 !important
  }

  .xl-focus-placeholder-grey-20:focus::-webkit-input-placeholder {
    color: #e9eae4 !important
  }

  .xl-focus-placeholder-grey-20:focus::-moz-placeholder {
    color: #e9eae4 !important
  }

  .xl-focus-placeholder-grey-20:focus:-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .xl-focus-placeholder-grey-20:focus::-ms-input-placeholder {
    color: #e9eae4 !important
  }

  .xl-focus-placeholder-grey-20:focus::placeholder {
    color: #e9eae4 !important
  }

  .xl-focus-placeholder-grey-30:focus::-webkit-input-placeholder {
    color: #dfdfd7 !important
  }

  .xl-focus-placeholder-grey-30:focus::-moz-placeholder {
    color: #dfdfd7 !important
  }

  .xl-focus-placeholder-grey-30:focus:-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .xl-focus-placeholder-grey-30:focus::-ms-input-placeholder {
    color: #dfdfd7 !important
  }

  .xl-focus-placeholder-grey-30:focus::placeholder {
    color: #dfdfd7 !important
  }

  .xl-focus-placeholder-grey-40:focus::-webkit-input-placeholder {
    color: #c1c1ba !important
  }

  .xl-focus-placeholder-grey-40:focus::-moz-placeholder {
    color: #c1c1ba !important
  }

  .xl-focus-placeholder-grey-40:focus:-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .xl-focus-placeholder-grey-40:focus::-ms-input-placeholder {
    color: #c1c1ba !important
  }

  .xl-focus-placeholder-grey-40:focus::placeholder {
    color: #c1c1ba !important
  }

  .xl-focus-placeholder-grey-5:focus::-webkit-input-placeholder {
    color: #f7f7f7 !important
  }

  .xl-focus-placeholder-grey-5:focus::-moz-placeholder {
    color: #f7f7f7 !important
  }

  .xl-focus-placeholder-grey-5:focus:-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .xl-focus-placeholder-grey-5:focus::-ms-input-placeholder {
    color: #f7f7f7 !important
  }

  .xl-focus-placeholder-grey-5:focus::placeholder {
    color: #f7f7f7 !important
  }

  .xl-focus-placeholder-grey-50:focus::-webkit-input-placeholder {
    color: #9b9b94 !important
  }

  .xl-focus-placeholder-grey-50:focus::-moz-placeholder {
    color: #9b9b94 !important
  }

  .xl-focus-placeholder-grey-50:focus:-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .xl-focus-placeholder-grey-50:focus::-ms-input-placeholder {
    color: #9b9b94 !important
  }

  .xl-focus-placeholder-grey-50:focus::placeholder {
    color: #9b9b94 !important
  }

  .xl-focus-placeholder-grey-60:focus::-webkit-input-placeholder {
    color: #71716c !important
  }

  .xl-focus-placeholder-grey-60:focus::-moz-placeholder {
    color: #71716c !important
  }

  .xl-focus-placeholder-grey-60:focus:-ms-input-placeholder {
    color: #71716c !important
  }

  .xl-focus-placeholder-grey-60:focus::-ms-input-placeholder {
    color: #71716c !important
  }

  .xl-focus-placeholder-grey-60:focus::placeholder {
    color: #71716c !important
  }

  .xl-focus-placeholder-grey-70:focus::-webkit-input-placeholder {
    color: #515151 !important
  }

  .xl-focus-placeholder-grey-70:focus::-moz-placeholder {
    color: #515151 !important
  }

  .xl-focus-placeholder-grey-70:focus:-ms-input-placeholder {
    color: #515151 !important
  }

  .xl-focus-placeholder-grey-70:focus::-ms-input-placeholder {
    color: #515151 !important
  }

  .xl-focus-placeholder-grey-70:focus::placeholder {
    color: #515151 !important
  }

  .xl-focus-placeholder-cball-blue:focus::-webkit-input-placeholder {
    color: #576995 !important
  }

  .xl-focus-placeholder-cball-blue:focus::-moz-placeholder {
    color: #576995 !important
  }

  .xl-focus-placeholder-cball-blue:focus:-ms-input-placeholder {
    color: #576995 !important
  }

  .xl-focus-placeholder-cball-blue:focus::-ms-input-placeholder {
    color: #576995 !important
  }

  .xl-focus-placeholder-cball-blue:focus::placeholder {
    color: #576995 !important
  }

  .xl-focus-placeholder-cball-dark-blue:focus::-webkit-input-placeholder {
    color: #354363 !important
  }

  .xl-focus-placeholder-cball-dark-blue:focus::-moz-placeholder {
    color: #354363 !important
  }

  .xl-focus-placeholder-cball-dark-blue:focus:-ms-input-placeholder {
    color: #354363 !important
  }

  .xl-focus-placeholder-cball-dark-blue:focus::-ms-input-placeholder {
    color: #354363 !important
  }

  .xl-focus-placeholder-cball-dark-blue:focus::placeholder {
    color: #354363 !important
  }

  .xl-focus-placeholder-cball-purple:focus::-webkit-input-placeholder {
    color: #0a101f !important
  }

  .xl-focus-placeholder-cball-purple:focus::-moz-placeholder {
    color: #0a101f !important
  }

  .xl-focus-placeholder-cball-purple:focus:-ms-input-placeholder {
    color: #0a101f !important
  }

  .xl-focus-placeholder-cball-purple:focus::-ms-input-placeholder {
    color: #0a101f !important
  }

  .xl-focus-placeholder-cball-purple:focus::placeholder {
    color: #0a101f !important
  }

  .xl-focus-placeholder-cw-spring-yellow:focus::-webkit-input-placeholder {
    color: #ffc907 !important
  }

  .xl-focus-placeholder-cw-spring-yellow:focus::-moz-placeholder {
    color: #ffc907 !important
  }

  .xl-focus-placeholder-cw-spring-yellow:focus:-ms-input-placeholder {
    color: #ffc907 !important
  }

  .xl-focus-placeholder-cw-spring-yellow:focus::-ms-input-placeholder {
    color: #ffc907 !important
  }

  .xl-focus-placeholder-cw-spring-yellow:focus::placeholder {
    color: #ffc907 !important
  }

  .xl-focus-placeholder-cw-spring-dk-blue:focus::-webkit-input-placeholder {
    color: #1e2658 !important
  }

  .xl-focus-placeholder-cw-spring-dk-blue:focus::-moz-placeholder {
    color: #1e2658 !important
  }

  .xl-focus-placeholder-cw-spring-dk-blue:focus:-ms-input-placeholder {
    color: #1e2658 !important
  }

  .xl-focus-placeholder-cw-spring-dk-blue:focus::-ms-input-placeholder {
    color: #1e2658 !important
  }

  .xl-focus-placeholder-cw-spring-dk-blue:focus::placeholder {
    color: #1e2658 !important
  }

  .xl-focus-placeholder-cw-spring-med-blue:focus::-webkit-input-placeholder {
    color: #1080b9 !important
  }

  .xl-focus-placeholder-cw-spring-med-blue:focus::-moz-placeholder {
    color: #1080b9 !important
  }

  .xl-focus-placeholder-cw-spring-med-blue:focus:-ms-input-placeholder {
    color: #1080b9 !important
  }

  .xl-focus-placeholder-cw-spring-med-blue:focus::-ms-input-placeholder {
    color: #1080b9 !important
  }

  .xl-focus-placeholder-cw-spring-med-blue:focus::placeholder {
    color: #1080b9 !important
  }

  .xl-focus-placeholder-cw-spring-lt-blue:focus::-webkit-input-placeholder {
    color: #bae3f0 !important
  }

  .xl-focus-placeholder-cw-spring-lt-blue:focus::-moz-placeholder {
    color: #bae3f0 !important
  }

  .xl-focus-placeholder-cw-spring-lt-blue:focus:-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .xl-focus-placeholder-cw-spring-lt-blue:focus::-ms-input-placeholder {
    color: #bae3f0 !important
  }

  .xl-focus-placeholder-cw-spring-lt-blue:focus::placeholder {
    color: #bae3f0 !important
  }

  .xl-focus-placeholder-cw-spring-dk-green:focus::-webkit-input-placeholder {
    color: #004b3d !important
  }

  .xl-focus-placeholder-cw-spring-dk-green:focus::-moz-placeholder {
    color: #004b3d !important
  }

  .xl-focus-placeholder-cw-spring-dk-green:focus:-ms-input-placeholder {
    color: #004b3d !important
  }

  .xl-focus-placeholder-cw-spring-dk-green:focus::-ms-input-placeholder {
    color: #004b3d !important
  }

  .xl-focus-placeholder-cw-spring-dk-green:focus::placeholder {
    color: #004b3d !important
  }

  .xl-focus-placeholder-cw-spring-med-green:focus::-webkit-input-placeholder {
    color: #00ac7f !important
  }

  .xl-focus-placeholder-cw-spring-med-green:focus::-moz-placeholder {
    color: #00ac7f !important
  }

  .xl-focus-placeholder-cw-spring-med-green:focus:-ms-input-placeholder {
    color: #00ac7f !important
  }

  .xl-focus-placeholder-cw-spring-med-green:focus::-ms-input-placeholder {
    color: #00ac7f !important
  }

  .xl-focus-placeholder-cw-spring-med-green:focus::placeholder {
    color: #00ac7f !important
  }

  .xl-focus-placeholder-cw-spring-lt-green:focus::-webkit-input-placeholder {
    color: #b8e3d1 !important
  }

  .xl-focus-placeholder-cw-spring-lt-green:focus::-moz-placeholder {
    color: #b8e3d1 !important
  }

  .xl-focus-placeholder-cw-spring-lt-green:focus:-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .xl-focus-placeholder-cw-spring-lt-green:focus::-ms-input-placeholder {
    color: #b8e3d1 !important
  }

  .xl-focus-placeholder-cw-spring-lt-green:focus::placeholder {
    color: #b8e3d1 !important
  }

  .xl-focus-placeholder-cw-spring-black:focus::-webkit-input-placeholder {
    color: #1a1a1a !important
  }

  .xl-focus-placeholder-cw-spring-black:focus::-moz-placeholder {
    color: #1a1a1a !important
  }

  .xl-focus-placeholder-cw-spring-black:focus:-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .xl-focus-placeholder-cw-spring-black:focus::-ms-input-placeholder {
    color: #1a1a1a !important
  }

  .xl-focus-placeholder-cw-spring-black:focus::placeholder {
    color: #1a1a1a !important
  }

  .xl-focus-placeholder-cw-spring-off-white:focus::-webkit-input-placeholder {
    color: #fdf4e2 !important
  }

  .xl-focus-placeholder-cw-spring-off-white:focus::-moz-placeholder {
    color: #fdf4e2 !important
  }

  .xl-focus-placeholder-cw-spring-off-white:focus:-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .xl-focus-placeholder-cw-spring-off-white:focus::-ms-input-placeholder {
    color: #fdf4e2 !important
  }

  .xl-focus-placeholder-cw-spring-off-white:focus::placeholder {
    color: #fdf4e2 !important
  }

  .xl-focus-placeholder-cw-spring-peach:focus::-webkit-input-placeholder {
    color: #e88a78 !important
  }

  .xl-focus-placeholder-cw-spring-peach:focus::-moz-placeholder {
    color: #e88a78 !important
  }

  .xl-focus-placeholder-cw-spring-peach:focus:-ms-input-placeholder {
    color: #e88a78 !important
  }

  .xl-focus-placeholder-cw-spring-peach:focus::-ms-input-placeholder {
    color: #e88a78 !important
  }

  .xl-focus-placeholder-cw-spring-peach:focus::placeholder {
    color: #e88a78 !important
  }

  .xl-pointer-events-none {
    pointer-events: none !important
  }

  .xl-pointer-events-auto {
    pointer-events: auto !important
  }

  .xl-static {
    position: static !important
  }

  .xl-fixed {
    position: fixed !important
  }

  .xl-absolute {
    position: absolute !important
  }

  .xl-relative {
    position: relative !important
  }

  .xl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  .xl-inset-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
  }

  .xl-inset-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important
  }

  .xl-inset-y-0 {
    top: 0 !important;
    bottom: 0 !important
  }

  .xl-inset-x-0 {
    right: 0 !important;
    left: 0 !important
  }

  .xl-inset-y-auto {
    top: auto !important;
    bottom: auto !important
  }

  .xl-inset-x-auto {
    right: auto !important;
    left: auto !important
  }

  .xl-top-0 {
    top: 0 !important
  }

  .xl-right-0 {
    right: 0 !important
  }

  .xl-bottom-0 {
    bottom: 0 !important
  }

  .xl-left-0 {
    left: 0 !important
  }

  .xl-top-auto {
    top: auto !important
  }

  .xl-right-auto {
    right: auto !important
  }

  .xl-bottom-auto {
    bottom: auto !important
  }

  .xl-left-auto {
    left: auto !important
  }

  .xl-resize-none {
    resize: none !important
  }

  .xl-resize-y {
    resize: vertical !important
  }

  .xl-resize-x {
    resize: horizontal !important
  }

  .xl-resize {
    resize: both !important
  }

  .xl-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .xl-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .xl-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .xl-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .xl-shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .xl-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .xl-shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .xl-shadow-none {
    box-shadow: none !important
  }

  .xl-hover-shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .xl-hover-shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .xl-hover-shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .xl-hover-shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .xl-hover-shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .xl-hover-shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .xl-hover-shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .xl-hover-shadow-none:hover {
    box-shadow: none !important
  }

  .xl-focus-shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important
  }

  .xl-focus-shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) !important
  }

  .xl-focus-shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important
  }

  .xl-focus-shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) !important
  }

  .xl-focus-shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25) !important
  }

  .xl-focus-shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important
  }

  .xl-focus-shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5) !important
  }

  .xl-focus-shadow-none:focus {
    box-shadow: none !important
  }

  .xl-fill-current {
    fill: currentColor !important
  }

  .xl-stroke-current {
    stroke: currentColor !important
  }

  .xl-table-auto {
    table-layout: auto !important
  }

  .xl-table-fixed {
    table-layout: fixed !important
  }

  .xl-text-left {
    text-align: left !important
  }

  .xl-text-center {
    text-align: center !important
  }

  .xl-text-right {
    text-align: right !important
  }

  .xl-text-justify {
    text-align: justify !important
  }

  .xl-text-transparent {
    color: transparent !important
  }

  .xl-text-cw-black {
    color: #333232 !important
  }

  .xl-text-cw-blue {
    color: #369ff4 !important
  }

  .xl-text-cw-blue-print {
    color: #5096d0 !important
  }

  .xl-text-cw-green {
    color: #59c77f !important
  }

  .xl-text-cw-orange {
    color: #fe813a !important
  }

  .xl-text-cw-purple {
    color: #9064bf !important
  }

  .xl-text-cw-red {
    color: #fa575d !important
  }

  .xl-text-cw-spring {
    color: #1ba9e0 !important
  }

  .xl-text-cw-teal {
    color: #8ed4cc !important
  }

  .xl-text-cw-white {
    color: #fff !important
  }

  .xl-text-cw-yellow {
    color: #ffca0a !important
  }

  .xl-text-grey-10 {
    color: #f4f5f0 !important
  }

  .xl-text-grey-20 {
    color: #e9eae4 !important
  }

  .xl-text-grey-30 {
    color: #dfdfd7 !important
  }

  .xl-text-grey-40 {
    color: #c1c1ba !important
  }

  .xl-text-grey-5 {
    color: #f7f7f7 !important
  }

  .xl-text-grey-50 {
    color: #9b9b94 !important
  }

  .xl-text-grey-60 {
    color: #71716c !important
  }

  .xl-text-grey-70 {
    color: #515151 !important
  }

  .xl-text-cball-blue {
    color: #576995 !important
  }

  .xl-text-cball-dark-blue {
    color: #354363 !important
  }

  .xl-text-cball-purple {
    color: #0a101f !important
  }

  .xl-text-cw-spring-yellow {
    color: #ffc907 !important
  }

  .xl-text-cw-spring-dk-blue {
    color: #1e2658 !important
  }

  .xl-text-cw-spring-med-blue {
    color: #1080b9 !important
  }

  .xl-text-cw-spring-lt-blue {
    color: #bae3f0 !important
  }

  .xl-text-cw-spring-dk-green {
    color: #004b3d !important
  }

  .xl-text-cw-spring-med-green {
    color: #00ac7f !important
  }

  .xl-text-cw-spring-lt-green {
    color: #b8e3d1 !important
  }

  .xl-text-cw-spring-black {
    color: #1a1a1a !important
  }

  .xl-text-cw-spring-off-white {
    color: #fdf4e2 !important
  }

  .xl-text-cw-spring-peach {
    color: #e88a78 !important
  }

  .xl-hover-text-transparent:hover {
    color: transparent !important
  }

  .xl-hover-text-cw-black:hover {
    color: #333232 !important
  }

  .xl-hover-text-cw-blue:hover {
    color: #369ff4 !important
  }

  .xl-hover-text-cw-blue-print:hover {
    color: #5096d0 !important
  }

  .xl-hover-text-cw-green:hover {
    color: #59c77f !important
  }

  .xl-hover-text-cw-orange:hover {
    color: #fe813a !important
  }

  .xl-hover-text-cw-purple:hover {
    color: #9064bf !important
  }

  .xl-hover-text-cw-red:hover {
    color: #fa575d !important
  }

  .xl-hover-text-cw-spring:hover {
    color: #1ba9e0 !important
  }

  .xl-hover-text-cw-teal:hover {
    color: #8ed4cc !important
  }

  .xl-hover-text-cw-white:hover {
    color: #fff !important
  }

  .xl-hover-text-cw-yellow:hover {
    color: #ffca0a !important
  }

  .xl-hover-text-grey-10:hover {
    color: #f4f5f0 !important
  }

  .xl-hover-text-grey-20:hover {
    color: #e9eae4 !important
  }

  .xl-hover-text-grey-30:hover {
    color: #dfdfd7 !important
  }

  .xl-hover-text-grey-40:hover {
    color: #c1c1ba !important
  }

  .xl-hover-text-grey-5:hover {
    color: #f7f7f7 !important
  }

  .xl-hover-text-grey-50:hover {
    color: #9b9b94 !important
  }

  .xl-hover-text-grey-60:hover {
    color: #71716c !important
  }

  .xl-hover-text-grey-70:hover {
    color: #515151 !important
  }

  .xl-hover-text-cball-blue:hover {
    color: #576995 !important
  }

  .xl-hover-text-cball-dark-blue:hover {
    color: #354363 !important
  }

  .xl-hover-text-cball-purple:hover {
    color: #0a101f !important
  }

  .xl-hover-text-cw-spring-yellow:hover {
    color: #ffc907 !important
  }

  .xl-hover-text-cw-spring-dk-blue:hover {
    color: #1e2658 !important
  }

  .xl-hover-text-cw-spring-med-blue:hover {
    color: #1080b9 !important
  }

  .xl-hover-text-cw-spring-lt-blue:hover {
    color: #bae3f0 !important
  }

  .xl-hover-text-cw-spring-dk-green:hover {
    color: #004b3d !important
  }

  .xl-hover-text-cw-spring-med-green:hover {
    color: #00ac7f !important
  }

  .xl-hover-text-cw-spring-lt-green:hover {
    color: #b8e3d1 !important
  }

  .xl-hover-text-cw-spring-black:hover {
    color: #1a1a1a !important
  }

  .xl-hover-text-cw-spring-off-white:hover {
    color: #fdf4e2 !important
  }

  .xl-hover-text-cw-spring-peach:hover {
    color: #e88a78 !important
  }

  .xl-focus-text-transparent:focus {
    color: transparent !important
  }

  .xl-focus-text-cw-black:focus {
    color: #333232 !important
  }

  .xl-focus-text-cw-blue:focus {
    color: #369ff4 !important
  }

  .xl-focus-text-cw-blue-print:focus {
    color: #5096d0 !important
  }

  .xl-focus-text-cw-green:focus {
    color: #59c77f !important
  }

  .xl-focus-text-cw-orange:focus {
    color: #fe813a !important
  }

  .xl-focus-text-cw-purple:focus {
    color: #9064bf !important
  }

  .xl-focus-text-cw-red:focus {
    color: #fa575d !important
  }

  .xl-focus-text-cw-spring:focus {
    color: #1ba9e0 !important
  }

  .xl-focus-text-cw-teal:focus {
    color: #8ed4cc !important
  }

  .xl-focus-text-cw-white:focus {
    color: #fff !important
  }

  .xl-focus-text-cw-yellow:focus {
    color: #ffca0a !important
  }

  .xl-focus-text-grey-10:focus {
    color: #f4f5f0 !important
  }

  .xl-focus-text-grey-20:focus {
    color: #e9eae4 !important
  }

  .xl-focus-text-grey-30:focus {
    color: #dfdfd7 !important
  }

  .xl-focus-text-grey-40:focus {
    color: #c1c1ba !important
  }

  .xl-focus-text-grey-5:focus {
    color: #f7f7f7 !important
  }

  .xl-focus-text-grey-50:focus {
    color: #9b9b94 !important
  }

  .xl-focus-text-grey-60:focus {
    color: #71716c !important
  }

  .xl-focus-text-grey-70:focus {
    color: #515151 !important
  }

  .xl-focus-text-cball-blue:focus {
    color: #576995 !important
  }

  .xl-focus-text-cball-dark-blue:focus {
    color: #354363 !important
  }

  .xl-focus-text-cball-purple:focus {
    color: #0a101f !important
  }

  .xl-focus-text-cw-spring-yellow:focus {
    color: #ffc907 !important
  }

  .xl-focus-text-cw-spring-dk-blue:focus {
    color: #1e2658 !important
  }

  .xl-focus-text-cw-spring-med-blue:focus {
    color: #1080b9 !important
  }

  .xl-focus-text-cw-spring-lt-blue:focus {
    color: #bae3f0 !important
  }

  .xl-focus-text-cw-spring-dk-green:focus {
    color: #004b3d !important
  }

  .xl-focus-text-cw-spring-med-green:focus {
    color: #00ac7f !important
  }

  .xl-focus-text-cw-spring-lt-green:focus {
    color: #b8e3d1 !important
  }

  .xl-focus-text-cw-spring-black:focus {
    color: #1a1a1a !important
  }

  .xl-focus-text-cw-spring-off-white:focus {
    color: #fdf4e2 !important
  }

  .xl-focus-text-cw-spring-peach:focus {
    color: #e88a78 !important
  }

  .xl-text-xs {
    font-size: .75rem !important
  }

  .xl-text-sm {
    font-size: .875rem !important
  }

  .xl-text-base {
    font-size: 1rem !important
  }

  .xl-text-lg {
    font-size: 1.125rem !important
  }

  .xl-text-xl {
    font-size: 1.25rem !important
  }

  .xl-text-2xl {
    font-size: 1.5rem !important
  }

  .xl-text-3xl {
    font-size: 1.875rem !important
  }

  .xl-text-4xl {
    font-size: 2.25rem !important
  }

  .xl-text-5xl {
    font-size: 3rem !important
  }

  .xl-text-6xl {
    font-size: 4rem !important
  }

  .xl-italic {
    font-style: italic !important
  }

  .xl-not-italic {
    font-style: normal !important
  }

  .xl-uppercase {
    text-transform: uppercase !important
  }

  .xl-lowercase {
    text-transform: lowercase !important
  }

  .xl-capitalize {
    text-transform: capitalize !important
  }

  .xl-normal-case {
    text-transform: none !important
  }

  .xl-underline {
    text-decoration: underline !important
  }

  .xl-line-through {
    text-decoration: line-through !important
  }

  .xl-no-underline {
    text-decoration: none !important
  }

  .xl-hover-underline:hover {
    text-decoration: underline !important
  }

  .xl-hover-line-through:hover {
    text-decoration: line-through !important
  }

  .xl-hover-no-underline:hover {
    text-decoration: none !important
  }

  .xl-focus-underline:focus {
    text-decoration: underline !important
  }

  .xl-focus-line-through:focus {
    text-decoration: line-through !important
  }

  .xl-focus-no-underline:focus {
    text-decoration: none !important
  }

  .xl-antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  .xl-subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  .xl-tracking-tight {
    letter-spacing: -.05em !important
  }

  .xl-tracking-normal {
    letter-spacing: 0 !important
  }

  .xl-tracking-wide {
    letter-spacing: .05em !important
  }

  .xl-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
  }

  .xl-select-text {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
  }

  .xl-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
  }

  .xl-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
  }

  .xl-align-baseline {
    vertical-align: baseline !important
  }

  .xl-align-top {
    vertical-align: top !important
  }

  .xl-align-middle {
    vertical-align: middle !important
  }

  .xl-align-bottom {
    vertical-align: bottom !important
  }

  .xl-align-text-top {
    vertical-align: text-top !important
  }

  .xl-align-text-bottom {
    vertical-align: text-bottom !important
  }

  .xl-visible {
    visibility: visible !important
  }

  .xl-invisible {
    visibility: hidden !important
  }

  .xl-whitespace-normal {
    white-space: normal !important
  }

  .xl-whitespace-no-wrap {
    white-space: nowrap !important
  }

  .xl-whitespace-pre {
    white-space: pre !important
  }

  .xl-whitespace-pre-line {
    white-space: pre-line !important
  }

  .xl-whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  .xl-break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  .xl-break-words {
    overflow-wrap: break-word !important
  }

  .xl-break-all {
    word-break: break-all !important
  }

  .xl-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  .xl-w-0 {
    width: 0 !important
  }

  .xl-w-1 {
    width: .25rem !important
  }

  .xl-w-2 {
    width: .5rem !important
  }

  .xl-w-3 {
    width: .75rem !important
  }

  .xl-w-4 {
    width: 1rem !important
  }

  .xl-w-5 {
    width: 1.25rem !important
  }

  .xl-w-6 {
    width: 1.5rem !important
  }

  .xl-w-8 {
    width: 2rem !important
  }

  .xl-w-10 {
    width: 2.5rem !important
  }

  .xl-w-12 {
    width: 3rem !important
  }

  .xl-w-16 {
    width: 4rem !important
  }

  .xl-w-20 {
    width: 5rem !important
  }

  .xl-w-24 {
    width: 6rem !important
  }

  .xl-w-32 {
    width: 8rem !important
  }

  .xl-w-40 {
    width: 10rem !important
  }

  .xl-w-48 {
    width: 12rem !important
  }

  .xl-w-56 {
    width: 14rem !important
  }

  .xl-w-64 {
    width: 16rem !important
  }

  .xl-w-auto {
    width: auto !important
  }

  .xl-w-px {
    width: 1px !important
  }

  .xl-w-1\/2 {
    width: 50% !important
  }

  .xl-w-1\/3 {
    width: 33.333333% !important
  }

  .xl-w-2\/3 {
    width: 66.666667% !important
  }

  .xl-w-1\/4 {
    width: 25% !important
  }

  .xl-w-2\/4 {
    width: 50% !important
  }

  .xl-w-3\/4 {
    width: 75% !important
  }

  .xl-w-1\/5 {
    width: 20% !important
  }

  .xl-w-2\/5 {
    width: 40% !important
  }

  .xl-w-3\/5 {
    width: 60% !important
  }

  .xl-w-4\/5 {
    width: 80% !important
  }

  .xl-w-1\/6 {
    width: 16.666667% !important
  }

  .xl-w-2\/6 {
    width: 33.333333% !important
  }

  .xl-w-3\/6 {
    width: 50% !important
  }

  .xl-w-4\/6 {
    width: 66.666667% !important
  }

  .xl-w-5\/6 {
    width: 83.333333% !important
  }

  .xl-w-1\/12 {
    width: 8.333333% !important
  }

  .xl-w-2\/12 {
    width: 16.666667% !important
  }

  .xl-w-3\/12 {
    width: 25% !important
  }

  .xl-w-4\/12 {
    width: 33.333333% !important
  }

  .xl-w-5\/12 {
    width: 41.666667% !important
  }

  .xl-w-6\/12 {
    width: 50% !important
  }

  .xl-w-7\/12 {
    width: 58.333333% !important
  }

  .xl-w-8\/12 {
    width: 66.666667% !important
  }

  .xl-w-9\/12 {
    width: 75% !important
  }

  .xl-w-10\/12 {
    width: 83.333333% !important
  }

  .xl-w-11\/12 {
    width: 91.666667% !important
  }

  .xl-w-full {
    width: 100% !important
  }

  .xl-w-screen {
    width: 100vw !important
  }

  .xl-z-0 {
    z-index: 0 !important
  }

  .xl-z-10 {
    z-index: 10 !important
  }

  .xl-z-20 {
    z-index: 20 !important
  }

  .xl-z-30 {
    z-index: 30 !important
  }

  .xl-z-40 {
    z-index: 40 !important
  }

  .xl-z-50 {
    z-index: 50 !important
  }

  .xl-z-auto {
    z-index: auto !important
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s;
  -o-transition: .3s opacity;
  transition: opacity .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  -ms-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  -ms-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s top;
  transition: transform .2s, top .2s;
  transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: left .2s, -webkit-transform .2s;
  transition: left .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s left;
  transition: transform .2s, left .2s;
  transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s, -webkit-transform .2s;
  transition: right .2s, -webkit-transform .2s;
  -o-transition: .2s transform, .2s right;
  transition: transform .2s, right .2s;
  transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.alert-box {
  background: #369ff4;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: 15px;
  position: relative
}

.alert-box p {
  padding: 0 25px;
  margin: 0 !important;
  font-size: 16px
}

.alert-box p a {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px
}

.alert-box p a:hover {
  color: #f2f2f2
}

.alert-box.cw-black {
  background-color: #333232
}

.alert-box.cw-blue {
  background-color: #369ff4
}

.alert-box.cw-blue-print {
  background-color: #5096d0
}

.alert-box.cw-green {
  background-color: #59c77f
}

.alert-box.cw-orange {
  background-color: #fe813a
}

.alert-box.cw-purple {
  background-color: #9064bf
}

.alert-box.cw-red {
  background-color: #fa575d
}

.alert-box.cw-spring {
  background-color: #1ba9e0
}

.alert-box.cw-spring-rebrand {
  background-color: #1080b9
}

.alert-box.cw-teal {
  background-color: #8ed4cc
}

.alert-box.cw-white {
  background-color: #fff
}

.alert-box.cw-yellow {
  background-color: #ffca0a
}

.alert-box.grey-10 {
  background-color: #f4f5f0
}

.alert-box.grey-20 {
  background-color: #e9eae4
}

.alert-box.grey-30 {
  background-color: #dfdfd7
}

.alert-box.grey-40 {
  background-color: #c1c1ba
}

.alert-box.grey-5 {
  background-color: #f7f7f7
}

.alert-box.grey-50 {
  background-color: #9b9b94
}

.alert-box.grey-60 {
  background-color: #71716c
}

.alert-box.grey-70 {
  background-color: #515151
}

.alert-box.cw-spring-yellow {
  background-color: #ffc907
}

.alert-box.cw-spring-dk-blue {
  background-color: #1e2658
}

.alert-box.cw-spring-med-blue {
  background-color: #1080b9
}

.alert-box.cw-spring-lt-blue {
  background-color: #bae3f0
}

.alert-box.cw-spring-dk-green {
  background-color: #004b3d
}

.alert-box.cw-spring-med-green {
  background-color: #00ac7f
}

.alert-box.cw-spring-lt-green {
  background-color: #b8e3d1
}

.alert-box.cw-spring-black {
  background-color: #1a1a1a
}

.alert-box.cw-spring-off-white {
  background-color: #fdf4e2
}

.alert-box.cw-spring-peach {
  background-color: #e88a78
}

.alert-box.cball-blue {
  background-color: #576995
}

.alert-box.cball-dark-blue {
  background-color: #354363
}

.alert-box.cball-purple {
  background-color: #0a101f
}

.alert-box.success {
  background: #59c77f
}

.alert-box.alert {
  background: #fa575d
}

.alert-box .close {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px
}

.alert-box .icn {
  font-size: 15px;
  color: #fff;
  position: relative
}

.badge-cw-black {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #333232;
  color: #fff
}

.badge-cw-black i {
  margin-right: 5px
}

.badge-outline-cw-black {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #333232;
  color: #333232
}

.badge-outline-cw-black i {
  margin-right: 5px
}

.badge-cw-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #369ff4;
  color: #fff
}

.badge-cw-blue i {
  margin-right: 5px
}

.badge-outline-cw-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #369ff4;
  color: #369ff4
}

.badge-outline-cw-blue i {
  margin-right: 5px
}

.badge-cw-blue-print {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #5096d0;
  color: #fff
}

.badge-cw-blue-print i {
  margin-right: 5px
}

.badge-outline-cw-blue-print {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #5096d0;
  color: #5096d0
}

.badge-outline-cw-blue-print i {
  margin-right: 5px
}

.badge-cw-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #59c77f;
  color: #fff
}

.badge-cw-green i {
  margin-right: 5px
}

.badge-outline-cw-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #59c77f;
  color: #59c77f
}

.badge-outline-cw-green i {
  margin-right: 5px
}

.badge-cw-orange {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fe813a;
  color: #fff
}

.badge-cw-orange i {
  margin-right: 5px
}

.badge-outline-cw-orange {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #fe813a;
  color: #fe813a
}

.badge-outline-cw-orange i {
  margin-right: 5px
}

.badge-cw-purple {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #9064bf;
  color: #fff
}

.badge-cw-purple i {
  margin-right: 5px
}

.badge-outline-cw-purple {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #9064bf;
  color: #9064bf
}

.badge-outline-cw-purple i {
  margin-right: 5px
}

.badge-cw-red {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fa575d;
  color: #fff
}

.badge-cw-red i {
  margin-right: 5px
}

.badge-outline-cw-red {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #fa575d;
  color: #fa575d
}

.badge-outline-cw-red i {
  margin-right: 5px
}

.badge-cw-spring {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1ba9e0;
  color: #fff
}

.badge-cw-spring i {
  margin-right: 5px
}

.badge-outline-cw-spring {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #1ba9e0;
  color: #1ba9e0
}

.badge-outline-cw-spring i {
  margin-right: 5px
}

.badge-cw-spring-rebrand {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1080b9;
  color: #fff
}

.badge-cw-spring-rebrand i {
  margin-right: 5px
}

.badge-outline-cw-spring-rebrand {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #1080b9;
  color: #1080b9
}

.badge-outline-cw-spring-rebrand i {
  margin-right: 5px
}

.badge-cw-teal {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #8ed4cc;
  color: #fff
}

.badge-cw-teal i {
  margin-right: 5px
}

.badge-outline-cw-teal {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #8ed4cc;
  color: #8ed4cc
}

.badge-outline-cw-teal i {
  margin-right: 5px
}

.badge-cw-white {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fff;
  color: #fff
}

.badge-cw-white i {
  margin-right: 5px
}

.badge-outline-cw-white {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff
}

.badge-outline-cw-white i {
  margin-right: 5px
}

.badge-cw-yellow {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffca0a;
  color: #fff
}

.badge-cw-yellow i {
  margin-right: 5px
}

.badge-outline-cw-yellow {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #ffca0a;
  color: #ffca0a
}

.badge-outline-cw-yellow i {
  margin-right: 5px
}

.badge-grey-10 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f4f5f0;
  color: #fff
}

.badge-grey-10 i {
  margin-right: 5px
}

.badge-outline-grey-10 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #f4f5f0;
  color: #f4f5f0
}

.badge-outline-grey-10 i {
  margin-right: 5px
}

.badge-grey-20 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #e9eae4;
  color: #fff
}

.badge-grey-20 i {
  margin-right: 5px
}

.badge-outline-grey-20 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #e9eae4;
  color: #e9eae4
}

.badge-outline-grey-20 i {
  margin-right: 5px
}

.badge-grey-30 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #dfdfd7;
  color: #fff
}

.badge-grey-30 i {
  margin-right: 5px
}

.badge-outline-grey-30 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #dfdfd7;
  color: #dfdfd7
}

.badge-outline-grey-30 i {
  margin-right: 5px
}

.badge-grey-40 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #c1c1ba;
  color: #fff
}

.badge-grey-40 i {
  margin-right: 5px
}

.badge-outline-grey-40 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #c1c1ba;
  color: #c1c1ba
}

.badge-outline-grey-40 i {
  margin-right: 5px
}

.badge-grey-5 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f7f7f7;
  color: #fff
}

.badge-grey-5 i {
  margin-right: 5px
}

.badge-outline-grey-5 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #f7f7f7;
  color: #f7f7f7
}

.badge-outline-grey-5 i {
  margin-right: 5px
}

.badge-grey-50 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #9b9b94;
  color: #fff
}

.badge-grey-50 i {
  margin-right: 5px
}

.badge-outline-grey-50 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #9b9b94;
  color: #9b9b94
}

.badge-outline-grey-50 i {
  margin-right: 5px
}

.badge-grey-60 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #71716c;
  color: #fff
}

.badge-grey-60 i {
  margin-right: 5px
}

.badge-outline-grey-60 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #71716c;
  color: #71716c
}

.badge-outline-grey-60 i {
  margin-right: 5px
}

.badge-grey-70 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #515151;
  color: #fff
}

.badge-grey-70 i {
  margin-right: 5px
}

.badge-outline-grey-70 {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #515151;
  color: #515151
}

.badge-outline-grey-70 i {
  margin-right: 5px
}

.badge-cw-spring-yellow {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffc907;
  color: #fff
}

.badge-cw-spring-yellow i {
  margin-right: 5px
}

.badge-outline-cw-spring-yellow {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #ffc907;
  color: #ffc907
}

.badge-outline-cw-spring-yellow i {
  margin-right: 5px
}

.badge-cw-spring-dk-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1e2658;
  color: #fff
}

.badge-cw-spring-dk-blue i {
  margin-right: 5px
}

.badge-outline-cw-spring-dk-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #1e2658;
  color: #1e2658
}

.badge-outline-cw-spring-dk-blue i {
  margin-right: 5px
}

.badge-cw-spring-med-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1080b9;
  color: #fff
}

.badge-cw-spring-med-blue i {
  margin-right: 5px
}

.badge-outline-cw-spring-med-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #1080b9;
  color: #1080b9
}

.badge-outline-cw-spring-med-blue i {
  margin-right: 5px
}

.badge-cw-spring-lt-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #bae3f0;
  color: #fff
}

.badge-cw-spring-lt-blue i {
  margin-right: 5px
}

.badge-outline-cw-spring-lt-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #bae3f0;
  color: #bae3f0
}

.badge-outline-cw-spring-lt-blue i {
  margin-right: 5px
}

.badge-cw-spring-dk-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #004b3d;
  color: #fff
}

.badge-cw-spring-dk-green i {
  margin-right: 5px
}

.badge-outline-cw-spring-dk-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #004b3d;
  color: #004b3d
}

.badge-outline-cw-spring-dk-green i {
  margin-right: 5px
}

.badge-cw-spring-med-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #00ac7f;
  color: #fff
}

.badge-cw-spring-med-green i {
  margin-right: 5px
}

.badge-outline-cw-spring-med-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #00ac7f;
  color: #00ac7f
}

.badge-outline-cw-spring-med-green i {
  margin-right: 5px
}

.badge-cw-spring-lt-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #b8e3d1;
  color: #fff
}

.badge-cw-spring-lt-green i {
  margin-right: 5px
}

.badge-outline-cw-spring-lt-green {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #b8e3d1;
  color: #b8e3d1
}

.badge-outline-cw-spring-lt-green i {
  margin-right: 5px
}

.badge-cw-spring-black {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1a1a1a;
  color: #fff
}

.badge-cw-spring-black i {
  margin-right: 5px
}

.badge-outline-cw-spring-black {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #1a1a1a;
  color: #1a1a1a
}

.badge-outline-cw-spring-black i {
  margin-right: 5px
}

.badge-cw-spring-off-white {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fdf4e2;
  color: #fff
}

.badge-cw-spring-off-white i {
  margin-right: 5px
}

.badge-outline-cw-spring-off-white {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #fdf4e2;
  color: #fdf4e2
}

.badge-outline-cw-spring-off-white i {
  margin-right: 5px
}

.badge-cw-spring-peach {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #e88a78;
  color: #fff
}

.badge-cw-spring-peach i {
  margin-right: 5px
}

.badge-outline-cw-spring-peach {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #e88a78;
  color: #e88a78
}

.badge-outline-cw-spring-peach i {
  margin-right: 5px
}

.badge-cball-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #576995;
  color: #fff
}

.badge-cball-blue i {
  margin-right: 5px
}

.badge-outline-cball-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #576995;
  color: #576995
}

.badge-outline-cball-blue i {
  margin-right: 5px
}

.badge-cball-dark-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #354363;
  color: #fff
}

.badge-cball-dark-blue i {
  margin-right: 5px
}

.badge-outline-cball-dark-blue {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #354363;
  color: #354363
}

.badge-outline-cball-dark-blue i {
  margin-right: 5px
}

.badge-cball-purple {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0a101f;
  color: #fff
}

.badge-cball-purple i {
  margin-right: 5px
}

.badge-outline-cball-purple {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #0a101f;
  color: #0a101f
}

.badge-outline-cball-purple i {
  margin-right: 5px
}

html {
  font-size: 125%;
  height: 100%
}

@media screen and (min-width:1919px) {
  html {
    background-color: #f7f7f7
  }
}

body {
  font-family: Proxima Nova, sans-serif;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  min-height: 100%;
  position: relative
}

@media screen and (min-width:1919px) {
  body {
    max-width: 1920px;
    border-left: 1px solid #dfdfd7;
    border-right: 1px solid #dfdfd7;
    margin: 0 auto
  }
}

img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  max-width: 100%
}

hr {
  background: #dfdfd7;
  border: 0;
  height: 1px;
  margin: 0
}

hr.dashed {
  border-top: 1px dashed #c1c1ba;
  color: #fff;
  background-color: #fff
}

div[data-component] {
  display: inline
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0
}

.print-only {
  display: none
}

.cw-footer {
  padding: 60px 20px;
  margin-top: 60px;
  border-top: 1px solid #dfdfd7;
  text-transform: lowercase;
  color: #71716c;
  font-family: Proxima Nova, sans-serif
}

.cw-footer.no-top-border {
  border-top: 0;
  padding-top: 0
}

.cw-footer.no-top-border .mailing-list-and-info {
  border-top: 1px solid #dfdfd7 !important;
  border-radius: 4px;
  margin-top: -20px
}

.cw-footer.no-margin-top {
  margin-top: 0
}

.cw-footer .mailing-list-and-info:after {
  display: none !important
}

.cw-footer .mailing-list-and-info .parsley-custom-error-message {
  font-size: 13px !important
}

.cw-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 15px;
  letter-spacing: .2px
}

.cw-footer a {
  color: #71716c;
  font-size: 15px
}

.cw-footer a:hover {
  color: #9b9b94
}

.cw-footer .cw-footer-header {
  font-weight: 500;
  color: #333232;
  margin-top: 0
}

.cw-footer .cw-footer-emph {
  color: #369ff4;
  font-weight: 500
}

.cw-footer .cw-footer-emph:hover {
  color: #66b6f7
}

.cw-footer .cw-icon-heart {
  -webkit-transition: color .5s linear;
  transition: color .5s linear;
  display: inline-block;
  width: 25px;
  position: relative;
  top: 1px
}

.cw-footer .cw-footer-love:hover .cw-icon-heart {
  color: #fa575d
}

.cw-footer-top-row {
  display: -webkit-box;
  display: flex;
  flex-flow: row wrap;
  max-width: 415px;
  margin-left: auto;
  margin-right: auto
}

.cw-footer-top-row ul {
  width: 140px
}

.cw-footer-top-row li {
  line-height: 1.2;
  margin-top: 12px
}

@media only screen and (min-width:641px) {
  .cw-footer-top-row {
    max-width: 980px
  }
}

.cw-footer-bottom-row {
  padding-top: 30px;
  margin: 30px auto 0;
  border-top: 1px solid #e9eae4;
  text-align: center;
  max-width: 400px
}

.cw-footer-bottom-row li {
  line-height: 1.2;
  margin-top: 12px
}

.cw-footer-bottom-row li:first-child {
  margin-top: 0
}

@media only screen and (min-width:641px) {
  .cw-footer-bottom-row {
    padding-top: 45px;
    margin-top: 45px
  }
}

@media only screen and (min-width:1025px) {
  .cw-footer-bottom-row {
    padding-top: 60px;
    margin-top: 60px;
    max-width: 980px
  }

  .cw-footer-bottom-row ul {
    display: -webkit-box;
    display: flex;
    justify-content: center
  }

  .cw-footer-bottom-row li {
    padding: 0 15px;
    position: relative;
    margin-top: 0
  }

  .cw-footer-bottom-row li:after {
    content: "\2022";
    display: block;
    position: absolute;
    right: -3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .cw-footer-bottom-row li:last-child:after {
    display: none
  }
}

.cw-footer-social-row {
  margin: 30px auto 0;
  max-width: 980px
}

.cw-footer-social-row ul {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto
}

.cw-footer-social-row li {
  padding: 0 10px;
  flex: 1 1;
  text-align: center
}

.cw-footer-social-row a {
  display: block
}

.cw-footer-social-row .icn {
  font-size: 20px
}

@media only screen and (min-width:641px) {
  .cw-footer-social-row {
    margin-top: 45px
  }
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regularit-webfont-530b0c6e.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regularit-webfont-530b0c6e.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regularit-webfont-2b12e7a7.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regularit-webfont-9142c6ea.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regularit-webfont-24881518.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-bold-webfont-772ac3a1.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-bold-webfont-772ac3a1.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-bold-webfont-54a48f99.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-bold-webfont-ac709885.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-bold-webfont-74fd9d59.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-boldit-webfont-9c76e578.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-boldit-webfont-9c76e578.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-boldit-webfont-06ad3b1d.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-boldit-webfont-6c28e876.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-boldit-webfont-417d48d8.ttf) format("truetype");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-light-webfont-4c6a7ff7.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-light-webfont-4c6a7ff7.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-light-webfont-ff2919ea.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-light-webfont-01410e53.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-light-webfont-b81495e0.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-lightit-webfont-b838670c.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-lightit-webfont-b838670c.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-lightit-webfont-73bbda22.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-lightit-webfont-a800de24.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-lightit-webfont-400b95f2.ttf) format("truetype");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semibold-webfont-f5229230.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semibold-webfont-f5229230.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semibold-webfont-a66ce12f.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semibold-webfont-4df9af66.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semibold-webfont-9b095755.ttf) format("truetype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semiboldit-webfont-9309f54e.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semiboldit-webfont-9309f54e.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semiboldit-webfont-eda7f78d.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semiboldit-webfont-ef9c84ea.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-semiboldit-webfont-94423dd2.ttf) format("truetype");
  font-weight: 500;
  font-style: italic
}

@font-face {
  font-family: Kazimir;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/KazimirText-Regular_web-fe03d683.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/KazimirText-Regular_web-fe03d683.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/KazimirText-Regular_web-c4ee05de.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/KazimirText-Regular_web-234e0317.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/KazimirText-Regular_web-619a5eeb.ttf) format("truetype");
  font-style: normal
}

@font-face {
  font-family: ManifoldCF-Regular;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/manifold-cf-2b95216a.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/manifold-cf-2b95216a.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/manifold-cf-d1e0a703.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/manifold-cf-71b0ac38.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/manifold-cf-15ee000c.ttf) format("truetype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/manifold-cf-765f0af1.svg#youworkforthem) format("svg");
  font-weight: 400;
  font-style: normal
}

html {
  box-sizing: border-box
}

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

@media only screen and (max-width:641px) {
  .columns.small-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
  }

  .columns.small-1:last-child {
    margin-right: 0
  }

  .columns.small-1.center {
    margin-left: 46.91392%
  }

  .columns.small-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
  }

  .columns.small-2:last-child {
    margin-right: 0
  }

  .columns.small-2.center {
    margin-left: 42.64902%
  }

  .columns.small-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
  }

  .columns.small-3:last-child {
    margin-right: 0
  }

  .columns.small-3.center {
    margin-left: 38.38412%
  }

  .columns.small-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
  }

  .columns.small-4:last-child {
    margin-right: 0
  }

  .columns.small-4.center {
    margin-left: 34.11922%
  }

  .columns.small-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
  }

  .columns.small-5:last-child {
    margin-right: 0
  }

  .columns.small-5.center {
    margin-left: 29.85432%
  }

  .columns.small-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
  }

  .columns.small-6:last-child {
    margin-right: 0
  }

  .columns.small-6.center {
    margin-left: 25.58941%
  }

  .columns.small-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
  }

  .columns.small-7:last-child {
    margin-right: 0
  }

  .columns.small-7.center {
    margin-left: 21.32451%
  }

  .columns.small-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
  }

  .columns.small-8:last-child {
    margin-right: 0
  }

  .columns.small-8.center {
    margin-left: 17.05961%
  }

  .columns.small-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
  }

  .columns.small-9:last-child {
    margin-right: 0
  }

  .columns.small-9.center {
    margin-left: 12.79471%
  }

  .columns.small-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
  }

  .columns.small-10:last-child {
    margin-right: 0
  }

  .columns.small-10.center {
    margin-left: 8.5298%
  }

  .columns.small-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
  }

  .columns.small-11:last-child {
    margin-right: 0
  }

  .columns.small-11.center {
    margin-left: 4.2649%
  }

  .columns.small-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
  }

  .columns.small-12:last-child {
    margin-right: 0
  }

  .columns.small-12.center {
    margin-left: 0
  }
}

@media only screen and (min-width:641px) {
  .columns.medium-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
  }

  .columns.medium-1:last-child {
    margin-right: 0
  }

  .columns.medium-1.center {
    margin-left: 46.91392%
  }

  .columns.medium-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
  }

  .columns.medium-2:last-child {
    margin-right: 0
  }

  .columns.medium-2.center {
    margin-left: 42.64902%
  }

  .columns.medium-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
  }

  .columns.medium-3:last-child {
    margin-right: 0
  }

  .columns.medium-3.center {
    margin-left: 38.38412%
  }

  .columns.medium-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
  }

  .columns.medium-4:last-child {
    margin-right: 0
  }

  .columns.medium-4.center {
    margin-left: 34.11922%
  }

  .columns.medium-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
  }

  .columns.medium-5:last-child {
    margin-right: 0
  }

  .columns.medium-5.center {
    margin-left: 29.85432%
  }

  .columns.medium-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
  }

  .columns.medium-6:last-child {
    margin-right: 0
  }

  .columns.medium-6.center {
    margin-left: 25.58941%
  }

  .columns.medium-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
  }

  .columns.medium-7:last-child {
    margin-right: 0
  }

  .columns.medium-7.center {
    margin-left: 21.32451%
  }

  .columns.medium-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
  }

  .columns.medium-8:last-child {
    margin-right: 0
  }

  .columns.medium-8.center {
    margin-left: 17.05961%
  }

  .columns.medium-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
  }

  .columns.medium-9:last-child {
    margin-right: 0
  }

  .columns.medium-9.center {
    margin-left: 12.79471%
  }

  .columns.medium-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
  }

  .columns.medium-10:last-child {
    margin-right: 0
  }

  .columns.medium-10.center {
    margin-left: 8.5298%
  }

  .columns.medium-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
  }

  .columns.medium-11:last-child {
    margin-right: 0
  }

  .columns.medium-11.center {
    margin-left: 4.2649%
  }

  .columns.medium-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
  }

  .columns.medium-12:last-child {
    margin-right: 0
  }

  .columns.medium-12.center {
    margin-left: 0
  }
}

@media only screen and (min-width:1025px) {
  .columns.large-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
  }

  .columns.large-1:last-child {
    margin-right: 0
  }

  .columns.large-1.center {
    margin-left: 46.91392%
  }

  .columns.large-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
  }

  .columns.large-2:last-child {
    margin-right: 0
  }

  .columns.large-2.center {
    margin-left: 42.64902%
  }

  .columns.large-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
  }

  .columns.large-3:last-child {
    margin-right: 0
  }

  .columns.large-3.center {
    margin-left: 38.38412%
  }

  .columns.large-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
  }

  .columns.large-4:last-child {
    margin-right: 0
  }

  .columns.large-4.center {
    margin-left: 34.11922%
  }

  .columns.large-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
  }

  .columns.large-5:last-child {
    margin-right: 0
  }

  .columns.large-5.center {
    margin-left: 29.85432%
  }

  .columns.large-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
  }

  .columns.large-6:last-child {
    margin-right: 0
  }

  .columns.large-6.center {
    margin-left: 25.58941%
  }

  .columns.large-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
  }

  .columns.large-7:last-child {
    margin-right: 0
  }

  .columns.large-7.center {
    margin-left: 21.32451%
  }

  .columns.large-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
  }

  .columns.large-8:last-child {
    margin-right: 0
  }

  .columns.large-8.center {
    margin-left: 17.05961%
  }

  .columns.large-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
  }

  .columns.large-9:last-child {
    margin-right: 0
  }

  .columns.large-9.center {
    margin-left: 12.79471%
  }

  .columns.large-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
  }

  .columns.large-10:last-child {
    margin-right: 0
  }

  .columns.large-10.center {
    margin-left: 8.5298%
  }

  .columns.large-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
  }

  .columns.large-11:last-child {
    margin-right: 0
  }

  .columns.large-11.center {
    margin-left: 4.2649%
  }

  .columns.large-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
  }

  .columns.large-12:last-child {
    margin-right: 0
  }

  .columns.large-12.center {
    margin-left: 0
  }
}

.row {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto
}

.row:after {
  clear: both;
  content: "";
  display: table
}

.wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  z-index: 10
}

.wrapper.disable-transform {
  -webkit-transform: none;
  transform: none
}

.container {
  padding: 95px 20px 50px;
  min-height: calc(100vh - 578px)
}

@media only screen and (min-width:641px) {
  .container {
    min-height: calc(100vh - 489px)
  }
}

@media only screen and (min-width:1025px) {
  .container {
    min-height: calc(100vh - 374px)
  }
}

.container.pt-nav-height {
  padding-top: 58px !important
}

.edge-to-edge {
  margin-left: -20px;
  margin-right: -20px
}

@media only screen and (min-width:641px) {
  .edge-to-edge.edge-to-edge--small-only {
    margin: auto
  }
}

@media only screen and (min-width:1025px) {
  .edge-to-edge.edge-to-edge--small-medium-only {
    margin: auto;
    max-width: 980px
  }
}

.w-980 {
  max-width: 980px
}

.heading {
  margin: 40px auto 60px
}

.heading .h50 {
  font-weight: 400
}

body.modal-open {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: hidden;
  position: fixed
}

@media only screen and (min-width:641px) {
  body.modal-open {
    margin-top: 0 !important;
    position: relative
  }
}

body.modal-open .wrapper {
  max-width: 100%;
  position: fixed
}

@media only screen and (min-width:641px) {
  body.modal-open .wrapper {
    position: relative
  }
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 99999999999;
  overflow: scroll
}

.modal-inner {
  padding: 40px;
  position: relative;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  min-height: 100%
}

@media only screen and (min-width:641px) {
  .modal-inner {
    width: 600px;
    height: auto;
    min-height: auto;
    margin: 10% auto
  }
}

.modal-title {
  border-bottom: 1px solid #e9eae4;
  text-align: left;
  margin: -40px -40px 40px;
  padding: 25px 0 25px 40px;
  font-size: 19px
}

.modal-title~.modal-close {
  top: 15px;
  right: 10px
}

@media only screen and (min-width:641px) {
  .modal-title {
    font-size: 23px
  }
}

.modal-close {
  color: #333232;
  cursor: pointer;
  font-size: 35px;
  font-weight: 900;
  margin: 10px 10px 0 0;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 10
}

.modal-close:before {
  font-family: Arial, sans-serif;
  content: "\D7"
}

.modal-footer {
  background: #f4f5f0;
  border-top: 1px solid #dfdfd7;
  bottom: 0;
  left: 0;
  padding: 20px;
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .modal-footer {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 40px -40px -40px;
    position: relative;
    width: auto
  }
}

.modal-footer button:nth-of-type(2) {
  background-color: #c1c1ba;
  margin-top: 10px
}

.modal-footer button:nth-of-type(2):hover {
  background-color: #dededa
}

@media only screen and (min-width:641px) {
  .modal-footer button:nth-of-type(2) {
    margin-top: 0
  }
}

.modal-footer button i {
  font-size: 20px;
  line-height: 48px;
  vertical-align: sub
}

.modal-footer button i.icon-right {
  margin-left: 10px
}

.modal-footer button i.icon-left {
  margin-right: 10px
}

.modal-dialog {
  text-align: center
}

.modal-dialog h1 {
  margin-bottom: 40px
}

.modal-dialog .button:first-of-type {
  margin-right: 10px
}

@font-face {
  font-family: Proxima Nova;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regular-webfont-4dcca6fb.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regular-webfont-4dcca6fb.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regular-webfont-a312ed9e.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regular-webfont-65354aa2.woff) format("woff"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/proximanova-regular-webfont-a2585400.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

.right-off-canvas-menu {
  background: #fff;
  font-family: Proxima Nova, sans-serif;
  font-size: 19px;
  z-index: 0;
  width: 240px;
  padding-left: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #ebebeb
}

@media only screen and (min-width:1025px) {
  .right-off-canvas-menu {
    display: none
  }
}

.right-off-canvas-menu .name a {
  border-top: 1px solid #ebebeb
}

.right-off-canvas-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.right-off-canvas-menu a,
.right-off-canvas-menu form {
  display: block;
  color: #333232;
  text-decoration: none;
  padding: 20px;
  border-bottom: 1px solid #ebebeb;
  -webkit-transition: background .15s linear;
  transition: background .15s linear;
  font-size: 19px;
  line-height: 1
}

.right-off-canvas-menu a:hover,
.right-off-canvas-menu form:hover {
  background: #fafafa
}

.right-off-canvas-menu .cw-home a,
.right-off-canvas-menu .profile-link a {
  background: #f5f5f5
}

.right-off-canvas-menu .cw-home a:hover,
.right-off-canvas-menu .profile-link a:hover {
  background: #ebebeb
}

.right-off-canvas-menu .profile-link a {
  position: relative
}

.right-off-canvas-menu .profile-link span {
  padding-left: 35px;
  line-height: 1.35
}

.right-off-canvas-menu .profile-link img {
  position: absolute;
  top: 50%;
  margin-top: -12.5px
}

.right-off-canvas-menu .cw-home a {
  border-bottom: 0
}

.right-off-canvas-menu .cw-text {
  display: inline-block;
  vertical-align: middle
}

.right-off-canvas-menu .cw-home .icn {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 7px;
  color: #ffca0a
}

.right-off-canvas-menu .user-access-wrapper {
  line-height: normal
}

.right-off-canvas-menu .user-access {
  padding: 20px;
  display: -webkit-box;
  display: flex;
  text-align: center
}

.right-off-canvas-menu .user-access .button {
  font-size: 14px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;
  width: 100%
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slide {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes open {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  70% {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }

  to {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }
}

@keyframes open {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  70% {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }

  to {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }
}

@-webkit-keyframes close {
  0% {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes close {
  0% {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.off-canvas-open .right-off-canvas-menu,
.right-off-canvas-menu {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.off-canvas-open .right-off-canvas-menu {
  -webkit-animation: slide .3s ease-in-out;
  animation: slide .3s ease-in-out
}

.off-canvas-animating .right-off-canvas-menu {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: slide .3s ease-in-out alternate;
  animation: slide .3s ease-in-out alternate
}

.off-canvas-closed .right-off-canvas-menu {
  display: none
}

.right-off-canvas-menu input[type=submit] {
  background: none;
  font-family: Proxima Nova, sans-serif;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 0;
  color: #333232
}

.wrapper {
  z-index: 1
}

.off-canvas-open .wrapper {
  -webkit-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0);
  -webkit-animation: open .5s ease-in-out;
  animation: open .5s ease-in-out
}

.off-canvas-animating .wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: close .3s ease-in-out;
  animation: close .3s ease-in-out
}

.off-canvas-open {
  overflow: hidden
}

.off-canvas-open .wrapper {
  height: 100vh;
  overflow-y: scroll
}

.off-canvas-open .off-canvas-list {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  height: 100vh
}

.touch .off-canvas-open .off-canvas-list {
  padding-bottom: 100px
}

@media only screen and (min-width:1025px) {
  .off-canvas-open .wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .minimal-nav.off-canvas-open .wrapper {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0)
  }
}

.pagination {
  text-align: center
}

.pagination.small li a {
  padding: 2px;
  min-width: 30px;
  font-size: 12px
}

.pagination ul {
  text-align: center;
  padding: 0;
  font-size: 0
}

.pagination ul li {
  display: inline-block;
  font-size: 14px;
  background-color: #fff
}

.pagination ul li:first-of-type a {
  border-style: solid;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.pagination ul li:last-of-type a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.pagination ul li a {
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  border: 1px solid #dfdfd7;
  border-left-style: none;
  color: #9b9b94;
  font-weight: 500;
  outline: none;
  min-width: 40px;
  padding: 5px;
  display: inline-block
}

.pagination ul li a:focus,
.pagination ul li a:hover {
  background: #f4f5f0;
  color: #71716c
}

.pagination ul li a:active {
  background: #f4f5f0
}

.pagination-btn .icn {
  font-size: 12px;
  display: inline-block
}

.pagination-btn.pagination-btn--small .icn {
  font-size: 10px
}

.pagination-btn.pagination-btn--prev .icn {
  margin-right: 10px
}

.pagination-btn.pagination-btn--next .icn {
  margin-left: 10px
}

.pagination-bubbles:after {
  clear: both;
  content: "";
  display: table
}

.pagination-bubbles .bubble {
  border-radius: 50%;
  display: inline-block;
  margin-right: 20px;
  width: 18px;
  height: 18px;
  text-indent: 99999999px;
  background: #dfdfd7;
  -webkit-transition: background .15s linear;
  transition: background .15s linear
}

.pagination-bubbles .bubble.active,
.pagination-bubbles .bubble:active,
.pagination-bubbles .bubble:hover {
  background: #369ff4
}

.pagination-bubbles .bubble:last-child {
  margin-right: 0
}

.toggle-buttons {
  display: inline-block
}

.toggle-buttons a {
  color: #9b9b94;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #dfdfd7;
  border-right-style: none;
  float: left;
  height: 34px;
  line-height: 33px;
  padding: 0 10px;
  background: #f4f5f0;
  text-transform: uppercase;
  -webkit-transition: all .15s linear;
  transition: all .15s linear
}

.toggle-buttons a.active,
.toggle-buttons a.active:hover {
  color: #71716c;
  background: #fff
}

.toggle-buttons a:hover {
  background: #f8f9f6;
  color: #b4b4ae
}

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

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

[data-behavior=Pagination].loading {
  opacity: .5
}

.panel {
  margin-bottom: 20px
}

@media only screen and (min-width:641px) {
  .panel {
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #c1c1ba
  }

  .panel.radius {
    border-radius: 4px
  }
}

.panel:last-child {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .panel.fifty {
    max-width: 500px;
    margin: auto
  }
}

.social {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  margin-right: -4px
}

.social.left-end {
  border-radius: 4px 0 0 4px
}

.social.right-end {
  border-radius: 0 4px 4px 0
}

.social.last {
  margin-right: 0
}

.social.facebook {
  background-color: #3b5998;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.social.facebook:hover {
  background-color: #5f7ec1
}

.social.twitter {
  background-color: #55acee;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.social.twitter:hover {
  background-color: #9bcef5
}

.social:before {
  content: "";
  height: 100%
}

.social .icn,
.social:before {
  display: inline-block;
  vertical-align: middle
}

.social:hover {
  color: #fff
}

.label-switch {
  border-radius: 48px;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  position: relative;
  width: 92px
}

.label-switch.small,
.label-switch.small input[type=checkbox]+.checkbox {
  width: 68px;
  height: 31px
}

.label-switch.small input[type=checkbox]+.checkbox:after {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 5px;
  height: 22px;
  width: 22px
}

.label-switch.small input[type=checkbox]+.checkbox:before {
  top: 3px;
  right: 11px;
  font-size: 18px;
  line-height: 25.5px
}

.label-switch.small input[type=checkbox]:checked+.checkbox:before {
  left: 12px
}

.label-switch.small input[type=checkbox]:checked+.checkbox:after {
  left: 40px
}

.label-switch input[type=checkbox] {
  display: none
}

.label-switch input[type=checkbox]+.checkbox {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: #dfdfd7;
  border-radius: 48px;
  border: 0;
  cursor: pointer;
  height: 48px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 92px;
  z-index: 0
}

.label-switch input[type=checkbox]+.checkbox:before {
  top: 6px;
  right: 14px;
  content: "";
  z-index: 1;
  font-family: cw-icons;
  color: #c1c1ba;
  position: absolute;
  font-size: 26px;
  line-height: 36px
}

.label-switch input[type=checkbox]+.checkbox:after {
  position: absolute;
  top: 11px;
  right: 0;
  bottom: 0;
  left: 11px;
  height: 26px;
  width: 26px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  background: #fff;
  border-radius: 32px;
  content: "";
  z-index: 2
}

.label-switch input[type=checkbox]:checked+.checkbox {
  background: #369ff4
}

.label-switch input[type=checkbox]:checked+.checkbox:before {
  color: #fff;
  left: 15px;
  content: "✓"
}

.label-switch input[type=checkbox]:checked+.checkbox:after {
  left: 52px
}

.label-switch.on-off input[type=checkbox]+.checkbox:before,
.label-switch.on-off input[type=checkbox]:checked+.checkbox:before {
  font-family: Proxima Nova, sans-serif;
  font-size: 12px;
  letter-spacing: .1em
}

.label-switch.on-off input[type=checkbox]+.checkbox:before {
  content: "OFF"
}

.label-switch.on-off input[type=checkbox]:checked+.checkbox:before {
  content: "ON"
}

.switch-wrapper {
  display: table;
  margin-bottom: 20px
}

.switch-wrapper .label-switch {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px
}

.switch-wrapper .label-switch .input {
  margin: 0;
  height: 30px
}

.switch-wrapper label {
  display: table-cell;
  vertical-align: middle
}

.tables {
  width: 100%;
  border-collapse: separate;
  border-left: 0;
  border-spacing: 0
}

.tables.unstriped tbody tr:nth-child(2n) {
  background-color: transparent
}

.tables.grid {
  border: 1px solid #e9eae4
}

.tables.grid td,
.tables.grid th {
  border-left: 1px solid #e9eae4
}

.tables.grid tr:nth-child(2n) {
  background-color: transparent
}

.tables th {
  text-align: left
}

.tables tbody tr:hover>td,
.tables tbody tr:hover>th,
.tables tbody tr:nth-child(2n) {
  background-color: #f4f5f0
}

.tables tbody tr:nth-child(2n):hover>td {
  background-color: #e9ebe1
}

.tables thead th {
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: 0;
  padding: 8px 15px
}

.tables thead th:first-child {
  border-left: 0
}

.tables tbody {
  background-color: #fff
}

.tables tbody td {
  border-bottom: 0;
  border-top: 2px solid #e9eae4;
  padding: 8px 15px
}

.tables tbody td:first-child {
  border-left: 0
}

.hint:after,
[data-hint]:after {
  background: #71716c;
  text-shadow: none;
  border-radius: 4px;
  padding: 15px;
  font-size: 14px;
  line-height: 20px;
  white-space: normal;
  width: 100%
}

@media only screen and (min-width:641px) {

  .hint:after,
  [data-hint]:after {
    max-width: 300px;
    min-width: 250px
  }
}

.hint--top:before {
  border-top-color: #71716c
}

.hint--right:before {
  border-right-color: #71716c
}

.hint--bottom:before {
  border-bottom-color: #71716c
}

.hint--left:before {
  border-left-color: #71716c
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.1em
}

ol,
p,
table,
ul {
  font-size: 16px
}

p {
  line-height: 1.3em
}

a,
label {
  cursor: pointer
}

ol,
ul {
  padding-left: 18px
}

ul>ul {
  list-style-type: disc
}

li {
  line-height: 24px
}

.serif {
  font-family: Georgia, Cambria, Times New Roman, Times, serif
}

.em {
  font-style: italic;
  color: #9b9b94
}

strong {
  font-weight: 500
}

.text-strong-heading {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .0625rem
}

.text-small {
  font-size: 12px;
  line-height: 20px
}

.h10 {
  font-size: 51px
}

@media only screen and (min-width:1025px) {
  .h10 {
    font-size: 65px
  }
}

.h20 {
  font-size: 42px
}

@media only screen and (min-width:1025px) {
  .h20 {
    font-size: 54px
  }
}

.h30 {
  font-size: 33px
}

@media only screen and (min-width:1025px) {
  .h30 {
    font-size: 42px
  }
}

.h35 {
  font-size: 26px
}

@media only screen and (min-width:1025px) {
  .h35 {
    font-size: 35px
  }
}

.h40 {
  font-size: 26px
}

@media only screen and (min-width:1025px) {
  .h40 {
    font-size: 28px
  }
}

.h50 {
  font-size: 23px
}

.h60 {
  font-size: 19px
}

.h70 {
  font-size: 17px
}

.h80 {
  font-size: 14px
}

.p10 {
  font-size: 26px
}

@media only screen and (min-width:1025px) {
  .p10 {
    font-size: 24px
  }
}

.p20 {
  font-size: 21px
}

@media only screen and (min-width:1025px) {
  .p20 {
    font-size: 23px
  }
}

.p30 {
  font-size: 19px
}

.p40 {
  font-size: 16px
}

a {
  color: #369ff4;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
  outline: none
}

a,
a:hover {
  text-decoration: none
}

a[data-disabled=true] {
  color: #c1c1ba
}

li ul {
  list-style-type: disc
}

.legacy-spacing p,
.legacy-spacing ul {
  margin: 1em 0
}

.legacy-spacing h1,
.legacy-spacing h2,
.legacy-spacing h3,
.legacy-spacing h4,
.legacy-spacing h5,
.legacy-spacing h6 {
  margin: 0 0 10px
}

.disable-legacy-spacing h1,
.disable-legacy-spacing h2,
.disable-legacy-spacing h3,
.disable-legacy-spacing h4,
.disable-legacy-spacing h5,
.disable-legacy-spacing h6,
.disable-legacy-spacing p,
.disable-legacy-spacing ul {
  margin: 0
}

.video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative
}

.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.video-box {
  background: #515151;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  cursor: pointer
}

.video-box:hover .play {
  text-decoration: none;
  background: rgba(0, 0, 0, .8)
}

.video-box .play {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.25em;
  margin-left: -2.5em;
  margin-top: -1.5em;
  width: 5em;
  height: 3em;
  background: rgba(0, 0, 0, .5);
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: background .15s linear;
  transition: background .15s linear
}

.video-box .play .icn {
  color: #fff;
  display: block;
  line-height: 2em;
  font-size: 1.5em;
  padding: 0 1em 0 1.25em
}

.video-box .placeholder,
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.video-box iframe {
  border: 0
}

.show {
  display: block !important;
  visibility: visible !important
}

.for-screen-readers-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}

@media only screen and (min-width:641px) {
  .show-for-mobile-only {
    display: none
  }
}

@media only screen and (min-width:1025px) {
  .show-for-medium-and-mobile {
    display: none
  }
}

.show-for-medium-up {
  display: none !important;
  visibility: hidden !important
}

@media only screen and (min-width:641px) {
  .show-for-medium-up {
    display: block !important;
    visibility: visible !important
  }
}

.show-for-large-up {
  display: none !important;
  visibility: hidden !important
}

@media only screen and (min-width:1025px) {
  .show-for-large-up {
    display: block !important;
    visibility: visible !important
  }
}

.button,
.button:active,
.button:focus,
button,
button:active,
button:focus {
  outline: none
}

.button:hover,
button:hover {
  cursor: pointer
}

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

.button.button--small,
button.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--large,
button.button--large {
  height: 64px;
  line-height: 64px
}

.button.disabled,
.button:disabled,
button.disabled,
button:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button:focus,
.button:hover,
button:focus,
button:hover {
  background-color: #70bbf7
}

.button.button--small,
button.button--small {
  font-size: 13px;
  padding: 0 15px
}

.button.button--large,
button.button--large {
  font-size: 21px;
  padding: 0 40px
}

.button.button--expand,
button.button--expand {
  padding: 0;
  width: 100%;
  text-align: center
}

.button.button--cw-spring-med-blue,
button.button--cw-spring-med-blue {
  height: 48px;
  line-height: 48px;
  background-color: #1080b9;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-spring-med-blue.button--small,
button.button--cw-spring-med-blue.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-spring-med-blue.button--large,
button.button--cw-spring-med-blue.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-spring-med-blue.disabled,
.button.button--cw-spring-med-blue:disabled,
button.button--cw-spring-med-blue.disabled,
button.button--cw-spring-med-blue:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-spring-med-blue:focus,
.button.button--cw-spring-med-blue:hover,
button.button--cw-spring-med-blue:focus,
button.button--cw-spring-med-blue:hover {
  background-color: #1ba5eb
}

.button.button--cw-blue,
button.button--cw-blue {
  height: 48px;
  line-height: 48px;
  background-color: #369ff4;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-blue.button--small,
button.button--cw-blue.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-blue.button--large,
button.button--cw-blue.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-blue.disabled,
.button.button--cw-blue:disabled,
button.button--cw-blue.disabled,
button.button--cw-blue:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-blue:focus,
.button.button--cw-blue:hover,
button.button--cw-blue:focus,
button.button--cw-blue:hover {
  background-color: #70bbf7
}

.button.button--cw-black,
button.button--cw-black {
  height: 48px;
  line-height: 48px;
  background-color: #333232;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-black.button--small,
button.button--cw-black.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-black.button--large,
button.button--cw-black.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-black.disabled,
.button.button--cw-black:disabled,
button.button--cw-black.disabled,
button.button--cw-black:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-black:focus,
.button.button--cw-black:hover,
button.button--cw-black:focus,
button.button--cw-black:hover {
  background-color: #525050
}

.button.button--cw-yellow,
button.button--cw-yellow {
  height: 48px;
  line-height: 48px;
  background-color: #ffca0a;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-yellow.button--small,
button.button--cw-yellow.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-yellow.button--large,
button.button--cw-yellow.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-yellow.disabled,
.button.button--cw-yellow:disabled,
button.button--cw-yellow.disabled,
button.button--cw-yellow:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-yellow:focus,
.button.button--cw-yellow:hover,
button.button--cw-yellow:focus,
button.button--cw-yellow:hover {
  background-color: #ffd747
}

.button.button--cw-green,
.button.button--success,
button.button--cw-green,
button.button--success {
  height: 48px;
  line-height: 48px;
  background-color: #59c77f;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-green.button--small,
.button.button--success.button--small,
button.button--cw-green.button--small,
button.button--success.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-green.button--large,
.button.button--success.button--large,
button.button--cw-green.button--large,
button.button--success.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-green.disabled,
.button.button--cw-green:disabled,
.button.button--success.disabled,
.button.button--success:disabled,
button.button--cw-green.disabled,
button.button--cw-green:disabled,
button.button--success.disabled,
button.button--success:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-green:focus,
.button.button--cw-green:hover,
.button.button--success:focus,
.button.button--success:hover,
button.button--cw-green:focus,
button.button--cw-green:hover,
button.button--success:focus,
button.button--success:hover {
  background-color: #87d6a2
}

.button.button--alert,
.button.button--cw-red,
button.button--alert,
button.button--cw-red {
  height: 48px;
  line-height: 48px;
  background-color: #fa575d;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--alert.button--small,
.button.button--cw-red.button--small,
button.button--alert.button--small,
button.button--cw-red.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--alert.button--large,
.button.button--cw-red.button--large,
button.button--alert.button--large,
button.button--cw-red.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--alert.disabled,
.button.button--alert:disabled,
.button.button--cw-red.disabled,
.button.button--cw-red:disabled,
button.button--alert.disabled,
button.button--alert:disabled,
button.button--cw-red.disabled,
button.button--cw-red:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--alert:focus,
.button.button--alert:hover,
.button.button--cw-red:focus,
.button.button--cw-red:hover,
button.button--alert:focus,
button.button--alert:hover,
button.button--cw-red:focus,
button.button--cw-red:hover {
  background-color: #fc9296
}

.button.button--cw-teal,
button.button--cw-teal {
  height: 48px;
  line-height: 48px;
  background-color: #8ed4cc;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-teal.button--small,
button.button--cw-teal.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-teal.button--large,
button.button--cw-teal.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-teal.disabled,
.button.button--cw-teal:disabled,
button.button--cw-teal.disabled,
button.button--cw-teal:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-teal:focus,
.button.button--cw-teal:hover,
button.button--cw-teal:focus,
button.button--cw-teal:hover {
  background-color: #bae5e0
}

.button.button--cw-orange,
button.button--cw-orange {
  height: 48px;
  line-height: 48px;
  background-color: #fe813a;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-orange.button--small,
button.button--cw-orange.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-orange.button--large,
button.button--cw-orange.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-orange.disabled,
.button.button--cw-orange:disabled,
button.button--cw-orange.disabled,
button.button--cw-orange:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-orange:focus,
.button.button--cw-orange:hover,
button.button--cw-orange:focus,
button.button--cw-orange:hover {
  background-color: #fea877
}

.button.button--cw-purple,
button.button--cw-purple {
  height: 48px;
  line-height: 48px;
  background-color: #9064bf;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--cw-purple.button--small,
button.button--cw-purple.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--cw-purple.button--large,
button.button--cw-purple.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--cw-purple.disabled,
.button.button--cw-purple:disabled,
button.button--cw-purple.disabled,
button.button--cw-purple:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--cw-purple:focus,
.button.button--cw-purple:hover,
button.button--cw-purple:focus,
button.button--cw-purple:hover {
  background-color: #af8fd1
}

.button.button--color-facebook,
button.button--color-facebook {
  height: 48px;
  line-height: 48px;
  background-color: #3b5998;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--color-facebook.button--small,
button.button--color-facebook.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--color-facebook.button--large,
button.button--color-facebook.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--color-facebook.disabled,
.button.button--color-facebook:disabled,
button.button--color-facebook.disabled,
button.button--color-facebook:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--color-facebook:focus,
.button.button--color-facebook:hover,
button.button--color-facebook:focus,
button.button--color-facebook:hover {
  background-color: #5476bd
}

.button.button--grey-10,
button.button--grey-10 {
  height: 48px;
  line-height: 48px;
  background-color: #f4f5f0;
  color: #71716c;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--grey-10.button--small,
button.button--grey-10.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--grey-10.button--large,
button.button--grey-10.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--grey-10.disabled,
.button.button--grey-10:disabled,
button.button--grey-10.disabled,
button.button--grey-10:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--grey-10:focus,
.button.button--grey-10:hover,
button.button--grey-10:focus,
button.button--grey-10:hover {
  background-color: #fbfbf9
}

.button.button--grey-20,
button.button--grey-20 {
  height: 48px;
  line-height: 48px;
  background-color: #e9eae4;
  color: #71716c;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--grey-20.button--small,
button.button--grey-20.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--grey-20.button--large,
button.button--grey-20.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--grey-20.disabled,
.button.button--grey-20:disabled,
button.button--grey-20.disabled,
button.button--grey-20:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--grey-20:focus,
.button.button--grey-20:hover,
button.button--grey-20:focus,
button.button--grey-20:hover {
  background-color: #f0f1ed
}

.button.button--grey-30,
button.button--grey-30 {
  height: 48px;
  line-height: 48px;
  background-color: #dfdfd7;
  color: #71716c;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--grey-30.button--small,
button.button--grey-30.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--grey-30.button--large,
button.button--grey-30.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--grey-30.disabled,
.button.button--grey-30:disabled,
button.button--grey-30.disabled,
button.button--grey-30:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--grey-30:focus,
.button.button--grey-30:hover,
button.button--grey-30:focus,
button.button--grey-30:hover {
  background-color: #e6e6e0
}

.button.button--grey-40,
button.button--grey-40 {
  height: 48px;
  line-height: 48px;
  background-color: #c1c1ba;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--grey-40.button--small,
button.button--grey-40.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--grey-40.button--large,
button.button--grey-40.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--grey-40.disabled,
.button.button--grey-40:disabled,
button.button--grey-40.disabled,
button.button--grey-40:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--grey-40:focus,
.button.button--grey-40:hover,
button.button--grey-40:focus,
button.button--grey-40:hover {
  background-color: #dededa
}

.button.button--grey-50,
button.button--grey-50 {
  height: 48px;
  line-height: 48px;
  background-color: #9b9b94;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--grey-50.button--small,
button.button--grey-50.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--grey-50.button--large,
button.button--grey-50.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--grey-50.disabled,
.button.button--grey-50:disabled,
button.button--grey-50.disabled,
button.button--grey-50:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--grey-50:focus,
.button.button--grey-50:hover,
button.button--grey-50:focus,
button.button--grey-50:hover {
  background-color: #b9b9b4
}

.button.button--grey-60,
button.button--grey-60 {
  height: 48px;
  line-height: 48px;
  background-color: #71716c;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.button.button--grey-60.button--small,
button.button--grey-60.button--small {
  height: 32px;
  line-height: 32px
}

.button.button--grey-60.button--large,
button.button--grey-60.button--large {
  height: 64px;
  line-height: 64px
}

.button.button--grey-60.disabled,
.button.button--grey-60:disabled,
button.button--grey-60.disabled,
button.button--grey-60:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--grey-60:focus,
.button.button--grey-60:hover,
button.button--grey-60:focus,
button.button--grey-60:hover {
  background-color: #90908b
}

.button.button--outline-blue,
button.button--outline-blue {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #369ff4;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box
}

.button.button--outline-blue.button--small,
button.button--outline-blue.button--small {
  height: 28px;
  line-height: 28px
}

.button.button--outline-blue.button--large,
button.button--outline-blue.button--large {
  height: 60px;
  line-height: 60px
}

.button.button--outline-blue.disabled,
.button.button--outline-blue:disabled,
button.button--outline-blue.disabled,
button.button--outline-blue:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--outline-blue:focus,
.button.button--outline-blue:hover,
button.button--outline-blue:focus,
button.button--outline-blue:hover {
  background: transparent;
  color: #7fc2f8
}

.button.button--outline-green,
button.button--outline-green {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #59c77f;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box
}

.button.button--outline-green.button--small,
button.button--outline-green.button--small {
  height: 28px;
  line-height: 28px
}

.button.button--outline-green.button--large,
button.button--outline-green.button--large {
  height: 60px;
  line-height: 60px
}

.button.button--outline-green.disabled,
.button.button--outline-green:disabled,
button.button--outline-green.disabled,
button.button--outline-green:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--outline-green:focus,
.button.button--outline-green:hover,
button.button--outline-green:focus,
button.button--outline-green:hover {
  background: transparent;
  color: #92daab
}

.button.button--outline-red,
button.button--outline-red {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #fa575d;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box
}

.button.button--outline-red.button--small,
button.button--outline-red.button--small {
  height: 28px;
  line-height: 28px
}

.button.button--outline-red.button--large,
button.button--outline-red.button--large {
  height: 60px;
  line-height: 60px
}

.button.button--outline-red.disabled,
.button.button--outline-red:disabled,
button.button--outline-red.disabled,
button.button--outline-red:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--outline-red:focus,
.button.button--outline-red:hover,
button.button--outline-red:focus,
button.button--outline-red:hover {
  background: transparent;
  color: #fca1a5
}

.button.button--outline-white,
button.button--outline-white {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box
}

.button.button--outline-white.button--small,
button.button--outline-white.button--small {
  height: 28px;
  line-height: 28px
}

.button.button--outline-white.button--large,
button.button--outline-white.button--large {
  height: 60px;
  line-height: 60px
}

.button.button--outline-white.disabled,
.button.button--outline-white:disabled,
button.button--outline-white.disabled,
button.button--outline-white:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--outline-white:focus,
.button.button--outline-white:hover,
button.button--outline-white:focus,
button.button--outline-white:hover {
  background: transparent;
  color: #d9d9d9
}

.button.button--outline-black,
button.button--outline-black {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #333232;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box
}

.button.button--outline-black.button--small,
button.button--outline-black.button--small {
  height: 28px;
  line-height: 28px
}

.button.button--outline-black.button--large,
button.button--outline-black.button--large {
  height: 60px;
  line-height: 60px
}

.button.button--outline-black.disabled,
.button.button--outline-black:disabled,
button.button--outline-black.disabled,
button.button--outline-black:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--outline-black:focus,
.button.button--outline-black:hover,
button.button--outline-black:focus,
button.button--outline-black:hover {
  background: transparent;
  color: #5a5858
}

.button.button--outline-grey,
button.button--outline-grey {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #71716c;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box
}

.button.button--outline-grey.button--small,
button.button--outline-grey.button--small {
  height: 28px;
  line-height: 28px
}

.button.button--outline-grey.button--large,
button.button--outline-grey.button--large {
  height: 60px;
  line-height: 60px
}

.button.button--outline-grey.disabled,
.button.button--outline-grey:disabled,
button.button--outline-grey.disabled,
button.button--outline-grey:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.button--outline-grey:focus,
.button.button--outline-grey:hover,
button.button--outline-grey:focus,
button.button--outline-grey:hover {
  background: transparent;
  color: #979792
}

.button.play-video.circular,
button.play-video.circular {
  height: 44px;
  line-height: 44px;
  background: transparent;
  border: 2px solid;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  box-sizing: content-box;
  align-items: center;
  border-radius: 81px;
  display: -webkit-box;
  display: flex;
  height: 81px;
  justify-content: center;
  padding: 0;
  width: 81px
}

.button.play-video.circular.button--small,
button.play-video.circular.button--small {
  height: 28px;
  line-height: 28px
}

.button.play-video.circular.button--large,
button.play-video.circular.button--large {
  height: 60px;
  line-height: 60px
}

.button.play-video.circular.disabled,
.button.play-video.circular:disabled,
button.play-video.circular.disabled,
button.play-video.circular:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.button.play-video.circular:focus,
.button.play-video.circular:hover,
button.play-video.circular:focus,
button.play-video.circular:hover {
  background: transparent;
  color: #d9d9d9
}

.button.play-video.circular .icn,
button.play-video.circular .icn {
  font-size: 20px
}

.social-buttons {
  display: inline-block
}

.social-buttons.social-buttons--small a {
  width: 32px;
  height: 32px
}

.social-buttons a {
  float: left;
  display: block;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px
}

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

.social-buttons a:last-child {
  border-radius: 0 4px 4px 0
}

.social-buttons a.facebook {
  background-color: #3b5998;
  -webkit-transition: background .15s linear;
  transition: background .15s linear
}

.social-buttons a.facebook:hover {
  background-color: #5f7ec1
}

.social-buttons a.twitter {
  background-color: #55acee;
  -webkit-transition: background .15s linear;
  transition: background .15s linear
}

.social-buttons a.twitter:hover {
  background-color: #9bcef5
}

.social-buttons a:before {
  content: "";
  height: 100%
}

.social-buttons a .icn,
.social-buttons a:before {
  display: inline-block;
  vertical-align: middle
}

.social-buttons a:hover {
  color: #fff
}

.socialcount {
  list-style: none;
  margin: 0
}

.socialcount:after {
  clear: both;
  content: "";
  display: table
}

.socialcount li {
  display: inline-block;
  border-radius: 4px;
  background-color: #333232;
  font-size: 14px;
  line-height: 10px;
  padding-bottom: 2px
}

.socialcount .count {
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 10px;
  margin-left: 5px
}

.socialcount a {
  color: #fff;
  line-height: 30px;
  padding: 0 15px
}

.socialcount i {
  position: relative;
  top: 4px
}

.custom-check {
  position: relative;
  margin-bottom: 14px
}

.custom-check input[type=checkbox]+label,
.custom-check input[type=radio]+label {
  padding: 0;
  display: block;
  margin: 0 0 0 40px;
  line-height: 26px;
  text-align: left
}

.custom-check input,
.custom-check label:before {
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0
}

.custom-check input[type=checkbox],
.custom-check input[type=radio] {
  opacity: 0;
  z-index: 1
}

.custom-check input[type=checkbox]+label:before,
.custom-check input[type=radio]+label:before {
  content: "";
  display: inline-block;
  border: 1px solid #c1c1ba;
  font-family: cw-icons;
  background-color: #fff;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
  text-align: center;
  border-radius: 2px;
  color: #369ff4
}

.custom-check input[type=radio]+label:before {
  border-radius: 1rem
}

.custom-check input[type=checkbox]:checked+label:before {
  content: "✓";
  line-height: 24px
}

.custom-check input[type=radio]:checked+label:after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-color: #369ff4;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  position: absolute
}

.custom-check input[type=checkbox]:active+label:before,
.custom-check input[type=checkbox]:focus+label:before,
.custom-check input[type=checkbox]:hover+label:before,
.custom-check input[type=radio]:active+label:before,
.custom-check input[type=radio]:focus+label:before,
.custom-check input[type=radio]:hover+label:before {
  border-color: #369ff4
}

.custom-check input[type=checkbox][disabled]+label,
.custom-check input[type=checkbox][disabled]+label:before,
.custom-check input[type=radio][disabled]+label,
.custom-check input[type=radio][disabled]+label:after,
.custom-check input[type=radio][disabled]:hover+label:after,
.custom-check input[type=radio][disabled]:hover+label:before {
  color: #c1c1ba;
  border-color: #c1c1ba;
  cursor: default
}

.custom-check.error input,
.custom-check .error input {
  position: absolute
}

.custom-check.error input[type=checkbox]+label:before,
.custom-check .error input[type=checkbox]+label:before {
  border-color: #fa575d
}

.custom-check.error label,
.custom-check .error label {
  color: #fa575d
}

.input-trio .columns {
  width: 33.33333%
}

.input-pair .columns {
  width: 50%
}

.input-pair .columns,
.input-trio .columns {
  position: relative;
  margin-right: 0;
  display: block;
  float: left
}

.input-pair .columns:first-child input,
.input-trio .columns:first-child input {
  border-radius: 4px 0 0 4px
}

.input-pair .columns:not(:first-child) input,
.input-trio .columns:not(:first-child) input {
  margin-left: -1px;
  width: calc(100% + 1px)
}

.input-pair .columns:last-child input,
.input-trio .columns:last-child input {
  border-radius: 0 4px 4px 0
}

.input-pair.row {
  margin-bottom: 16px
}

.input-pair.row:first-child input {
  border-radius: 4px 0 0 4px
}

.input-trio.row {
  margin-bottom: 16px
}

.input-trio.row input {
  border-radius: 0;
  width: 100%
}

.dividerless .columns input {
  border-left: 0;
  border-right: 0
}

.dividerless .columns:first-child input {
  border-left: 1px
}

.dividerless .columns:last-child input {
  border-right: 1px
}

.postfix,
.postinput,
.prefix,
.preinput {
  font-weight: 500;
  font-size: .8rem;
  line-height: 1rem;
  color: #c1c1ba;
  padding: 0 10px
}

.prefix {
  text-align: right
}

.input-field-container {
  position: relative
}

.postinput,
.preinput {
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.postinput~input,
.preinput~input {
  padding-left: 30px !important
}

.preinput {
  left: 0
}

.postinput {
  right: 0
}

input[type=checkbox],
input[type=file],
input[type=radio] {
  border: 0;
  padding: 0;
  box-shadow: none
}

input[type=checkbox]+label,
input[type=file]+label,
input[type=radio]+label {
  text-transform: none;
  font-size: 16px;
  font-weight: 500
}

input[type=submit] {
  border: 0;
  box-shadow: none
}

input[type=submit]::-moz-focus-inner {
  border: 0
}

input[type=file] {
  width: 100%
}

select {
  background-color: #fff;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/select-arrow-1afbc579f0e16a94fb968a5d5cad5b62.png);
  background-repeat: no-repeat;
  background-size: 12px 9px;
  background-position: calc(100% - 9px) 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

select[multiple] {
  background-image: none
}

select::-ms-expand {
  display: none
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=textarea],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  font-size: 16px;
  line-height: 1.4;
  padding: 13px 10px;
  border-radius: 4px;
  border: 1px solid #c1c1ba;
  margin-bottom: 0;
  height: 48px;
  text-align: left;
  color: #333232;
  width: 100%;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative
}

input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=textarea]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c1c1ba !important
}

input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=textarea]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #c1c1ba !important
}

input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=textarea]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c1c1ba !important
}

input[type=date]::-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder,
input[type=datetime]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=month]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=textarea]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=week]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c1c1ba !important
}

input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=datetime]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=textarea]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #c1c1ba !important
}

input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=textarea]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  border-color: #7bc1fa;
  outline: 0;
  z-index: 1
}

input[type=date][readonly]:not(.hasDatepicker),
input[type=datetime-local][readonly]:not(.hasDatepicker),
input[type=datetime][readonly]:not(.hasDatepicker),
input[type=email][readonly]:not(.hasDatepicker),
input[type=month][readonly]:not(.hasDatepicker),
input[type=number][readonly]:not(.hasDatepicker),
input[type=password][readonly]:not(.hasDatepicker),
input[type=search][readonly]:not(.hasDatepicker),
input[type=tel][readonly]:not(.hasDatepicker),
input[type=text][readonly]:not(.hasDatepicker),
input[type=textarea][readonly]:not(.hasDatepicker),
input[type=time][readonly]:not(.hasDatepicker),
input[type=url][readonly]:not(.hasDatepicker),
input[type=week][readonly]:not(.hasDatepicker),
select[readonly]:not(.hasDatepicker),
textarea[readonly]:not(.hasDatepicker) {
  border: 1px solid #c1c1ba;
  cursor: default;
  color: #71716c;
  background: #f4f5f0
}

input[type=date]::-ms-clear,
input[type=datetime-local]::-ms-clear,
input[type=datetime]::-ms-clear,
input[type=email]::-ms-clear,
input[type=month]::-ms-clear,
input[type=number]::-ms-clear,
input[type=password]::-ms-clear,
input[type=search]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=text]::-ms-clear,
input[type=textarea]::-ms-clear,
input[type=time]::-ms-clear,
input[type=url]::-ms-clear,
input[type=week]::-ms-clear,
select::-ms-clear,
textarea::-ms-clear {
  display: none
}

input[type=date].error,
input[type=datetime-local].error,
input[type=datetime].error,
input[type=email].error,
input[type=month].error,
input[type=number].error,
input[type=password].error,
input[type=search].error,
input[type=tel].error,
input[type=text].error,
input[type=textarea].error,
input[type=time].error,
input[type=url].error,
input[type=week].error,
select.error,
textarea.error {
  border-color: #fa575d
}

input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=textarea]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
textarea:disabled {
  background: #f4f5f0;
  color: #71716c
}

textarea {
  resize: vertical;
  width: 100%;
  height: auto
}

select {
  line-height: 1.3
}

select.disabled,
select:disabled {
  border: 1px solid #c1c1ba;
  cursor: default;
  color: #71716c;
  background-color: #f4f5f0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/select-arrow-disabled-825eeffe09ed28a606924d6f1276a949.png)
}

select.disabled.bg-transparent,
select:disabled.bg-transparent {
  opacity: .5
}

.input-wrapper.readonly {
  pointer-events: none
}

.input-wrapper.readonly:after {
  content: "\e638";
  font-family: cw-icons;
  color: #c1c1ba;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 16px
}

input[type=number] {
  -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  display: none;
  margin: 0
}

.input-wrapper,
.input-wrapper.collapse,
.row .input-wrapper.collapse {
  margin-bottom: 16px;
  position: relative
}

label,
small.error,
span.error {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
  font-size: 13px
}

form.error small.error,
form.error span.error,
form small.error,
form span.error {
  text-align: left
}

.error input,
.error select,
.error textarea,
.ss-error input,
.ss-error select,
.ss-error textarea {
  border-color: #fa575d;
  position: relative
}

.error input:focus,
.error select:focus,
.error textarea:focus,
.ss-error input:focus,
.ss-error select:focus,
.ss-error textarea:focus {
  border-color: #fa575d
}

.error .error.ss,
.error small.error,
.error span.error,
.ss-error .error.ss,
.ss-error small.error,
.ss-error span.error {
  color: #fa575d;
  display: block;
  margin-top: 8px;
  line-height: 1.4
}

.lh,
.lii {
  position: relative
}

.lh label,
.lii label {
  position: absolute;
  padding: 0;
  top: 9px;
  left: 11px;
  z-index: 5
}

.lh label {
  top: -4px;
  left: 10px;
  background: #fff;
  font-size: 8px;
  line-height: 1;
  opacity: 0
}

.lii .postfix,
.lii .prefix,
.lii input,
.lii select,
.lii textarea {
  padding: 30px 10px 5px;
  min-height: 64px
}

.nav-bar-section {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto
}

.nav-bar-section .nav-items,
.nav-bar-section .right-side {
  display: block
}

@media only screen and (min-width:1025px) {
  .nav-bar-section .offcanvas-open-link {
    display: none
  }
}

.nav-bar-section .logo {
  left: 0
}

.nav-bar-section .offcanvas-open-link {
  right: -20px
}

.nav-bar-section .nav-items {
  margin-left: 135px;
  float: left
}

.nav-bar-section .nav-items:after {
  clear: both;
  content: "";
  display: table
}

.nav-bar-section .nav-items>li {
  display: block;
  float: left;
  margin-left: 15px;
  line-height: 58px
}

.nav-bar-section .right-side,
.nav-bar-section .right-side .mycw-nav {
  float: right
}

.nav-bar-section .right-side .mycw-nav .has-dropdown a {
  position: relative;
  display: block;
  padding-right: 15px
}

.nav-bar-section .right-side .mycw-nav .cw-icon-caret-down {
  top: 50%;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px
}

.nav-bar-section .right-side .mycw-nav img {
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 5px
}

.nav-bar-section .right-side .mycw-nav .user-access {
  line-height: 58px
}

.nav-bar-section .nav-buttons {
  float: left;
  display: -webkit-box;
  display: flex
}

.nav-bar-section .button-links {
  margin-right: 10px
}

.nav-bar-section .dropdown {
  text-align: left;
  display: none;
  padding: 0;
  position: absolute;
  left: -10px;
  top: 58px;
  background: rgba(0, 0, 0, .8);
  z-index: 100000;
  min-width: 140px
}

.nav-bar-section .dropdown:hover {
  display: block
}

.nav-bar-section .dropdown .country-dropdown-option,
.nav-bar-section .dropdown a,
.nav-bar-section .dropdown input[type=submit],
.nav-bar-section .dropdown li {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: 400
}

.nav-bar-section .dropdown .country-dropdown-option:hover,
.nav-bar-section .dropdown a:hover,
.nav-bar-section .dropdown input[type=submit]:hover,
.nav-bar-section .dropdown li:hover {
  color: #fff
}

.nav-bar-section .dropdown .country-dropdown-option,
.nav-bar-section .dropdown a,
.nav-bar-section .dropdown input[type=submit] {
  padding: 12px;
  white-space: nowrap;
  -webkit-transition: background .15s linear;
  transition: background .15s linear
}

.nav-bar-section .dropdown .country-dropdown-option:hover,
.nav-bar-section .dropdown a:hover,
.nav-bar-section .dropdown input[type=submit]:hover {
  background: rgba(0, 0, 0, .5)
}

.nav-bar-section .dropdown .country-dropdown-option {
  cursor: pointer
}

.nav-bar-section .dropdown form {
  margin: 0
}

.nav-bar-section .dropdown input[type=submit] {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: .9px;
  height: auto;
  background: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  position: inherit;
  text-transform: uppercase;
  font-family: Proxima Nova, sans-serif;
  font-weight: 400
}

.nav-bar-section .dropdown .contains-caret {
  position: relative;
  display: block
}

.nav-bar-section .dropdown .cw-icon-caret-up {
  position: absolute;
  top: -11px;
  color: rgba(0, 0, 0, .75)
}

.nav-bar-section .dropdown .donate-caret .icn {
  left: 40px
}

.nav-bar-section .dropdown .fundraise-caret .icn {
  left: 52px
}

.nav-bar-section .dropdown .profile-caret .icn {
  left: 18px
}

.nav-bar-section .has-dropdown {
  position: relative;
  line-height: 58px
}

.nav-bar-section .has-dropdown:hover .dropdown {
  display: block
}

.nav-bar {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100000
}

.nav-bar .fixed-donate {
  display: none
}

.nav-bar.fixed {
  position: fixed;
  background: #fff;
  top: -80px;
  border-bottom: 1px solid #dfdfd7;
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
  -webkit-transition: background .25s ease, -webkit-transform .5s ease;
  transition: background .25s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, background .25s ease;
  transition: transform .5s ease, background .25s ease, -webkit-transform .5s ease
}

@media only screen and (min-width:1025px) {
  .nav-bar.fixed .fixed-donate {
    display: inline-block;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.nav-bar.fixed .mycw-nav,
.nav-bar.fixed .nav-items,
.nav-bar.fixed .right-side {
  display: none
}

.nav-bar-section {
  padding: 0 20px;
  position: relative;
  height: 58px
}

.nav-bar-section .country-dropdown-option,
.nav-bar-section a {
  color: #333232;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .9px
}

.nav-bar-section .country-dropdown-option:hover,
.nav-bar-section a:hover {
  color: #676464
}

.nav-bar-section .button-links>a {
  border: 1px solid;
  padding: 5px 7px;
  border-radius: 4px
}

.nav-bar-section ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.nav-bar-section .nav-items,
.nav-bar-section .right-side {
  display: none;
  position: relative;
  line-height: 58px
}

.nav-bar-section .logo {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.nav-bar-section .logo a {
  display: block;
  text-indent: -999em;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/main-logo-lg-black-93638946e842ec1173a1c17ae3251fa2.png);
  background-size: cover;
  width: 138px;
  height: 24px
}

.nav-bar-section .mobile-donate,
.nav-bar-section .offcanvas-open-link {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.nav-bar-section .mobile-donate {
  right: 55px
}

@media only screen and (min-width:1025px) {
  .nav-bar-section .mobile-donate {
    display: none
  }
}

.nav-bar-section .offcanvas-open-link {
  right: 0;
  padding: 20px;
  cursor: pointer
}

.nav-bar-section .offcanvas-open-link .icn {
  color: #333232;
  font-size: 18px;
  position: relative;
  top: 3px
}

.nav-bar-section .country-dropdown.button-links {
  display: none
}

.nav-bar-section .country-dropdown.button-links .dropdown {
  left: -83px
}

.nav-bar-section .country-dropdown.button-links .icn.cw-icon-caret-up {
  left: 130px
}

.nav-bar-section .country-dropdown.button-links .country {
  padding: 5px 7px 7px
}

.nav-bar-section .country-dropdown.button-links .country.us:before {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/us-flag-562473448c9c2a6a506b855fd2a08a9a.svg)
}

.nav-bar-section .country-dropdown.button-links .country.uk:before {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/uk-flag-d76fa02971fc1c313b22005a0616e2b8.svg)
}

.nav-bar-section .country-dropdown.button-links .country:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px
}

.nav-fade .nav-bar-section {
  z-index: 100000
}

.nav-fade:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background: linear-gradient(rgba(0, 0, 0, .5), transparent);
  height: 100px;
  z-index: 99999
}

.invert-all .nav-bar-section {
  color: #fff
}

.invert-all .nav-bar-section .logo a {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/main-logo-lg-17485f00595c252df9458a3cdb05ae41.png)
}

.invert-all .nav-bar-section .offcanvas-open-link .icn {
  color: #fff
}

.invert-all .nav-bar-section a {
  color: #fff;
  font-weight: 400;
  letter-spacing: 1px
}

.invert-all .nav-bar-section a:hover {
  color: hsla(0, 0%, 100%, .8)
}

.invert-all .nav-bar-section .dropdown a:hover,
.invert-all .nav-bar-section .dropdown input[type=submit]:hover {
  color: #fff
}

@media only screen and (min-width:641px) {
  .invert-medium-up .nav-bar-section {
    color: #fff
  }

  .invert-medium-up .nav-bar-section .logo a {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/main-logo-lg-17485f00595c252df9458a3cdb05ae41.png)
  }

  .invert-medium-up .nav-bar-section .offcanvas-open-link .icn {
    color: #fff
  }

  .invert-medium-up .nav-bar-section a {
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px
  }

  .invert-medium-up .nav-bar-section a:hover {
    color: hsla(0, 0%, 100%, .8)
  }

  .invert-medium-up .nav-bar-section .dropdown a:hover,
  .invert-medium-up .nav-bar-section .dropdown input[type=submit]:hover {
    color: #fff
  }
}

@media only screen and (min-width:1025px) {
  .invert-large-up .nav-bar-section {
    color: #fff
  }

  .invert-large-up .nav-bar-section .logo a {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/main-logo-lg-17485f00595c252df9458a3cdb05ae41.png)
  }

  .invert-large-up .nav-bar-section .offcanvas-open-link .icn {
    color: #fff
  }

  .invert-large-up .nav-bar-section a {
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px
  }

  .invert-large-up .nav-bar-section a:hover {
    color: hsla(0, 0%, 100%, .8)
  }

  .invert-large-up .nav-bar-section .dropdown a:hover,
  .invert-large-up .nav-bar-section .dropdown input[type=submit]:hover {
    color: #fff
  }
}

@media only screen and (min-width:1025px) {
  .nav-bar-section {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }

  .nav-bar-section .nav-items,
  .nav-bar-section .right-side {
    display: block
  }
}

@media only screen and (min-width:1025px) and (min-width:1025px) {
  .nav-bar-section .offcanvas-open-link {
    display: none
  }
}

@media only screen and (min-width:1025px) {
  .nav-bar-section .logo {
    left: 0
  }

  .nav-bar-section .offcanvas-open-link {
    right: -20px
  }

  .nav-bar-section .nav-items {
    margin-left: 135px;
    float: left
  }

  .nav-bar-section .nav-items:after {
    clear: both;
    content: "";
    display: table
  }

  .nav-bar-section .nav-items>li {
    display: block;
    float: left;
    margin-left: 15px;
    line-height: 58px
  }

  .nav-bar-section .right-side,
  .nav-bar-section .right-side .mycw-nav {
    float: right
  }

  .nav-bar-section .right-side .mycw-nav .has-dropdown a {
    position: relative;
    display: block;
    padding-right: 15px
  }

  .nav-bar-section .right-side .mycw-nav .cw-icon-caret-down {
    top: 50%;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px
  }

  .nav-bar-section .right-side .mycw-nav img {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
  }

  .nav-bar-section .right-side .mycw-nav .user-access {
    line-height: 58px
  }

  .nav-bar-section .nav-buttons {
    float: left;
    display: -webkit-box;
    display: flex
  }

  .nav-bar-section .button-links {
    margin-right: 10px
  }

  .nav-bar-section .dropdown {
    text-align: left;
    display: none;
    padding: 0;
    position: absolute;
    left: -10px;
    top: 58px;
    background: rgba(0, 0, 0, .8);
    z-index: 100000;
    min-width: 140px
  }

  .nav-bar-section .dropdown:hover {
    display: block
  }

  .nav-bar-section .dropdown .country-dropdown-option,
  .nav-bar-section .dropdown a,
  .nav-bar-section .dropdown input[type=submit],
  .nav-bar-section .dropdown li {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 400
  }

  .nav-bar-section .dropdown .country-dropdown-option:hover,
  .nav-bar-section .dropdown a:hover,
  .nav-bar-section .dropdown input[type=submit]:hover,
  .nav-bar-section .dropdown li:hover {
    color: #fff
  }

  .nav-bar-section .dropdown .country-dropdown-option,
  .nav-bar-section .dropdown a,
  .nav-bar-section .dropdown input[type=submit] {
    padding: 12px;
    white-space: nowrap;
    -webkit-transition: background .15s linear;
    transition: background .15s linear
  }

  .nav-bar-section .dropdown .country-dropdown-option:hover,
  .nav-bar-section .dropdown a:hover,
  .nav-bar-section .dropdown input[type=submit]:hover {
    background: rgba(0, 0, 0, .5)
  }

  .nav-bar-section .dropdown .country-dropdown-option {
    cursor: pointer
  }

  .nav-bar-section .dropdown form {
    margin: 0
  }

  .nav-bar-section .dropdown input[type=submit] {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: .9px;
    height: auto;
    background: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    position: inherit;
    text-transform: uppercase;
    font-family: Proxima Nova, sans-serif;
    font-weight: 400
  }

  .nav-bar-section .dropdown .contains-caret {
    position: relative;
    display: block
  }

  .nav-bar-section .dropdown .cw-icon-caret-up {
    position: absolute;
    top: -11px;
    color: rgba(0, 0, 0, .75)
  }

  .nav-bar-section .dropdown .donate-caret .icn {
    left: 40px
  }

  .nav-bar-section .dropdown .fundraise-caret .icn {
    left: 52px
  }

  .nav-bar-section .dropdown .profile-caret .icn {
    left: 18px
  }

  .nav-bar-section .has-dropdown {
    position: relative;
    line-height: 58px
  }

  .nav-bar-section .has-dropdown:hover .dropdown {
    display: block
  }
}

.account.default .container {
  display: block;
  text-align: center
}

.account.default .profile {
  text-align: center;
  position: relative
}

.account.default .profile .avatar-initial,
.account.default .profile img.avatar {
  line-height: 70px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border-radius: 15px
}

@media only screen and (min-width:641px) {

  .account.default .profile .avatar-initial,
  .account.default .profile img.avatar {
    width: 170px;
    height: 170px;
    line-height: 170px
  }
}

.account.default .profile .avatar-initial {
  font-size: 28px
}

@media only screen and (min-width:641px) {
  .account.default .profile .avatar-initial {
    font-size: 56px
  }
}

.account.default .profile h1 {
  margin-top: 30px;
  margin-bottom: 0;
  word-break: break-word
}

@media only screen and (min-width:1025px) {
  .account.default .profile h1 {
    margin-bottom: 25px
  }
}

.account.default .profile .mobile-settings {
  display: block;
  margin-top: 10px
}

@media only screen and (min-width:1025px) {
  .account.default .profile .mobile-settings {
    display: none
  }
}

.account.default .profile .desktop-actions {
  display: none
}

@media only screen and (min-width:1025px) {
  .account.default .profile .desktop-actions {
    width: 280px;
    margin: 0 auto;
    text-align: left;
    display: block
  }

  .account.default .profile .desktop-actions:after {
    clear: both;
    content: "";
    display: table
  }

  .account.default .profile .desktop-actions a:first-of-type {
    float: left
  }

  .account.default .profile .desktop-actions a:last-of-type {
    float: right
  }
}

.account.default .profile .stats {
  list-style-type: none;
  margin: 30px -40px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .account.default .profile .stats {
    margin: 30px -40px 3px
  }
}

@media only screen and (min-width:1025px) {
  .account.default .profile .stats {
    width: 280px;
    margin: 20px auto;
    padding: 0
  }
}

.account.default .profile .stats li {
  padding: 15px 50px 15px 20px;
  border-top: 1px solid #e9eae4
}

.account.default .profile .stats li:after {
  clear: both;
  content: "";
  display: table
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .account.default .profile .stats li {
    padding: 15px 60px 15px 42px
  }
}

@media only screen and (min-width:1025px) {
  .account.default .profile .stats li {
    padding: 10px 0
  }
}

.account.default .profile .stats li:last-of-type {
  border-bottom: 1px solid #e9eae4
}

.account.default .profile .stats li span:first-of-type {
  float: left
}

.account.default .profile .stats li span:last-of-type {
  float: right
}

.account.default .campaigns,
.account.default .manageable-subscription {
  text-align: left;
  border-radius: 4px;
  margin-bottom: 30px
}

.account.default .campaigns:first-of-type,
.account.default .manageable-subscription:first-of-type {
  margin-top: 30px
}

@media only screen and (min-width:1025px) {

  .account.default .campaigns:first-of-type,
  .account.default .manageable-subscription:first-of-type {
    margin-top: 0
  }
}

@media only screen and (min-width:1025px) {

  .account.default .campaigns,
  .account.default .manageable-subscription {
    width: 100%;
    display: table;
    margin-bottom: 50px;
    border: 1px solid #dfdfd7
  }
}

.account.default .campaigns .header,
.account.default .manageable-subscription .header {
  text-align: center;
  padding-bottom: 30px
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .header,
  .account.default .manageable-subscription .header {
    height: 60px;
    padding: 0 20px;
    text-align: left;
    background: #f4f5f0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #dfdfd7;
    display: table;
    width: 100%
  }
}

.account.default .campaigns .header h1,
.account.default .manageable-subscription .header h1 {
  margin: 0;
  display: inline-block
}

.account.default .campaigns .header .button,
.account.default .manageable-subscription .header .button {
  margin-top: 10px
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .header .action,
  .account.default .campaigns .header .title,
  .account.default .manageable-subscription .header .action,
  .account.default .manageable-subscription .header .title {
    display: table-cell;
    vertical-align: middle
  }

  .account.default .campaigns .header .action,
  .account.default .manageable-subscription .header .action {
    text-align: right
  }

  .account.default .campaigns .header .button,
  .account.default .manageable-subscription .header .button {
    margin-top: 0
  }
}

.account.default .campaigns .individual,
.account.default .manageable-subscription .individual {
  margin: 0 -40px
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .individual,
  .account.default .manageable-subscription .individual {
    margin: 0
  }
}

.account.default .campaigns .campaign-card .status,
.account.default .campaigns .campaign-card .status p,
.account.default .campaigns .subscription-card .status,
.account.default .campaigns .subscription-card .status p,
.account.default .campaigns .team-campaign-card .status,
.account.default .campaigns .team-campaign-card .status p,
.account.default .manageable-subscription .campaign-card .status,
.account.default .manageable-subscription .campaign-card .status p,
.account.default .manageable-subscription .subscription-card .status,
.account.default .manageable-subscription .subscription-card .status p,
.account.default .manageable-subscription .team-campaign-card .status,
.account.default .manageable-subscription .team-campaign-card .status p {
  font-size: 12px;
  font-weight: 500;
  margin: 4px 0 0
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-card .status,
  .account.default .campaigns .campaign-card .status p,
  .account.default .campaigns .subscription-card .status,
  .account.default .campaigns .subscription-card .status p,
  .account.default .campaigns .team-campaign-card .status,
  .account.default .campaigns .team-campaign-card .status p,
  .account.default .manageable-subscription .campaign-card .status,
  .account.default .manageable-subscription .campaign-card .status p,
  .account.default .manageable-subscription .subscription-card .status,
  .account.default .manageable-subscription .subscription-card .status p,
  .account.default .manageable-subscription .team-campaign-card .status,
  .account.default .manageable-subscription .team-campaign-card .status p {
    margin: 0
  }
}

.account.default .campaigns .campaign-card .active,
.account.default .campaigns .campaign-card .open,
.account.default .campaigns .subscription-card .active,
.account.default .campaigns .subscription-card .open,
.account.default .campaigns .team-campaign-card .active,
.account.default .campaigns .team-campaign-card .open,
.account.default .manageable-subscription .campaign-card .active,
.account.default .manageable-subscription .campaign-card .open,
.account.default .manageable-subscription .subscription-card .active,
.account.default .manageable-subscription .subscription-card .open,
.account.default .manageable-subscription .team-campaign-card .active,
.account.default .manageable-subscription .team-campaign-card .open {
  color: #59c77f;
  text-transform: uppercase
}

.account.default .campaigns .campaign-card .active:hover,
.account.default .campaigns .subscription-card .active:hover,
.account.default .campaigns .team-campaign-card .active:hover,
.account.default .manageable-subscription .campaign-card .active:hover,
.account.default .manageable-subscription .subscription-card .active:hover,
.account.default .manageable-subscription .team-campaign-card .active:hover {
  color: #7fd49c
}

.account.default .campaigns .campaign-card .closed,
.account.default .campaigns .campaign-card .skipped,
.account.default .campaigns .campaign-card .updating,
.account.default .campaigns .subscription-card .closed,
.account.default .campaigns .subscription-card .skipped,
.account.default .campaigns .subscription-card .updating,
.account.default .campaigns .team-campaign-card .closed,
.account.default .campaigns .team-campaign-card .skipped,
.account.default .campaigns .team-campaign-card .updating,
.account.default .manageable-subscription .campaign-card .closed,
.account.default .manageable-subscription .campaign-card .skipped,
.account.default .manageable-subscription .campaign-card .updating,
.account.default .manageable-subscription .subscription-card .closed,
.account.default .manageable-subscription .subscription-card .skipped,
.account.default .manageable-subscription .subscription-card .updating,
.account.default .manageable-subscription .team-campaign-card .closed,
.account.default .manageable-subscription .team-campaign-card .skipped,
.account.default .manageable-subscription .team-campaign-card .updating {
  color: #9064bf;
  text-transform: lowercase
}

.account.default .campaigns .campaign-card .closed:hover,
.account.default .campaigns .subscription-card .closed:hover,
.account.default .campaigns .team-campaign-card .closed:hover,
.account.default .manageable-subscription .campaign-card .closed:hover,
.account.default .manageable-subscription .subscription-card .closed:hover,
.account.default .manageable-subscription .team-campaign-card .closed:hover {
  color: #aa88ce
}

.account.default .campaigns .campaign-card .failed_payment,
.account.default .campaigns .subscription-card .failed_payment,
.account.default .campaigns .team-campaign-card .failed_payment,
.account.default .manageable-subscription .campaign-card .failed_payment,
.account.default .manageable-subscription .subscription-card .failed_payment,
.account.default .manageable-subscription .team-campaign-card .failed_payment {
  color: #fa575d;
  text-transform: lowercase
}

.account.default .campaigns .campaign-card,
.account.default .campaigns .subscription-card,
.account.default .manageable-subscription .campaign-card,
.account.default .manageable-subscription .subscription-card {
  border-bottom: 1px solid #dfdfd7;
  padding: 20px 40px;
  width: 100%;
  display: table;
  color: #333232
}

.account.default .campaigns .campaign-card:first-child,
.account.default .campaigns .subscription-card:first-child,
.account.default .manageable-subscription .campaign-card:first-child,
.account.default .manageable-subscription .subscription-card:first-child {
  border-top: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-card,
  .account.default .campaigns .subscription-card,
  .account.default .manageable-subscription .campaign-card,
  .account.default .manageable-subscription .subscription-card {
    padding: 20px
  }

  .account.default .campaigns .campaign-card:first-child,
  .account.default .campaigns .subscription-card:first-child,
  .account.default .manageable-subscription .campaign-card:first-child,
  .account.default .manageable-subscription .subscription-card:first-child {
    border-top: 0
  }

  .account.default .campaigns .campaign-card:last-child,
  .account.default .campaigns .subscription-card:last-child,
  .account.default .manageable-subscription .campaign-card:last-child,
  .account.default .manageable-subscription .subscription-card:last-child {
    border-bottom: 0
  }
}

.account.default .campaigns .campaign-card>div,
.account.default .campaigns .subscription-card>div,
.account.default .manageable-subscription .campaign-card>div,
.account.default .manageable-subscription .subscription-card>div {
  display: table-cell;
  vertical-align: middle
}

.account.default .campaigns .campaign-card .campaign-image,
.account.default .campaigns .subscription-card .campaign-image,
.account.default .manageable-subscription .campaign-card .campaign-image,
.account.default .manageable-subscription .subscription-card .campaign-image {
  width: 85px
}

.account.default .campaigns .campaign-card .campaign-image div,
.account.default .campaigns .subscription-card .campaign-image div,
.account.default .manageable-subscription .campaign-card .campaign-image div,
.account.default .manageable-subscription .subscription-card .campaign-image div {
  width: 85px;
  height: 50px;
  background-size: cover;
  background-position: 50%
}

.account.default .campaigns .campaign-card .campaign-image img,
.account.default .campaigns .subscription-card .campaign-image img,
.account.default .manageable-subscription .campaign-card .campaign-image img,
.account.default .manageable-subscription .subscription-card .campaign-image img {
  display: block
}

.account.default .campaigns .campaign-card .campaign-details,
.account.default .campaigns .campaign-card .subscription-details,
.account.default .campaigns .subscription-card .campaign-details,
.account.default .campaigns .subscription-card .subscription-details,
.account.default .manageable-subscription .campaign-card .campaign-details,
.account.default .manageable-subscription .campaign-card .subscription-details,
.account.default .manageable-subscription .subscription-card .campaign-details,
.account.default .manageable-subscription .subscription-card .subscription-details {
  padding: 0 0 0 20px
}

.account.default .campaigns .campaign-card .campaign-details h2,
.account.default .campaigns .campaign-card .campaign-details p,
.account.default .campaigns .campaign-card .subscription-details h2,
.account.default .campaigns .campaign-card .subscription-details p,
.account.default .campaigns .subscription-card .campaign-details h2,
.account.default .campaigns .subscription-card .campaign-details p,
.account.default .campaigns .subscription-card .subscription-details h2,
.account.default .campaigns .subscription-card .subscription-details p,
.account.default .manageable-subscription .campaign-card .campaign-details h2,
.account.default .manageable-subscription .campaign-card .campaign-details p,
.account.default .manageable-subscription .campaign-card .subscription-details h2,
.account.default .manageable-subscription .campaign-card .subscription-details p,
.account.default .manageable-subscription .subscription-card .campaign-details h2,
.account.default .manageable-subscription .subscription-card .campaign-details p,
.account.default .manageable-subscription .subscription-card .subscription-details h2,
.account.default .manageable-subscription .subscription-card .subscription-details p {
  margin: 0
}

.account.default .campaigns .campaign-card .campaign-details>:not(.clearfix),
.account.default .campaigns .campaign-card .subscription-details>:not(.clearfix),
.account.default .campaigns .subscription-card .campaign-details>:not(.clearfix),
.account.default .campaigns .subscription-card .subscription-details>:not(.clearfix),
.account.default .manageable-subscription .campaign-card .campaign-details>:not(.clearfix),
.account.default .manageable-subscription .campaign-card .subscription-details>:not(.clearfix),
.account.default .manageable-subscription .subscription-card .campaign-details>:not(.clearfix),
.account.default .manageable-subscription .subscription-card .subscription-details>:not(.clearfix) {
  max-width: 70%
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .account.default .campaigns .campaign-card .campaign-details>:not(.clearfix),
  .account.default .campaigns .campaign-card .subscription-details>:not(.clearfix),
  .account.default .campaigns .subscription-card .campaign-details>:not(.clearfix),
  .account.default .campaigns .subscription-card .subscription-details>:not(.clearfix),
  .account.default .manageable-subscription .campaign-card .campaign-details>:not(.clearfix),
  .account.default .manageable-subscription .campaign-card .subscription-details>:not(.clearfix),
  .account.default .manageable-subscription .subscription-card .campaign-details>:not(.clearfix),
  .account.default .manageable-subscription .subscription-card .subscription-details>:not(.clearfix) {
    max-width: 380px
  }
}

@media only screen and (min-width:1025px) {

  .account.default .campaigns .campaign-card .campaign-details>:not(.clearfix),
  .account.default .campaigns .campaign-card .subscription-details>:not(.clearfix),
  .account.default .campaigns .subscription-card .campaign-details>:not(.clearfix),
  .account.default .campaigns .subscription-card .subscription-details>:not(.clearfix),
  .account.default .manageable-subscription .campaign-card .campaign-details>:not(.clearfix),
  .account.default .manageable-subscription .campaign-card .subscription-details>:not(.clearfix),
  .account.default .manageable-subscription .subscription-card .campaign-details>:not(.clearfix),
  .account.default .manageable-subscription .subscription-card .subscription-details>:not(.clearfix) {
    max-width: 420px
  }
}

.account.default .campaigns .campaign-card .campaign-details h2,
.account.default .campaigns .campaign-card .subscription-details h2,
.account.default .campaigns .subscription-card .campaign-details h2,
.account.default .campaigns .subscription-card .subscription-details h2,
.account.default .manageable-subscription .campaign-card .campaign-details h2,
.account.default .manageable-subscription .campaign-card .subscription-details h2,
.account.default .manageable-subscription .subscription-card .campaign-details h2,
.account.default .manageable-subscription .subscription-card .subscription-details h2 {
  font-size: 14px;
  font-weight: 500
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-card .campaign-details h2,
  .account.default .campaigns .campaign-card .subscription-details h2,
  .account.default .campaigns .subscription-card .campaign-details h2,
  .account.default .campaigns .subscription-card .subscription-details h2,
  .account.default .manageable-subscription .campaign-card .campaign-details h2,
  .account.default .manageable-subscription .campaign-card .subscription-details h2,
  .account.default .manageable-subscription .subscription-card .campaign-details h2,
  .account.default .manageable-subscription .subscription-card .subscription-details h2 {
    font-size: 16px
  }
}

.account.default .campaigns .campaign-card .campaign-details p,
.account.default .campaigns .campaign-card .subscription-details p,
.account.default .campaigns .subscription-card .campaign-details p,
.account.default .campaigns .subscription-card .subscription-details p,
.account.default .manageable-subscription .campaign-card .campaign-details p,
.account.default .manageable-subscription .campaign-card .subscription-details p,
.account.default .manageable-subscription .subscription-card .campaign-details p,
.account.default .manageable-subscription .subscription-card .subscription-details p {
  font-size: 12px
}

.account.default .campaigns .campaign-card .campaign-details .em,
.account.default .campaigns .campaign-card .subscription-details .em,
.account.default .campaigns .subscription-card .campaign-details .em,
.account.default .campaigns .subscription-card .subscription-details .em,
.account.default .manageable-subscription .campaign-card .campaign-details .em,
.account.default .manageable-subscription .campaign-card .subscription-details .em,
.account.default .manageable-subscription .subscription-card .campaign-details .em,
.account.default .manageable-subscription .subscription-card .subscription-details .em {
  color: #c1c1ba
}

.account.default .campaigns .campaign-card .campaign-details .raised,
.account.default .campaigns .campaign-card .subscription-details .raised,
.account.default .campaigns .subscription-card .campaign-details .raised,
.account.default .campaigns .subscription-card .subscription-details .raised,
.account.default .manageable-subscription .campaign-card .campaign-details .raised,
.account.default .manageable-subscription .campaign-card .subscription-details .raised,
.account.default .manageable-subscription .subscription-card .campaign-details .raised,
.account.default .manageable-subscription .subscription-card .subscription-details .raised {
  display: none
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-card .campaign-details .raised,
  .account.default .campaigns .campaign-card .subscription-details .raised,
  .account.default .campaigns .subscription-card .campaign-details .raised,
  .account.default .campaigns .subscription-card .subscription-details .raised,
  .account.default .manageable-subscription .campaign-card .campaign-details .raised,
  .account.default .manageable-subscription .campaign-card .subscription-details .raised,
  .account.default .manageable-subscription .subscription-card .campaign-details .raised,
  .account.default .manageable-subscription .subscription-card .subscription-details .raised {
    display: inline-block
  }
}

.account.default .campaigns .campaign-card .campaign-details .h80,
.account.default .campaigns .campaign-card .subscription-details .h80,
.account.default .campaigns .subscription-card .campaign-details .h80,
.account.default .campaigns .subscription-card .subscription-details .h80,
.account.default .manageable-subscription .campaign-card .campaign-details .h80,
.account.default .manageable-subscription .campaign-card .subscription-details .h80,
.account.default .manageable-subscription .subscription-card .campaign-details .h80,
.account.default .manageable-subscription .subscription-card .subscription-details .h80 {
  font-weight: 500
}

.account.default .campaigns .campaign-card .subscription-details,
.account.default .campaigns .subscription-card .subscription-details,
.account.default .manageable-subscription .campaign-card .subscription-details,
.account.default .manageable-subscription .subscription-card .subscription-details {
  padding-left: 0
}

.account.default .campaigns .campaign-card .subscription-details p i,
.account.default .campaigns .subscription-card .subscription-details p i,
.account.default .manageable-subscription .campaign-card .subscription-details p i,
.account.default .manageable-subscription .subscription-card .subscription-details p i {
  position: absolute
}

.account.default .campaigns .campaign-card .subscription-details p span.history,
.account.default .campaigns .subscription-card .subscription-details p span.history,
.account.default .manageable-subscription .campaign-card .subscription-details p span.history,
.account.default .manageable-subscription .subscription-card .subscription-details p span.history {
  text-indent: 20px;
  display: inline-block;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px
}

.account.default .campaigns .campaign-card .subscription-details p span.bold,
.account.default .campaigns .subscription-card .subscription-details p span.bold,
.account.default .manageable-subscription .campaign-card .subscription-details p span.bold,
.account.default .manageable-subscription .subscription-card .subscription-details p span.bold {
  text-indent: 0;
  font-weight: 700
}

.account.default .campaigns .campaign-card .status.mobile,
.account.default .campaigns .subscription-card .status.mobile,
.account.default .manageable-subscription .campaign-card .status.mobile,
.account.default .manageable-subscription .subscription-card .status.mobile {
  display: block
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-card .status.mobile,
  .account.default .campaigns .subscription-card .status.mobile,
  .account.default .manageable-subscription .campaign-card .status.mobile,
  .account.default .manageable-subscription .subscription-card .status.mobile {
    display: none
  }
}

.account.default .campaigns .campaign-card .status.desktop,
.account.default .campaigns .subscription-card .status.desktop,
.account.default .manageable-subscription .campaign-card .status.desktop,
.account.default .manageable-subscription .subscription-card .status.desktop {
  display: none
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-card .status.desktop,
  .account.default .campaigns .subscription-card .status.desktop,
  .account.default .manageable-subscription .campaign-card .status.desktop,
  .account.default .manageable-subscription .subscription-card .status.desktop {
    text-align: right;
    display: table-cell
  }
}

.account.default .campaigns .team-campaign-card,
.account.default .manageable-subscription .team-campaign-card {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 4px
}

.account.default .campaigns .team-campaign-card:after,
.account.default .manageable-subscription .team-campaign-card:after {
  clear: both;
  content: "";
  display: table
}

.account.default .campaigns .team-campaign-card:last-child,
.account.default .manageable-subscription .team-campaign-card:last-child {
  margin-bottom: 0
}

.account.default .campaigns .team-campaign-card h2,
.account.default .manageable-subscription .team-campaign-card h2 {
  margin-bottom: 5px
}

.account.default .campaigns .team-campaign-card a,
.account.default .manageable-subscription .team-campaign-card a {
  color: #333232
}

.campaigns .account.default .campaigns .team-campaign-card,
.campaigns .account.default .manageable-subscription .team-campaign-card {
  border-radius: 4px
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card,
  .account.default .manageable-subscription .team-campaign-card {
    padding: 20px;
    border-bottom: 1px solid #dfdfd7;
    margin-bottom: 0
  }

  .account.default .campaigns .team-campaign-card:first-child,
  .account.default .manageable-subscription .team-campaign-card:first-child {
    border-top: 0
  }

  .account.default .campaigns .team-campaign-card:last-child,
  .account.default .manageable-subscription .team-campaign-card:last-child {
    border-bottom: 0
  }

  .account.default .campaigns .team-campaign-card .clearfix,
  .account.default .manageable-subscription .team-campaign-card .clearfix {
    display: table
  }
}

.account.default .campaigns .team-campaign-card .campaign-image,
.account.default .manageable-subscription .team-campaign-card .campaign-image {
  position: relative
}

.account.default .campaigns .team-campaign-card .campaign-image img,
.account.default .manageable-subscription .team-campaign-card .campaign-image img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: block
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .campaign-image img,
  .account.default .manageable-subscription .team-campaign-card .campaign-image img {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
}

.account.default .campaigns .team-campaign-card .campaign-image:after,
.account.default .manageable-subscription .team-campaign-card .campaign-image:after {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .45);
  content: "";
  position: absolute;
  top: 0
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .campaign-image,
  .account.default .manageable-subscription .team-campaign-card .campaign-image {
    padding-right: 20px;
    min-width: 194px;
    width: 194px;
    display: table-cell;
    vertical-align: top
  }

  .account.default .campaigns .team-campaign-card .campaign-image:after,
  .account.default .manageable-subscription .team-campaign-card .campaign-image:after {
    display: none
  }
}

.account.default .campaigns .team-campaign-card .campaign-image h2,
.account.default .manageable-subscription .team-campaign-card .campaign-image h2 {
  color: #fff;
  font-size: 16px;
  position: absolute;
  bottom: 12px;
  left: 15px;
  margin-bottom: 0;
  z-index: 1
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .campaign-image h2,
  .account.default .manageable-subscription .team-campaign-card .campaign-image h2 {
    display: none
  }
}

.account.default .campaigns .team-campaign-card .status.mobile p,
.account.default .manageable-subscription .team-campaign-card .status.mobile p {
  color: #fff
}

.account.default .campaigns .team-campaign-card .status.desktop,
.account.default .manageable-subscription .team-campaign-card .status.desktop {
  float: right;
  line-height: 30px
}

.account.default .campaigns .team-campaign-card .campaign-details,
.account.default .manageable-subscription .team-campaign-card .campaign-details {
  position: relative;
  width: 100%
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .campaign-details,
  .account.default .manageable-subscription .team-campaign-card .campaign-details {
    display: table-cell;
    vertical-align: bottom
  }
}

.account.default .campaigns .team-campaign-card .campaign-details h2,
.account.default .manageable-subscription .team-campaign-card .campaign-details h2 {
  display: none
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .campaign-details h2,
  .account.default .manageable-subscription .team-campaign-card .campaign-details h2 {
    color: #333232;
    font-size: 24px;
    display: block
  }
}

.account.default .campaigns .team-campaign-card .team-stats,
.account.default .manageable-subscription .team-campaign-card .team-stats {
  border: 1px solid #dfdfd7;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .team-stats,
  .account.default .manageable-subscription .team-campaign-card .team-stats {
    border-radius: 4px;
    display: table
  }
}

.account.default .campaigns .team-campaign-card .team-stats>.team-stat,
.account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat {
  float: left;
  padding: 16px 20px;
  width: 50%
}

.account.default .campaigns .team-campaign-card .team-stats>.team-stat:nth-child(odd),
.account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat:nth-child(odd) {
  border-right: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .team-stats>.team-stat,
  .account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat {
    display: table-cell;
    float: none;
    width: auto;
    padding: 13px 0
  }

  .account.default .campaigns .team-campaign-card .team-stats>.team-stat:not(:last-child),
  .account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat:not(:last-child) {
    border-right: 1px solid #dfdfd7
  }
}

.account.default .campaigns .team-campaign-card .team-stats>.team-stat.mobile.top,
.account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat.mobile.top {
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .team-campaign-card .team-stats>.team-stat.mobile.top,
  .account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat.mobile.top {
    border-bottom: 0
  }
}

.account.default .campaigns .team-campaign-card .team-stats>.team-stat h6,
.account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat h6 {
  margin: 0
}

.account.default .campaigns .team-campaign-card .team-stats>.team-stat .stat-name,
.account.default .manageable-subscription .team-campaign-card .team-stats>.team-stat .stat-name {
  color: #c1c1ba;
  font-size: 10px;
  white-space: nowrap
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-inspiration h1,
  .account.default .manageable-subscription .campaign-inspiration h1 {
    padding: 35px 35px 0
  }
}

.account.default .campaigns .campaign-inspiration .video-box,
.account.default .manageable-subscription .campaign-inspiration .video-box {
  padding-top: 90px;
  width: 112%;
  margin-left: -6%;
  margin-top: 35px;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/users/video-7df8a8a2f21c371de1aa8d05a0a37351.png) no-repeat;
  background-size: cover;
  background-position: 50%
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-inspiration .video-box iframe,
  .account.default .manageable-subscription .campaign-inspiration .video-box iframe {
    width: 90%;
    left: 5%
  }
}

@media only screen and (max-width:641px) and (min-width:500px) {

  .account.default .campaigns .campaign-inspiration .video-box,
  .account.default .manageable-subscription .campaign-inspiration .video-box {
    padding-top: 130px
  }
}

@media only screen and (min-width:641px) {

  .account.default .campaigns .campaign-inspiration .video-box,
  .account.default .manageable-subscription .campaign-inspiration .video-box {
    padding-top: 0;
    width: 100%;
    margin-left: 0;
    background-size: contain
  }
}

.account.default .campaigns .campaign-inspiration .video-box .play,
.account.default .manageable-subscription .campaign-inspiration .video-box .play {
  border-radius: 100px;
  width: 70px;
  height: 70px;
  left: 54%
}

.account.default .campaigns .campaign-inspiration .video-box .play .icn,
.account.default .manageable-subscription .campaign-inspiration .video-box .play .icn {
  font-size: 32px;
  padding: 4px 0 0 8px
}

.account.default .campaigns.d2p-module,
.account.default .manageable-subscription.d2p-module {
  text-align: center;
  margin: 50px 0 0
}

.account.default .campaigns.d2p-module .action,
.account.default .manageable-subscription.d2p-module .action {
  display: none
}

@media only screen and (min-width:641px) {

  .account.default .campaigns.d2p-module .action,
  .account.default .manageable-subscription.d2p-module .action {
    display: table-cell
  }
}

.account.default .campaigns.d2p-module .reporting-information,
.account.default .manageable-subscription.d2p-module .reporting-information {
  width: 100%;
  display: table
}

.account.default .campaigns.d2p-module .reporting-information br,
.account.default .manageable-subscription.d2p-module .reporting-information br {
  display: none
}

@media only screen and (min-width:641px) {

  .account.default .campaigns.d2p-module .reporting-information br,
  .account.default .manageable-subscription.d2p-module .reporting-information br {
    display: block
  }
}

@media only screen and (min-width:641px) {

  .account.default .campaigns.d2p-module .reporting-information,
  .account.default .manageable-subscription.d2p-module .reporting-information {
    padding: 20px 0
  }
}

.account.default .campaigns.d2p-module .reporting-information>div,
.account.default .manageable-subscription.d2p-module .reporting-information>div {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding: 18px
}

.account.default .campaigns.d2p-module .reporting-information>div a,
.account.default .manageable-subscription.d2p-module .reporting-information>div a {
  display: inline-block
}

@media only screen and (min-width:641px) {

  .account.default .campaigns.d2p-module .reporting-information>div a,
  .account.default .manageable-subscription.d2p-module .reporting-information>div a {
    display: none
  }
}

.account.default .campaigns.d2p-module .reporting-information>div img,
.account.default .manageable-subscription.d2p-module .reporting-information>div img {
  margin-bottom: 25px;
  width: 146px
}

@media only screen and (min-width:641px) {

  .account.default .campaigns.d2p-module .reporting-information>div img,
  .account.default .manageable-subscription.d2p-module .reporting-information>div img {
    width: 166px
  }
}

.account.default .campaigns.d2p-module .reporting-information>div p,
.account.default .manageable-subscription.d2p-module .reporting-information>div p {
  margin: 0 auto 30px;
  max-width: 450px
}

.profile-setting-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}

.profile-setting-container:last-child {
  margin-top: 32px
}

@media medium-up {
  .profile-setting-container .row {
    margin-bottom: 20px
  }
}

.profile-setting-container .h40,
.profile-setting-container .history {
  margin-bottom: 40px
}

.profile-setting-container .history p {
  color: #9b9b94;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 40px
}

@media only screen and (min-width:641px) {
  .profile-setting-container .history p {
    display: inline
  }

  .profile-setting-container .history p.subscription-state {
    margin-right: 0
  }

  .profile-setting-container .history p.subscription-state i {
    vertical-align: middle
  }
}

.profile-setting-container .large-6 {
  margin-bottom: 25px
}

@media medium-up {
  .profile-setting-container .large-6 {
    margin-bottom: 0
  }
}

.profile-setting-container .large-6 .input-wrapper {
  margin-bottom: 0
}

.profile-setting-container .input-wrapper.email,
.profile-setting-container .input-wrapper.password {
  margin-bottom: 10px
}

.profile-setting-container .switch-wrapper {
  margin-bottom: 25px
}

.profile-setting-container .update-link {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700
}

@media only screen and (min-width:641px) {
  .profile-setting-container .update-link {
    font-size: 12px
  }
}

.profile-setting-container .update-link.error {
  color: #fa575d
}

.profile-setting-container .separator {
  font-size: 14px;
  margin: 0 10px;
  color: #c1c1ba
}

.profile-setting-container .button {
  margin: 20px auto
}

.profile-setting-container .button.center {
  display: block;
  padding: 0 70px
}

.profile-setting-container .button.payment {
  font-size: .65em;
  text-transform: uppercase;
  width: 100%
}

.profile-setting-container [class^=cw-icon-] {
  margin-right: 10px
}

.profile-setting-container .payment-settings-links .update-link {
  margin: 15px 0 0;
  display: block
}

.profile-setting-container .payment-settings-links .cancel {
  color: #c1c1ba;
  margin-top: 30px
}

.profile-setting-container .payment-settings-links .cw-icon-time-24,
.profile-setting-container .payment-settings-links .cw-icon-warning-sign {
  margin: 0 17px 0 3px
}

.profile-setting-container .skip-additional-text,
.profile-setting-container .switch-from-additional-text {
  color: #9b9b94;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
  margin-top: 6px;
  line-height: 1.5;
  padding-left: 33px
}

.profile-setting-container .switch-from-wrapper .icn {
  display: inline-block;
  margin: 0 10px 0 -5px
}

.profile-setting-container .switch-from-wrapper .icn.cw-icon-man {
  font-size: 15px;
  position: relative;
  top: 3px
}

.profile-setting-container .paypal-edit-payment {
  margin-top: 30px
}

.profile-setting-container .paypal-edit-payment .icn {
  margin-right: 17px;
  font-size: 15px;
  position: relative;
  top: 2px
}

.profile-setting-container .switch-payment {
  position: relative
}

.profile-setting-container .date-info {
  position: relative;
  font-style: italic;
  top: -25px;
  left: 5px;
  color: #9b9b94
}

.profile-setting-container .cancel-subscription,
.profile-setting-container .resume-subscription,
.profile-setting-container .skip-subscription {
  font-size: .8em
}

.profile-setting-container .cancel-subscription .panel,
.profile-setting-container .resume-subscription .panel,
.profile-setting-container .skip-subscription .panel {
  border-width: 0;
  background-color: #e9eae4;
  margin-top: 20px;
  padding: 20px
}

.profile-setting-container .cancel-subscription .panel .skip-instructions,
.profile-setting-container .resume-subscription .panel .skip-instructions,
.profile-setting-container .skip-subscription .panel .skip-instructions {
  margin-bottom: 0
}

.profile-setting-container .cancel-subscription .button,
.profile-setting-container .resume-subscription .button,
.profile-setting-container .skip-subscription .button {
  width: 100%;
  margin: 10px auto
}

@media only screen and (min-width:641px) {

  .profile-setting-container .cancel-subscription .button,
  .profile-setting-container .resume-subscription .button,
  .profile-setting-container .skip-subscription .button {
    width: auto;
    margin: 20px 20px 20px auto
  }
}

input[type=email]:disabled {
  padding-right: 30px
}

.additional-email-settings .separator {
  display: none
}

@media only screen and (min-width:641px) {
  .additional-email-settings .separator {
    display: inline-block
  }
}

.additional-email-settings .update-link {
  display: table;
  margin-top: 10px
}

@media only screen and (min-width:641px) {
  .additional-email-settings .update-link {
    display: inline-block;
    margin-top: 0
  }
}

.invisible-wrapper label[for=user_invisible] {
  max-width: 180px
}

@media only screen and (min-width:641px) {
  .invisible-wrapper label[for=user_invisible] {
    max-width: none
  }
}

.facebook-signup {
  margin: 0 20px
}

@media only screen and (min-width:641px) {
  .facebook-signup {
    max-width: 500px;
    margin: auto
  }
}

.facebook-signup .button {
  background-color: #3b5998
}

.facebook-signup .text-separator:after,
.facebook-signup .text-separator:before {
  background: #9b9b94
}

.adminbody {
  background: #fff;
  min-width: 1025px
}

.admin h2,
.admin h3,
.admin h4,
.admin h5 {
  margin-bottom: .5em
}

.admin .admin-nav {
  position: relative;
  z-index: 100000
}

.admin .admin-nav .has-dropdown {
  position: relative
}

.admin .admin-nav .has-dropdown:hover ul {
  display: block
}

.admin .admin-nav .dropdown {
  list-style: none;
  display: none;
  position: absolute;
  top: 60px;
  left: -135px;
  width: 200px
}

.admin .admin-nav .dropdown li {
  padding: 0
}

.admin .admin-nav .dropdown a {
  padding: 10px 20px;
  display: block;
  background: rgba(0, 0, 0, .85)
}

.admin .admin-nav .dropdown a:hover {
  background: #000
}

.admin .admin-nav .dropdown .contains-caret {
  position: relative
}

.admin .admin-nav .dropdown .contains-caret .icn {
  position: absolute;
  top: -9px;
  left: 170px
}

.admin .admin-nav .dropdown a {
  color: #fff
}

.admin .admin-nav ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.admin .admin-nav li {
  padding: 20px 10px
}

.admin .admin-nav a {
  color: #333232;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
  font-size: 14px
}

.admin .admin-nav a:hover {
  color: #4d4b4b
}

.admin .admin-nav .button-link {
  border: 1px solid;
  padding: 5px 10px;
  border-radius: 4px
}

.admin .admin-logo .icn {
  font-size: 20px
}

.admin .flashes ul {
  margin-bottom: 0;
  list-style: none
}

.admin .search {
  margin: 0 0 40px;
  padding: 40px 20px;
  border-color: #dfdfd7;
  border-style: solid none;
  border-width: 1px
}

.admin .search form {
  width: 100%
}

.admin .search label {
  display: block
}

.admin .search input[type=text] {
  width: 90%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0
}

.admin .search .button {
  width: 15%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.admin .filter-nav {
  margin: 20px 0 30px
}

.admin .filter-nav form:after {
  clear: both;
  content: "";
  display: table
}

.admin .filter-nav .input-wrapper,
.admin .filter-nav input,
.admin .filter-nav select {
  line-height: 1.1em;
  float: left;
  margin: 0 0 0 -1px;
  width: auto;
  border-radius: 0
}

.admin .filter-nav .input-wrapper:first-child,
.admin .filter-nav input:first-child,
.admin .filter-nav select:first-child {
  margin: 0
}

.admin .filter-nav select {
  width: 300px
}

.admin .pagination .current {
  background: #f4f5f0
}

.admin .bottom-pagination {
  margin-top: 40px 0
}

.admin .admin-container {
  min-height: calc(100vh - 64px)
}

.admin .row {
  margin-bottom: 20px;
  width: 100%;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px
}

.admin .row:last-child {
  margin-bottom: 0
}

.admin .actions .button,
.admin .donation-actions .button {
  margin: 5px
}

.admin .donation-actions form {
  display: inline-block
}

.admin .panel h1,
.admin .panel h2,
.admin .panel h3,
.admin .panel h4,
.admin .panel h5,
.admin .panel h6 {
  margin-top: 0
}

.admin form.export {
  margin: 20px 0 8px
}

.admin .user-dropdown .has-dropdown {
  position: relative
}

.admin .user-dropdown .has-dropdown:hover ul {
  display: block
}

.admin .user-dropdown .dropdown {
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: -18px;
  width: 289px
}

.admin .user-dropdown .dropdown li {
  padding: 0
}

.admin .user-dropdown .dropdown a {
  padding: 10px 20px;
  display: block;
  background: #369ff4
}

.admin .user-dropdown .dropdown a:hover {
  background: #66b6f7
}

.admin .user-dropdown .dropdown .contains-caret {
  position: relative
}

.admin .user-dropdown .dropdown .contains-caret .icn {
  position: absolute;
  top: -9px;
  left: 170px
}

.admin .user-dropdown .dropdown a {
  color: #fff
}

.admin .user-dropdown .dropdown {
  font-size: 13px
}

.admin .simple_form .input {
  margin-bottom: 1rem
}

.admin .simple_form label abbr[title=required] {
  display: inline
}

.admin .simple_form.edit_subscription {
  margin-bottom: 10px
}

.admin .check_boxes .checkbox {
  display: inline-block;
  position: relative;
  padding-left: .5rem;
  width: 50%;
  margin-bottom: .5rem
}

.admin .check_boxes .checkbox label {
  vertical-align: top;
  letter-spacing: 0;
  margin-left: 20px;
  display: inline-block
}

.admin .check_boxes .checkbox .input {
  display: inline-block
}

.admin .check_boxes .checkbox input {
  position: absolute;
  left: 0;
  top: 5px
}

.admin .side-by-side-inputs {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .admin .side-by-side-inputs {
    flex-direction: row
  }
}

.admin .side-by-side-inputs>.input {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .admin .side-by-side-inputs>.input {
    margin-right: 20px
  }
}

.admin .subscription_next_payment_datetime select {
  width: auto;
  min-width: 100px
}

.admin .default-campaign-photos {
  margin-top: 10px
}

.admin .upload {
  width: 100%;
  border-bottom: 1px solid #e9eae4;
  padding: 10px 0
}

.admin .upload img {
  float: left
}

.admin .upload .remove {
  float: right
}

.admin .upload label {
  display: inline;
  margin-right: 10px
}

.admin .upload:last-child {
  border: 0
}

.admin table.maji-form {
  width: 100%
}

.admin table.maji-form .quiet {
  color: #9b9b94
}

.admin table.maji-form .quiet-links a {
  color: inherit
}

.admin table.maji-form .quiet-links a:hover {
  color: #369ff4
}

.admin table.maji-form .button {
  margin-bottom: 0
}

.admin table.maji-form a.disabled {
  background-color: #dfdfd7 !important
}

.admin table.maji-form .edit {
  text-align: right
}

.admin table.maji-form .edit .icn {
  font-size: 24px;
  color: #c1c1ba;
  margin: 0 2px;
  padding: 5px;
  vertical-align: middle
}

.admin table.maji-form .edit .icn:hover {
  color: #71716c
}

.admin .tables tbody th {
  border-bottom: 0;
  border-top: 2px solid #e9eae4;
  padding: 8px 15px
}

.admin .tables tbody td,
.admin .tables tbody th {
  border-width: 1px
}

.admin .detail-section-header,
.admin .notes {
  margin-top: 20px
}

.admin .notes h6,
.admin .notes li {
  font-size: 14px
}

.admin .notes .button {
  margin: 0 .5rem 0 0
}

.admin .notes .button:hover {
  color: #fff
}

.admin tr.notes {
  border-top: 3px double #fff;
  vertical-align: top
}

.admin .advanced-search-links a {
  margin-right: 1em
}

.admin .advanced-search {
  margin-bottom: 1em
}

.admin .advanced-search .sort-fields {
  margin-bottom: .5em
}

.admin .advanced-search button,
.admin .advanced-search input,
.admin .advanced-search select {
  width: auto;
  margin-right: .5em;
  min-width: 8em
}

.admin .advanced-search fieldset {
  margin-top: .5em;
  margin-bottom: .5em
}

.admin pre.sql {
  white-space: pre-wrap
}

.admin .advanced-search-results {
  position: relative
}

.admin .advanced-search-results h2 {
  display: inline;
  margin-right: 10px
}

.admin .advanced-search-results form {
  display: inline;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.admin .stats .admin-stats-nav {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0
}

.admin .stats .admin-stats-nav a {
  margin: 2em 0;
  padding: 1em;
  border: .5px solid #e9eae4
}

.admin .stats .admin-stats-nav a li {
  color: #9b9b94
}

.admin .stats .admin-stats-nav a:hover {
  background-color: #f4f5f0
}

.admin .stats .admin-stats-nav .first-item {
  border-radius: 7px 0 0 7px
}

.admin .stats .admin-stats-nav .last-item {
  border-radius: 0 7px 7px 0
}

.admin .d2p-update-heading {
  border-bottom: 1px solid #dfdfd7;
  padding-bottom: 20px
}

.admin .d2p-update-stats h4 i {
  margin-right: 10px
}

.admin .d2p-update-stats li {
  border-bottom: 1px solid #dfdfd7;
  padding: 10px 0
}

.admin .d2p-update-stats li:last-child {
  border-bottom: 0
}

.admin .bps-header {
  margin-top: 40px
}

.admin .bps-header h3 {
  float: left
}

.admin .bps-header .button,
.admin .bps-header form {
  float: right
}

.admin .bps-header .button {
  margin-left: 10px
}

.admin .bps-header input[type=file] {
  left: -99999px;
  position: absolute
}

.admin .user-data {
  margin-top: 50px
}

.admin .version-history pre {
  white-space: pre-wrap
}

.admin .version-history td {
  word-break: break-all
}

.admin .campaign-template-upload {
  display: table
}

.admin .campaign-template-upload a {
  text-transform: uppercase;
  font-size: .5em;
  font-weight: 700;
  vertical-align: middle;
  display: table-cell
}

.admin .campaign-template-upload img {
  margin-right: .5em;
  display: table-cell;
  border-radius: .2em
}

.admin .offline-payment-form {
  max-width: 980px;
  margin: 0 auto
}

.admin .offline-payment-form .autocomplete-react-select {
  z-index: 2
}

.admin .offline-payment-form .autocomplete-react-select input {
  height: auto
}

.admin .offline-payment-form textarea {
  min-height: 131px
}

.admin .flush-side-by-side-inputs .input-wrapper {
  z-index: 1
}

.admin .flush-side-by-side-inputs .input-wrapper:first-child {
  float: left
}

.admin .flush-side-by-side-inputs .input-wrapper:last-child {
  float: right
}

.admin .flush-side-by-side-inputs .input-wrapper:last-child input,
.admin .flush-side-by-side-inputs .input-wrapper:last-child select {
  border-left-width: 0
}

.admin .flush-side-by-side-inputs .input-wrapper:last-child input:focus,
.admin .flush-side-by-side-inputs .input-wrapper:last-child select:focus {
  margin-left: -1px;
  border-left-width: 1px
}

.admin .flush-above-input {
  border-top-width: 0
}

.admin .flush-above-input:focus {
  margin-top: -1px;
  height: 49px;
  border-top-width: 1px
}

.offline-donations .avatar-initial {
  width: 3em;
  height: 3em;
  line-height: 3em
}

.offline-donations .campaign-comment textarea {
  min-height: 116px
}

.input-wrapper .toggle {
  top: 44px;
  z-index: 2
}

.input-wrapper.lh .toggle {
  right: 0;
  top: 25px;
  z-index: 2
}

.toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  position: absolute;
  right: 0;
  top: 2.4em;
  margin: -.6em .6em 0 0;
  padding-left: .5em
}

.authorization .reset {
  margin: 30px 0 10px;
  display: inline-block;
  font-weight: 500
}

.authorization .register {
  margin-top: 50px;
  font-weight: 700
}

.authorization .authorization-label {
  text-align: center;
  margin-bottom: .5em
}

.authorization-footer {
  display: table;
  margin: 2em auto
}

.authorization-links {
  font-size: .8em;
  list-style: none;
  display: inline
}

.authorization-links li {
  float: left
}

.authorization-links li:after {
  content: "|";
  margin: 0 .5em
}

.authorization-links li:last-child:after {
  content: none
}

.authorization-links li a {
  color: #369ff4
}

.birthdays .container {
  color: #333232;
  text-align: center
}

.birthdays .bday-section {
  padding: 60px 20px
}

@media only screen and (min-width:641px) {
  .birthdays .bday-section {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media only screen and (min-width:1025px) {
  .birthdays .bday-section {
    padding-top: 100px;
    padding-bottom: 100px
  }
}

.birthdays .hero {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/birthdays/hero-small-a8bfe6c80ec1ce766080eb48c9c84509.jpg);
  background-color: #d29846;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative;
  padding: 70px 20px 60px;
  height: 100vh
}

@media only screen and (min-width:641px) {
  .birthdays .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/birthdays/hero-f68c6cad5e2a94cb98aac9f504163979.jpg);
    background-size: cover;
    padding-top: 85px;
    padding-bottom: 100px;
    height: auto
  }
}

@media only screen and (min-width:1025px) {
  .birthdays .hero {
    padding-top: 110px
  }
}

.birthdays .hero-text-wrapper {
  color: #fff
}

.birthdays .move-down {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  background: #f8f4f3;
  color: #333232;
  height: 40px;
  width: 60px;
  bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.birthdays .move-down i {
  position: relative;
  top: 11px;
  font-size: 20px;
  font-weight: 700
}

@media only screen and (min-width:641px) {
  .birthdays .pledge-form-wrapper {
    width: 390px;
    margin: auto;
    background: hsla(0, 0%, 100%, .8);
    padding: 40px;
    border-radius: 4px
  }
}

@media only screen and (min-width:1025px) {
  .birthdays .pledge-form-wrapper {
    position: relative;
    left: 50%;
    margin-left: -490px
  }
}

.birthdays .hero-text-wrapper {
  margin: 0 auto 30px;
  max-width: 290px
}

@media only screen and (min-width:641px) {
  .birthdays .hero-text-wrapper {
    color: #333232
  }
}

.birthdays .how-it-works {
  background: #f8f4f3
}

.birthdays .how-it-works .step {
  margin: 45px auto 0;
  max-width: 440px
}

@media only screen and (min-width:1025px) {
  .birthdays .how-it-works .step {
    padding: 0 10px;
    max-width: none;
    flex: 1 1
  }

  .birthdays .how-it-works .step p {
    font-size: 15px
  }
}

.birthdays .how-it-works .icn {
  font-size: 30px;
  display: block;
  margin: 0 auto 15px
}

@media only screen and (min-width:1025px) {
  .birthdays .step-wrapper {
    max-width: 980px;
    display: -webkit-box;
    display: flex;
    margin: auto
  }
}

.birthdays .lory h3 {
  padding: 60px 20px;
  margin: 0
}

.birthdays .lory .video-box .placeholder {
  margin-bottom: 0;
  background-size: cover;
  background-repeat: center;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/birthdays/lory-video-b8127980a604f31f0720b0d618ec7591.jpg) !important
}

@media only screen and (min-width:641px) {
  .birthdays .lory .video-box .placeholder {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/birthdays/lory-video-medium-up-899f3d36df505a2cdc4b208f50032faf.jpg) !important
  }
}

@media only screen and (min-width:1025px) {
  .birthdays .lory .video-box .placeholder {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/birthdays/lory-video-large-up-dd5a350a48a079bc995ad9772719d0c0.jpg) !important
  }
}

.birthdays .lory .video-box .placeholder .icn {
  padding: 0
}

.birthdays .facts {
  background: #f8f4f3
}

@media only screen and (min-width:641px) {
  .birthdays .facts-wrapper {
    display: -webkit-box;
    display: flex;
    flex-flow: wrap;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }
}

.birthdays .fact {
  max-width: 270px;
  margin: 30px auto 0
}

@media only screen and (min-width:641px) {
  .birthdays .fact {
    padding: 0 10px;
    width: 50%;
    max-width: none
  }

  .birthdays .fact p {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (min-width:1025px) {
  .birthdays .fact {
    margin-top: 60px;
    width: 25%;
    padding: 0 20px
  }
}

.birthdays .why-water-block {
  margin-top: 60px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto
}

.birthdays .why-water-block h4 {
  margin-top: 15px
}

.birthdays .why-water-block img {
  width: 100%
}

.birthdays .why-water-block p {
  margin-bottom: 0
}

@media only screen and (min-width:1025px) {
  .birthdays .why-water-block p {
    max-width: 410px;
    margin-left: auto;
    margin-right: auto
  }
}

.birthdays .why-water-content {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .birthdays .why-water-content {
    display: -webkit-box;
    display: flex
  }
}

.birthdays .pledge {
  background: #f8f4f3
}

.birthdays .pledge h3 {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .birthdays .pledge h3 {
    max-width: none
  }
}

.birthdays .pledge-action {
  margin-top: 30px
}

.birthdays.thankyou .container {
  padding: 70px 20px 0
}

@media only screen and (min-width:641px) {
  .birthdays.thankyou .container {
    padding-top: 85px
  }
}

@media only screen and (min-width:1025px) {
  .birthdays.thankyou .container {
    padding-top: 110px
  }
}

.birthdays.thankyou .cw-icon-ok {
  color: #59c77f;
  display: block;
  margin: 0 auto 20px;
  font-size: 30px
}

.birthdays.thankyou .bday-thanks-subheader {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto
}

.birthdays.thankyou .video-box {
  margin: 40px auto
}

.leaving,
.whats-next {
  text-align: center;
  width: 500px
}

.leaving .button:first-of-type {
  margin-bottom: 20px
}

.campaign.default.closed .progress h3 {
  color: #71716c
}

.campaign.default.closed .progress .visual .bar .fill {
  background: #71716c
}

.campaign.default.user-campaign-page .container {
  padding-top: 20px;
  position: relative
}

.campaign.default .heading .h50 span {
  display: inline-block
}

.campaign.default .campaign-header {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  z-index: 0
}

.campaign.default .campaign-header:before {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background: linear-gradient(transparent, #000);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .8
}

@media only screen and (min-width:641px) {
  .campaign.default .campaign-header {
    margin-bottom: 20px
  }
}

.campaign.default .campaign-header .inner {
  position: relative;
  z-index: 1;
  padding: 134px 20px 20px;
  display: table;
  width: 100%
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .campaign.default .campaign-header .inner {
    padding: 240px 20px 40px
  }
}

@media only screen and (min-width:1025px) {
  .campaign.default .campaign-header .inner {
    padding: 315px 0 43px
  }
}

.campaign.default .campaign-header .inner .avatar,
.campaign.default .campaign-header .inner .details {
  display: table-cell;
  vertical-align: middle
}

@media only screen and (min-width:641px) {

  .campaign.default .campaign-header .inner .avatar,
  .campaign.default .campaign-header .inner .details {
    vertical-align: bottom
  }
}

.campaign.default .campaign-header .inner .avatar a,
.campaign.default .campaign-header .inner .avatar img {
  width: 60px;
  height: 60px
}

@media only screen and (min-width:641px) {

  .campaign.default .campaign-header .inner .avatar a,
  .campaign.default .campaign-header .inner .avatar img {
    width: 120px;
    height: 120px
  }
}

.campaign.default .campaign-header .inner .avatar .avatar-initial {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 8px;
  border: 2px solid #fff;
  font-size: 20px
}

@media only screen and (min-width:641px) {
  .campaign.default .campaign-header .inner .avatar .avatar-initial {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 36px
  }
}

.campaign.default .campaign-header .inner .avatar a {
  display: block;
  border-radius: 8px;
  background-color: #fff;
  margin-right: 12px
}

@media only screen and (min-width:641px) {
  .campaign.default .campaign-header .inner .avatar a {
    margin-right: 30px
  }
}

.campaign.default .campaign-header .inner .avatar a img {
  border-radius: 8px;
  border: 2px solid #fff;
  display: block;
  vertical-align: middle
}

.campaign.default .campaign-header .inner .details {
  text-align: left;
  width: 100%
}

.campaign.default .campaign-header .inner h1,
.campaign.default .campaign-header .inner h2 {
  margin: 0
}

.campaign.default .campaign-header .inner .buttons,
.campaign.default .campaign-header .inner .title {
  display: none
}

@media only screen and (min-width:641px) {

  .campaign.default .campaign-header .inner .buttons,
  .campaign.default .campaign-header .inner .title {
    display: block
  }
}

.campaign.default .campaign-header .inner .title {
  font-size: 24px;
  line-height: 1
}

@media only screen and (min-width:1025px) {
  .campaign.default .campaign-header .inner .title {
    font-size: 36px;
    line-height: 28px
  }
}

.campaign.default .campaign-header .inner h2 {
  color: #fff;
  line-height: 1
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .campaign.default .campaign-header .inner h2 {
    margin: 20px 0 23px;
    font-size: 20px
  }
}

@media only screen and (min-width:1025px) {
  .campaign.default .campaign-header .inner h2 {
    margin: 18px 0;
    font-size: 20px
  }
}

.campaign.default .campaign-header .inner .donate-button {
  display: inline-block;
  margin-right: 16px
}

.campaign.default .campaign-header .inner .button,
.campaign.default .campaign-header .inner .social-buttons {
  vertical-align: middle
}

.campaign.default .campaign-header .inner .social-buttons {
  display: inline-block
}

.campaign.default .campaign-header .inner .social-buttons .text {
  display: none
}

.campaign.default .campaign-header .inner .button.settings {
  display: inline-block;
  margin-left: 16px
}

.campaign.default .campaign-header .inner .button.settings i {
  margin-right: 8px
}

.campaign.default .mobile-heading {
  margin: 10px 0 30px
}

.campaign.default .mobile-heading .mobile-show-mission {
  text-transform: uppercase;
  font-weight: 500
}

.campaign.default .mobile-heading .mobile-mission-statement .p30 a {
  font-size: 19px
}

.campaign.default .mobile-heading .mobile-mission-statement p:last-child {
  margin-bottom: 0
}

.campaign.default .d2p-module {
  border: 1px solid #c1c1ba;
  border-radius: 4px;
  padding: 20px;
  margin-top: 20px
}

@media only screen and (min-width:1025px) {
  .campaign.default .d2p-module .details {
    width: 70%
  }
}

@media only screen and (min-width:641px) {
  .campaign.default .d2p-module {
    margin-top: 0;
    margin-bottom: 40px
  }
}

.campaign.default .d2p-module .links {
  position: relative
}

.campaign.default .d2p-module .links .first {
  width: 142px
}

@media only screen and (min-width:641px) {
  .campaign.default .d2p-module .links .first {
    float: left
  }
}

.campaign.default .d2p-module .links .second {
  margin-top: 10px;
  line-height: .8em
}

@media only screen and (min-width:641px) {
  .campaign.default .d2p-module .links .second {
    margin: 0 0 0 146px
  }
}

.campaign.default .d2p-module .links .second a {
  color: #9064bf;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  display: inline-block;
  position: relative;
  top: 2px
}

.campaign.default .d2p-module p:first-of-type {
  margin-top: 0
}

.campaign.default .d2p-module .d2p_project_img_container {
  width: 170px;
  height: 125px;
  background-size: cover
}

.campaign.default .whats-next a.learn-more {
  display: block;
  margin: 15px 0 -20px
}

.campaign.default .leaderboard,
.campaign.default .progress {
  font-weight: 500;
  color: #71716c;
  font-size: 14px
}

.campaign.default .leaderboard li,
.campaign.default .progress li {
  font-size: 14px
}

.campaign.default .progress {
  border: 0;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 0;
  background-color: #f4f5f0
}

.campaign.default .progress sup {
  font-size: 20px;
  vertical-align: super;
  top: -3px
}

@media only screen and (min-width:1025px) {
  .campaign.default .progress sup {
    top: -8px
  }
}

@media only screen and (min-width:641px) {
  .campaign.default .progress {
    margin: 0 0 20px;
    border-radius: 4px
  }
}

.campaign.default .progress h3 {
  color: #59c77f;
  margin: 0
}

.campaign.default .progress h3 span {
  margin-left: 10px
}

.campaign.default .progress ul {
  margin: 0 0 10px
}

.campaign.default .progress p {
  font-size: 14px;
  text-align: center
}

.campaign.default .progress li span {
  font-weight: 400;
  font-size: 10px;
  width: 20px;
  text-align: center;
  display: inline-block
}

.campaign.default .progress .button {
  margin-bottom: 10px
}

.campaign.default .progress .button:last-child {
  margin: 0
}

.campaign.default .progress .visual {
  background: #e9eae4;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px
}

.campaign.default .leaderboard .header .float-left {
  line-height: 32px
}

.campaign.default .leaderboard table {
  margin: 14px 0;
  width: 100%;
  color: #9b9b94;
  font-size: 14px;
  line-height: 24px
}

.campaign.default .leaderboard .amount {
  text-align: right
}

.campaign.default .leaderboard .match-icon {
  width: 16px
}

.campaign.default .leaderboard .matched-x2 {
  color: #fff;
  background: #f8c525;
  padding: 3px 5px 3px 6px;
  margin-left: 5px;
  font-size: 8px;
  letter-spacing: 1px;
  border-radius: 3px
}

.campaign.default .leaderboard .matched {
  vertical-align: top
}

.campaign.default .leaderboard .disabled {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.campaign.default .leaderboard .footer {
  display: table;
  width: 100%
}

.campaign.default .leaderboard .donation-count {
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  color: #c1c1ba
}

@media only screen and (min-width:1025px) {
  .campaign.default .leaderboard .donation-count {
    display: table-cell;
    text-align: left;
    width: 140px
  }
}

.campaign.default .leaderboard .pagination {
  width: 170px;
  margin: 20px auto 0
}

@media only screen and (min-width:1025px) {
  .campaign.default .leaderboard .pagination {
    display: table-cell;
    margin: 0
  }
}

.campaign.default .toggle-desktop-mission {
  display: none
}

.campaign.default .mission-truncated {
  position: relative;
  max-height: 136px
}

.campaign.default .mission-truncated:after {
  -webkit-transition: opacity .35s linear;
  transition: opacity .35s linear;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%
}

.campaign.default .mission-truncated.expanded:after {
  opacity: 0;
  z-index: -1
}

.campaign.default .mission-truncated.expanded+.toggle-desktop-mission:before {
  content: "\e627"
}

.campaign.default .mission-truncated+.toggle-desktop-mission {
  display: table;
  text-transform: uppercase;
  font-size: 13px;
  margin-top: 10px;
  letter-spacing: 1px;
  font-weight: 700
}

.campaign.default .mission-truncated+.toggle-desktop-mission:before {
  font-family: cw-icons;
  display: inline-block;
  margin-right: 5px;
  content: "\e626"
}

.campaign.default .mission-statement {
  -webkit-transition: max-height .25s cubic-bezier(.77, 0, .175, 1);
  transition: max-height .25s cubic-bezier(.77, 0, .175, 1);
  overflow: hidden
}

.campaign.default .mission-statement .p30 a {
  font-size: 19px;
  position: relative;
  display: inline-block;
  z-index: 1
}

.campaign.default .mission-statement p:first-child {
  margin-top: 0
}

.campaign.default .mission-statement p:last-child {
  margin-bottom: 0
}

.campaign.default .children-container {
  margin-top: 30px
}

.campaign.default .children-container .header {
  margin-bottom: 30px;
  text-align: center
}

@media only screen and (min-width:1025px) {
  .campaign.default .children-container .header {
    margin-bottom: 18px;
    text-align: left
  }
}

.campaign.default .children-container .pagination {
  margin-top: 9px
}

.campaign.default .children-container .child-campaign {
  margin-bottom: 12px;
  display: block
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .campaign.default .children-container .child-campaign {
    float: left;
    width: 50%;
    padding-right: 10px
  }

  .campaign.default .children-container .child-campaign:nth-child(2n) {
    padding-right: 0
  }
}

@media only screen and (min-width:1025px) {
  .campaign.default .children-container .child-campaign {
    float: left;
    width: 33.33333%;
    padding-right: 10px;
    height: 76px;
    overflow: hidden
  }

  .campaign.default .children-container .child-campaign:nth-child(3n) {
    padding-right: 0
  }
}

.campaign.default .children-container .child-campaign .inner {
  padding: 5px 10px;
  border: 1px solid #dfdfd7;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  color: #71716c;
  height: 76px;
  width: 100%;
  display: table;
  border-radius: 4px
}

.campaign.default .children-container .child-campaign .inner .details,
.campaign.default .children-container .child-campaign .inner .image {
  display: table-cell;
  vertical-align: middle
}

.campaign.default .children-container .child-campaign .inner .image,
.campaign.default .children-container .child-campaign .inner img {
  width: 40px
}

.campaign.default .children-container .child-campaign .inner .details {
  padding-left: 10px
}

.campaign.default .children-container .child-campaign .inner img {
  display: block;
  border-radius: 4px
}

.campaign.default .children-container .child-campaign .inner .avatar-initial {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 15px
}

.campaign.default .children-container .child-campaign .inner .name {
  word-break: break-word
}

.campaign.default .children-container .child-campaign .inner .amount {
  color: #59c77f
}

.campaign.default .child-campaign-module {
  color: #333232;
  background: #f4f5f0;
  padding: 12px 14px;
  display: table;
  width: 100%;
  position: relative;
  border-radius: 4px;
  margin-top: 26px
}

@media only screen and (min-width:641px) {
  .campaign.default .child-campaign-module {
    margin-top: 0;
    padding: 17px 16px;
    margin-bottom: 21px
  }
}

.campaign.default .child-campaign-module img {
  display: none;
  border-radius: 4px
}

@media only screen and (min-width:641px) {
  .campaign.default .child-campaign-module img {
    display: block
  }
}

.campaign.default .child-campaign-module .label,
.campaign.default .child-campaign-module .name {
  font-weight: 500
}

@media only screen and (min-width:1025px) {

  .campaign.default .child-campaign-module .label,
  .campaign.default .child-campaign-module .name {
    margin: 0
  }
}

.campaign.default .child-campaign-module .label,
.campaign.default .child-campaign-module .label a {
  font-size: 12px
}

.campaign.default .child-campaign-module .label a {
  color: #fa575d;
  float: right
}

@media only screen and (min-width:1025px) {
  .campaign.default .child-campaign-module .label a {
    float: none;
    margin-left: 12px
  }
}

.campaign.default .child-campaign-module .label a span {
  margin-right: 5px
}

.campaign.default .child-campaign-module .label,
.campaign.default .child-campaign-module .total {
  text-transform: uppercase
}

.campaign.default .child-campaign-module .name {
  line-height: 14px;
  margin-bottom: 2px
}

@media only screen and (min-width:1025px) {
  .campaign.default .child-campaign-module .name {
    line-height: 20px
  }
}

.campaign.default .child-campaign-module .name a {
  font-size: 14px;
  color: #333232
}

@media only screen and (min-width:1025px) {
  .campaign.default .child-campaign-module .name a {
    font-size: 20px
  }
}

.campaign.default .child-campaign-module .image {
  width: 60px
}

@media only screen and (min-width:1025px) {
  .campaign.default .child-campaign-module .image {
    width: 40px
  }

  .campaign.default .child-campaign-module .image img {
    width: 40px;
    height: 40px
  }
}

.campaign.default .child-campaign-module .image .avatar-initial {
  display: none
}

@media only screen and (min-width:641px) {
  .campaign.default .child-campaign-module .image .avatar-initial {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: block;
    font-size: 17px
  }
}

@media only screen and (min-width:641px) {

  .campaign.default .child-campaign-module .details,
  .campaign.default .child-campaign-module .image {
    display: table-cell;
    vertical-align: middle
  }

  .campaign.default .child-campaign-module .details {
    padding-left: 12px;
    padding-top: 4px
  }
}

@media only screen and (min-width:1025px) {
  .campaign.default .child-campaign-module .details {
    padding-left: 15px
  }
}

.campaign.default .child-campaign-module .total {
  color: #c1c1ba;
  font-size: 14px
}

@media only screen and (min-width:1025px) {
  .campaign.default .child-campaign-module .total {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    margin: auto;
    height: 34px;
    text-align: right;
    font-size: 20px
  }

  .campaign.default .child-campaign-module .total .total {
    font-weight: 500
  }

  .campaign.default .child-campaign-module .total span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
  }
}

.campaign.default .hundred-percent,
.campaign.default .video-info {
  border: 0;
  padding: 15px;
  background: #f4f5f0;
  border-radius: 4px
}

.campaign.default .hundred-percent h3,
.campaign.default .video-info h3 {
  color: #333232;
  margin-bottom: 0;
  line-height: 1.3em
}

.campaign.default .video-box {
  margin: 20px 0 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.campaign.default .hundred-percent {
  color: #000;
  font-size: 14px;
  display: table;
  margin-top: 20px;
  padding: 10px
}

@media only screen and (min-width:641px) {
  .campaign.default .hundred-percent {
    margin: 20px 0 0;
    padding: 20px 10px
  }
}

.campaign.default .hundred-percent .badge,
.campaign.default .hundred-percent p {
  display: table-cell;
  vertical-align: middle
}

.campaign.default .hundred-percent p {
  padding-left: 10px
}

@media only screen and (min-width:641px) {
  .campaign.default .hundred-percent p {
    padding-left: 15px
  }
}

.campaign.default .hundred-percent .badge,
.campaign.default .hundred-percent .badge img {
  width: 60px
}

@media only screen and (min-width:1025px) {
  .campaign.default .hundred-percent .badge {
    width: 85px;
    display: table-cell
  }

  .campaign.default .hundred-percent .badge img {
    width: 85px
  }
}

.campaign.default .comments-header {
  margin: 50px 0 30px
}

.campaign.default .comments-header h3 {
  width: 100%;
  line-height: 33px;
  margin-bottom: 0
}

.campaign.default .comments-container {
  margin-bottom: 20px
}

.campaign.default .no-comments {
  margin: 100px 0
}

.campaign.default .media {
  margin-top: 30px;
  position: relative
}

.campaign.default .media:hover .delete-comment {
  visibility: visible
}

.campaign.default .media .delete-comment {
  color: #fa575d;
  position: absolute;
  right: 0;
  visibility: hidden;
  font-style: normal
}

.campaign.default .media .delete-comment i {
  margin-right: 10px
}

.campaign.default .media .media-body,
.campaign.default .media .media-left {
  display: table-cell;
  vertical-align: top
}

.campaign.default .media .media-left {
  position: relative;
  width: 60px
}

.campaign.default .media .media-left img {
  border-radius: 4px
}

.campaign.default .media .media-left .avatar-initial {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px
}

.campaign.default .media .media-left .star {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #369ff4;
  border-radius: 50%;
  width: 21px;
  height: 21px
}

.campaign.default .media .media-left .star .icn {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%
}

.campaign.default .media .media-body {
  padding-left: 20px
}

.campaign.default .media .media-body h5 {
  line-height: 1.8em;
  margin: 0
}

.campaign.default .media .media-body p {
  margin: 0;
  line-height: 24px;
  word-break: break-word
}

.campaign.default .media .media-heading {
  text-transform: uppercase;
  word-break: break-word
}

.campaign.default .media .media-highlight {
  color: #9b9b94;
  font-weight: 400;
  font-size: 16px
}

.campaign.default .media .embedly-embed {
  padding-top: 15px
}

.campaign.default .paginate {
  -webkit-transition: opacity 0;
  transition: opacity 0;
  opacity: 0
}

.campaign.default .paginate.fade {
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
  opacity: 1
}

.user-update-form {
  margin: 10px -20px 0;
  padding: 20px;
  background-color: #f4f5f0;
  border-color: #e9eae4;
  position: relative
}

@media only screen and (min-width:641px) {
  .user-update-form {
    margin: 10px 0 0
  }
}

.user-update-form img {
  border-radius: 4px
}

.user-update-form .update-form-text-input {
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
  height: 85px;
  vertical-align: inherit;
  position: relative;
  z-index: 1;
  display: block;
  line-height: normal
}

.user-update-form .update-form-text-input:focus {
  border-color: #c1c1ba
}

@media only screen and (min-width:1025px) {
  .user-update-form .update-form-text-input {
    height: 70px;
    line-height: 1.3
  }
}

.user-update-form.expanded .update-form-text-input {
  height: 100px
}

.update-form-media-left {
  display: none
}

@media only screen and (min-width:641px) {
  .update-form-media-left {
    display: block;
    float: left;
    margin-right: 20px
  }

  .update-form-media-left .avatar-initial {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px
  }
}

.update-form-media-body .button {
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
  display: block
}

.update-form-media-body textarea {
  font-size: 16px;
  font-weight: 400
}

.update-form-media-body textarea::-webkit-input-placeholder {
  font-style: italic
}

.update-form-media-body textarea::-moz-placeholder {
  font-style: italic
}

.update-form-media-body textarea:-ms-input-placeholder {
  font-style: italic
}

.update-form-media-body textarea::-ms-input-placeholder {
  font-style: italic
}

.update-form-media-body textarea::placeholder {
  font-style: italic
}

@media only screen and (min-width:641px) {
  .update-form-media-body {
    float: left;
    width: calc(100% - 70px)
  }
}

.comment-checkbox-and-button {
  margin-top: 10px
}

@media only screen and (min-width:1025px) {
  .comment-checkbox-and-button {
    display: -webkit-box;
    display: flex;
    align-items: center;
    width: 100%
  }

  .comment-checkbox-and-button .button {
    margin-left: auto
  }
}

@media only screen and (min-width:1025px) {

  .campaign.edit .new-campaign-wrapper,
  .campaign.join .new-campaign-wrapper,
  .campaign.new .new-campaign-wrapper {
    position: relative;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
  }
}

.campaign.edit .campaign_birth_date:after,
.campaign.join .campaign_birth_date:after,
.campaign.new .campaign_birth_date:after {
  clear: both;
  content: "";
  display: table
}

.campaign.edit .campaign_birth_date select,
.campaign.join .campaign_birth_date select,
.campaign.new .campaign_birth_date select {
  margin-bottom: 10px;
  width: 32%;
  background-position: 90%;
  float: left;
  margin-right: 2%
}

.campaign.edit .campaign_birth_date select:last-of-type,
.campaign.join .campaign_birth_date select:last-of-type,
.campaign.new .campaign_birth_date select:last-of-type {
  margin-right: 0
}

@media only screen and (min-width:641px) {

  .campaign.edit .campaign_birth_date select,
  .campaign.join .campaign_birth_date select,
  .campaign.new .campaign_birth_date select {
    background-position: 94%
  }
}

.campaign.edit h2,
.campaign.join h2,
.campaign.new h2 {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto
}

.campaign.edit .photo,
.campaign.join .photo,
.campaign.new .photo {
  margin-bottom: 10px
}

.campaign.edit .photo input[type=file],
.campaign.join .photo input[type=file],
.campaign.new .photo input[type=file] {
  position: absolute;
  left: 10000px
}

.campaign.edit .photo .cropper-view-box,
.campaign.join .photo .cropper-view-box,
.campaign.new .photo .cropper-view-box {
  outline: none;
  background: #e9eae4
}

.campaign.edit .photo .cropper-center,
.campaign.join .photo .cropper-center,
.campaign.new .photo .cropper-center {
  display: none
}

.campaign.edit .photo .preview,
.campaign.join .photo .preview,
.campaign.new .photo .preview {
  width: 100%;
  height: 160px;
  background: #fff;
  border: 1px solid #c1c1ba;
  position: relative;
  margin-bottom: 15px;
  background-size: cover;
  background-position: 50%;
  border-radius: 4px;
  overflow: hidden
}

.campaign.edit .photo .preview.loading img,
.campaign.join .photo .preview.loading img,
.campaign.new .photo .preview.loading img {
  display: none
}

.campaign.edit .photo .preview.loading:after,
.campaign.join .photo .preview.loading:after,
.campaign.new .photo .preview.loading:after {
  content: "";
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/loading-d9e46bf01b6d1060bbfd5773554ff533.gif);
  background-size: contain;
  height: 60px;
  width: 60px;
  top: 52px;
  left: 48.9%;
  z-index: 9999
}

.campaign.edit .photo .preview:after,
.campaign.join .photo .preview:after,
.campaign.new .photo .preview:after {
  position: absolute;
  left: 50%;
  top: 60px;
  width: 50px;
  margin-left: -25px;
  font-size: 40px
}

.campaign.edit .photo .preview img,
.campaign.join .photo .preview img,
.campaign.new .photo .preview img {
  opacity: 0;
  border-radius: 2px;
  -webkit-transition: opacity 2s ease-in;
  transition: opacity 2s ease-in
}

.campaign.edit .photo .preview.attached input[type=range],
.campaign.join .photo .preview.attached input[type=range],
.campaign.new .photo .preview.attached input[type=range] {
  visibility: visible
}

.campaign.edit .photo .preview.attached img,
.campaign.join .photo .preview.attached img,
.campaign.new .photo .preview.attached img {
  opacity: 1
}

.campaign.edit .photo .preview input[type=range],
.campaign.join .photo .preview input[type=range],
.campaign.new .photo .preview input[type=range] {
  background: transparent;
  width: 95%;
  position: absolute;
  bottom: 10px;
  left: 2.5%;
  padding: 0;
  outline: none;
  z-index: 999;
  -webkit-appearance: none;
  visibility: hidden
}

.campaign.edit .photo .preview input[type=range]::-webkit-slider-runnable-track,
.campaign.join .photo .preview input[type=range]::-webkit-slider-runnable-track,
.campaign.new .photo .preview input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, .6);
  border-radius: 10px;
  outline: none;
  height: 16px;
  cursor: pointer
}

.campaign.edit .photo .preview input[type=range]::-webkit-slider-thumb,
.campaign.join .photo .preview input[type=range]::-webkit-slider-thumb,
.campaign.new .photo .preview input[type=range]::-webkit-slider-thumb {
  border: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none
}

.campaign.edit .photo .preview input[type=range]::-moz-range-track,
.campaign.join .photo .preview input[type=range]::-moz-range-track,
.campaign.new .photo .preview input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, .6);
  border-radius: 10px;
  outline: none;
  height: 16px;
  cursor: pointer
}

.campaign.edit .photo .preview input[type=range]::-moz-range-thumb,
.campaign.join .photo .preview input[type=range]::-moz-range-thumb,
.campaign.new .photo .preview input[type=range]::-moz-range-thumb {
  border: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer
}

.campaign.edit .photo .preview input[type=range]::-moz-focus-outer,
.campaign.join .photo .preview input[type=range]::-moz-focus-outer,
.campaign.new .photo .preview input[type=range]::-moz-focus-outer {
  border: 0
}

.campaign.edit .photo .preview input[type=range]::-ms-track,
.campaign.join .photo .preview input[type=range]::-ms-track,
.campaign.new .photo .preview input[type=range]::-ms-track {
  height: 16px;
  background: transparent;
  color: transparent;
  border-color: transparent
}

.campaign.edit .photo .preview input[type=range]::-ms-fill-lower,
.campaign.join .photo .preview input[type=range]::-ms-fill-lower,
.campaign.new .photo .preview input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, .6);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.campaign.edit .photo .preview input[type=range]::-ms-fill-upper,
.campaign.join .photo .preview input[type=range]::-ms-fill-upper,
.campaign.new .photo .preview input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, .6);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.campaign.edit .photo .preview input[type=range]::-ms-thumb,
.campaign.join .photo .preview input[type=range]::-ms-thumb,
.campaign.new .photo .preview input[type=range]::-ms-thumb {
  border: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff
}

.campaign.edit .button.images,
.campaign.join .button.images,
.campaign.new .button.images {
  background: #e9eae4;
  border: 1px solid #c1c1ba;
  color: #71716c;
  font-weight: 700;
  padding: 10px;
  margin-bottom: 10px;
  height: auto;
  line-height: normal;
  text-align: center;
  display: inline-block;
  width: 49%
}

.campaign.edit .button.images:last-of-type,
.campaign.join .button.images:last-of-type,
.campaign.new .button.images:last-of-type {
  float: right
}

.campaign.edit .button.images:focus,
.campaign.edit .button.images:hover,
.campaign.join .button.images:focus,
.campaign.join .button.images:hover,
.campaign.new .button.images:focus,
.campaign.new .button.images:hover {
  background: #d2d4c7
}

.campaign.edit .button.images .em,
.campaign.join .button.images .em,
.campaign.new .button.images .em {
  display: block;
  font-weight: 400;
  font-family: Georgia, Cambria, Times New Roman, Times, serif;
  text-transform: lowercase;
  font-style: italic;
  letter-spacing: normal
}

.campaign.edit .choose-ours .modal-inner,
.campaign.join .choose-ours .modal-inner,
.campaign.new .choose-ours .modal-inner {
  padding: 0
}

.campaign.edit .choose-ours .modal-inner:after,
.campaign.join .choose-ours .modal-inner:after,
.campaign.new .choose-ours .modal-inner:after {
  clear: both;
  content: "";
  display: table
}

@media only screen and (min-width:641px) {

  .campaign.edit .choose-ours .modal-inner,
  .campaign.join .choose-ours .modal-inner,
  .campaign.new .choose-ours .modal-inner {
    width: 500px
  }
}

.campaign.edit .choose-ours .modal-inner .modal-title,
.campaign.join .choose-ours .modal-inner .modal-title,
.campaign.new .choose-ours .modal-inner .modal-title {
  text-align: center;
  margin: 0
}

.campaign.edit .choose-ours .modal-inner .photos,
.campaign.join .choose-ours .modal-inner .photos,
.campaign.new .choose-ours .modal-inner .photos {
  padding: 10px
}

.campaign.edit .choose-ours .modal-inner .photo,
.campaign.join .choose-ours .modal-inner .photo,
.campaign.new .choose-ours .modal-inner .photo {
  background-size: cover;
  background-position: 50%;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 8px;
  height: 180px
}

@media only screen and (min-width:641px) {

  .campaign.edit .choose-ours .modal-inner .photo,
  .campaign.join .choose-ours .modal-inner .photo,
  .campaign.new .choose-ours .modal-inner .photo {
    width: 49%;
    float: left;
    height: 120px
  }

  .campaign.edit .choose-ours .modal-inner .photo:nth-child(2n),
  .campaign.join .choose-ours .modal-inner .photo:nth-child(2n),
  .campaign.new .choose-ours .modal-inner .photo:nth-child(2n) {
    float: right
  }
}

.campaign.edit .team,
.campaign.join .team,
.campaign.new .team {
  display: none
}

.campaign.edit .team.header,
.campaign.join .team.header,
.campaign.new .team.header {
  border-bottom: 1px solid #c1c1ba;
  margin-bottom: 30px;
  padding-bottom: 20px
}

.campaign.edit .team.header .image,
.campaign.edit .team.header p,
.campaign.join .team.header .image,
.campaign.join .team.header p,
.campaign.new .team.header .image,
.campaign.new .team.header p {
  display: table-cell;
  vertical-align: middle;
  margin: 0
}

.campaign.edit .team.header .image,
.campaign.join .team.header .image,
.campaign.new .team.header .image {
  width: 75px
}

.campaign.edit .team.header p,
.campaign.join .team.header p,
.campaign.new .team.header p {
  padding-left: 20px
}

@-webkit-keyframes expand-bubble {
  0% {
    opacity: 0;
    max-height: 0
  }

  50% {
    opacity: 0;
    max-height: 300px
  }

  75% {
    -webkit-transform: scale3d(1.05, 1.05, 0);
    transform: scale3d(1.05, 1.05, 0)
  }

  to {
    opacity: 1
  }
}

@keyframes expand-bubble {
  0% {
    opacity: 0;
    max-height: 0
  }

  50% {
    opacity: 0;
    max-height: 300px
  }

  75% {
    -webkit-transform: scale3d(1.05, 1.05, 0);
    transform: scale3d(1.05, 1.05, 0)
  }

  to {
    opacity: 1
  }
}

.hundred-percent-to-field {
  color: #59c77f;
  margin-bottom: 20px
}

.hundred-percent-to-field:before {
  border-bottom: 12.5px solid #59c77f;
  top: -7px
}

.hundred-percent-to-field:after,
.hundred-percent-to-field:before {
  height: 0;
  width: 0;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.hundred-percent-to-field:after {
  border-bottom: 12.5px solid #fff;
  top: -6px
}

.hundred-percent-to-field p {
  margin: 0;
  padding: 0
}

@media only screen and (min-width:1025px) {
  .hundred-percent-to-field {
    top: 86px
  }

  .hundred-percent-to-field:after,
  .hundred-percent-to-field:before {
    top: 50px
  }
}

.alert-box.cta-alert {
  color: #fff
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert {
    padding-left: 65px
  }
}

.alert-box.cta-alert.donate-now {
  background-color: #59c77f
}

.alert-box.cta-alert.edit-photo {
  background-color: #369ff4
}

.alert-box.cta-alert.edit-mission-statement {
  background-color: #9064bf
}

.alert-box.cta-alert.email-supporters {
  background-color: #fa575d
}

.alert-box.cta-alert.share-socially {
  background-color: #8ed4cc
}

.alert-box.cta-alert.share-socially a {
  border: 0
}

.alert-box.cta-alert .banner-icon {
  display: none;
  position: absolute;
  left: 50%
}

@media only screen and (min-width:641px) {
  .alert-box.cta-alert .banner-icon {
    display: block
  }
}

.alert-box.cta-alert .cw-icon-banknote {
  margin-left: -235px;
  top: 13px;
  font-size: 25px
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert .cw-icon-banknote {
    top: 12px;
    margin-left: -374px;
    font-size: 24px
  }
}

.alert-box.cta-alert .cw-icon-camera {
  top: 14px;
  margin-left: -245px;
  font-size: 18px
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert .cw-icon-camera {
    top: 16px;
    margin-left: -240px;
    font-size: 17px
  }
}

.alert-box.cta-alert .cw-icon-pencil {
  margin-left: -242px;
  top: 15px;
  font-size: 16px
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert .cw-icon-pencil {
    margin-left: -358px;
    top: 15px
  }
}

.alert-box.cta-alert .cw-icon-mail {
  margin-left: -236px;
  top: 14px;
  font-size: 18px
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert .cw-icon-mail {
    margin-left: -430px;
    top: 15px
  }
}

.alert-box.cta-alert .cw-icon-comment {
  margin-left: -220px;
  top: 16px
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert .cw-icon-comment {
    margin-left: -262px
  }
}

.alert-box.cta-alert .cw-icon-facebook,
.alert-box.cta-alert .cw-icon-twitter {
  top: 1px
}

.alert-box.cta-alert .cw-icon-facebook {
  position: relative;
  margin: 0 20px 0 5px;
  text-decoration: none
}

.alert-box.cta-alert .cw-icon-facebook:after {
  content: "";
  position: absolute;
  height: 12px;
  width: 2px;
  background: #fff;
  left: 16px;
  top: 1px
}

.alert-box.cta-alert .cw-icon-twitter {
  text-decoration: none
}

.alert-box.cta-alert .cw-icon-question-sign {
  margin-left: -232px;
  top: 17px;
  width: 14px
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert .cw-icon-question-sign {
    margin-left: -298px;
    top: 16px
  }
}

.alert-box.cta-alert .dismiss-banner-link {
  display: none;
  position: absolute;
  right: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 17px;
  color: #fff
}

@media only screen and (min-width:641px) {
  .alert-box.cta-alert .dismiss-banner-link {
    display: block
  }
}

.alert-box.cta-alert p {
  max-width: 480px;
  margin: auto
}

@media only screen and (min-width:1025px) {
  .alert-box.cta-alert p {
    max-width: none
  }
}

.campaign.join .heading {
  max-width: 500px;
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .campaign.join .heading {
    padding: 0
  }
}

.campaign.join .heading img {
  border-radius: 4px
}

.campaign.new .preview:not(.attached):after {
  content: "";
  color: #e9eae4;
  font-family: cw-icons
}

.child-campaigns-autocomplete-wrapper {
  height: 68px
}

.child-campaigns-autocomplete .cw-icon-search {
  color: #dfdfd7;
  position: absolute;
  left: 10px;
  top: 35%
}

.page-charityball {
  padding: 0;
  height: 100%;
  font-family: effra, sans-serif;
  font-weight: 300;
  color: #fff;
  letter-spacing: .25px
}

.page-charityball .gala-grey {
  color: #a2a5aa
}

.page-charityball .gala-black {
  color: #1a2220
}

.page-charityball .bg-gala-grey {
  background-color: #a2a5aa
}

.page-charityball .bg-well-blush {
  background-color: #d0aa93
}

.page-charityball .well-subdued {
  color: #f6ece2
}

.page-charityball .border-gala-green {
  border-color: #0d2d29
}

.page-charityball .wrapper {
  overflow: visible !important;
  overflow: initial !important
}

.page-charityball .donateform-modal .modal-inner {
  background: transparent;
  pointer-events: none
}

.page-charityball .donateform-modal .modal-close {
  display: none
}

.page-charityball .event-modal .modal-inner {
  padding: 0
}

.page-charityball .event-modal .modal-close {
  color: #fff;
  font-size: 30px
}

.page-charityball .event-modal .hero-image-wrapper {
  height: 200px
}

.page-charityball .event-modal .map-wrapper {
  height: 150px
}

.page-charityball .donate-form {
  font-family: Proxima Nova, sans-serif;
  font-weight: 400;
  pointer-events: all;
  max-width: 390px;
  margin: 0 auto
}

.page-charityball .donate-form .adf-form-header i.cw-icon-remove {
  display: block !important
}

.page-charityball .donate-form .header-step-2 span span {
  font-family: ivymode, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 1px
}

.page-charityball .button.button--outline-white,
.page-charityball button.button--outline-white {
  height: 46px;
  line-height: 46px
}

.page-charityball .strikethrough {
  position: relative;
  margin-right: 10px
}

.page-charityball .strikethrough:after {
  content: "";
  width: calc(100% + 10px);
  border-bottom: 1px solid #a2a5aa;
  position: absolute;
  left: -5px;
  top: 18px;
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg)
}

.page-charityball .day-header {
  font-family: effra, sans-serif;
  font-style: normal;
  border-bottom: 1px solid #f6ece2
}

.page-charityball .arrow {
  width: 0;
  height: 0;
  margin-left: 18px;
  border-color: #f6ece2 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0
}

.page-charityball h1 {
  margin: 0;
  font-family: ivymode, sans-serif;
  font-weight: 300
}

.page-charityball .essonnes {
  font-family: essonnes-display, serif;
  font-weight: 400
}

.page-charityball .ivymode {
  font-family: ivymode, sans-serif;
  font-weight: 200;
  font-style: normal;
  letter-spacing: 1px
}

.page-charityball .effra {
  font-family: effra, sans-serif;
  font-weight: 300
}

.page-charityball .friday,
.page-charityball .sunday {
  flex-grow: 1
}

.page-charityball .saturday {
  flex-grow: 2
}

.page-charityball .cb-logo {
  width: 110px;
  height: 75px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/cball-logo-be1c928f2a4f4c5abb1b0f2510b76f36.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.page-charityball .footer .cb-logo {
  margin-top: -27px
}

.page-charityball .intro-header {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: table;
  z-index: -1;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/hero-bg-9c4172fd28ad0dd020c7aa65748763a8.jpg) 50% no-repeat;
  background-size: cover
}

.page-charityball .intro-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  z-index: 1
}

.page-charityball .intro-header .bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/numbers-grid-b030338eb4b9bd8a5d82d38736695581.png) 50% no-repeat;
  background-size: 1400px
}

@media only screen and (min-width:1025px) {
  .page-charityball .intro-header .bg-image {
    background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/numbers-grid--large-e360e194d86c8424ebf75f3694a53320.png) 50% no-repeat;
    background-size: 90%
  }
}

.page-charityball .intro-header .header-content {
  position: relative;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  z-index: 2
}

.page-charityball .intro-header .header-content h1 {
  text-shadow: 1px 2px 3px rgba(0, 0, 0, .15)
}

.page-charityball .meta {
  position: absolute;
  bottom: 8%;
  text-align: center;
  width: 100%
}

.page-charityball .general-content {
  width: 100%;
  height: 100%;
  padding: 20px 50px;
  background: #fff;
  color: #1a2220;
  margin: 100vh auto -80px
}

.page-charityball .well-wrapper {
  background-color: #fff;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/green-bg-530c3fcaab0a917f1238eabc79bac167.jpg);
  width: 100%
}

.page-charityball .well-content {
  background: #d0aa93;
  margin: 0 auto -80px;
  max-width: 1050px;
  position: relative;
  z-index: 100
}

.page-charityball .well-content:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/well-pattern-a3358351c23a2caf089005b8c64805a0.svg);
  background-position: 50%;
  content: "";
  display: block;
  height: 40px;
  margin-top: 40px;
  opacity: .4;
  width: 100%
}

.page-charityball .well-content .thewell-logo {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/10y-well-mark-ac3add99cdd526accd8b34e3a42721e6.svg)
}

.page-charityball .well-content hr {
  bottom: 29px
}

.page-charityball .well-content .rsvp {
  top: 30px
}

@media only screen and (min-width:641px) {
  .page-charityball .sponsors li {
    flex-basis: 40%
  }
}

.page-charityball .pricing-table-wrapper {
  max-width: 1000px
}

.page-charityball .pricing-table {
  max-width: 320px;
  background-color: rgba(0, 0, 0, .2)
}

.page-charityball .pricing-table-inner {
  height: 100%;
  min-height: 275px
}

.page-charityball .tickets {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/green-bg-530c3fcaab0a917f1238eabc79bac167.jpg);
  background-size: cover;
  padding-top: 70px
}

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

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

.page-charityball:not(.page-charityball-pledges) .input-wrapper input {
  font-size: 16px;
  line-height: 1.4;
  padding: 13px 10px;
  border-radius: 4px;
  border: 1px solid #c1c1ba;
  margin-bottom: 0;
  height: 48px;
  text-align: left;
  color: #333232;
  width: 100%;
  cursor: pointer;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative
}

.page-charityball:not(.page-charityball-pledges) .input-wrapper input::-webkit-input-placeholder {
  color: #c1c1ba
}

.page-charityball:not(.page-charityball-pledges) .input-wrapper input::-moz-placeholder {
  color: #c1c1ba
}

.page-charityball:not(.page-charityball-pledges) .input-wrapper input:-ms-input-placeholder {
  color: #c1c1ba
}

.page-charityball:not(.page-charityball-pledges) .input-wrapper input::-ms-input-placeholder {
  color: #c1c1ba
}

.page-charityball:not(.page-charityball-pledges) .input-wrapper input::placeholder {
  color: #c1c1ba
}

.page-charityball:not(.page-charityball-pledges) .input-wrapper input:focus {
  border: 1px solid #369ff4;
  outline: none
}

.page-charityball .change {
  margin-left: 5px
}

.page-charityball .ticket-purchase-button {
  width: 100%;
  padding: 0
}

.page-charityball .ticket-purchase-button.active {
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  margin-left: -1px
}

.page-charityball .ticket-select-button {
  width: 0
}

.page-charityball .ticket-select-button select {
  padding: 13px 0;
  border-width: 0
}

.page-charityball .ticket-select-button select:not(:disabled) {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/select-arrow-white-6b97f6d66901b86bcce97c1e294868c1.png)
}

.page-charityball .ticket-select-button.active {
  width: 100%;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out
}

.page-charityball .ticket-select-button.active select {
  border-width: 1px;
  padding: 13px 10px;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out
}

.page-charityball.page-charityball-thank-you .container {
  padding: 95px 20px
}

.page-charityball.page-charityball-thank-you .container.cball-thank-you-bg {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/green-bg-530c3fcaab0a917f1238eabc79bac167.jpg);
  background-size: cover
}

.page-charityball.page-charityball-thank-you .cball-thank-you-container {
  background-color: rgba(0, 0, 0, .2)
}

.page-charityball.page-charityball-thank-you .cball-thank-you-container .back-btn {
  bottom: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.page-charityball.page-charityball-pledges .container {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/green-bg-530c3fcaab0a917f1238eabc79bac167.jpg);
  background-size: cover
}

.page-charityball.page-charityball-pledges .container .cb-logo {
  width: 70px;
  height: 50px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/charityball/cball-logo-simplified-3b07a55c64a60dd33010dd10c038c372.svg)
}

.page-charityball.page-charityball-pledges .container .adf-form-header {
  font-family: ivymode, sans-serif
}

.page-charityball.page-charityball-pledges .container .adf-form-header i.cw-icon-remove {
  display: none !important
}

.page-charityball.page-charityball-pledges .container .amount-wrapper input {
  font-family: effra, sans-serif;
  font-weight: 300
}

.page-campaign .container {
  background-position: bottom;
  background-color: #fff;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center
}

.donate-form label {
  color: #000
}

.form-footer {
  margin-top: 5px
}

@media only screen and (min-width:641px) {
  .form-footer {
    margin: 21px 0 -9px
  }
}

.form-footer div {
  margin-bottom: .5em
}

.form-footer a {
  color: #333232
}

.form-footer div:last-child,
.form-footer p:last-child {
  margin-bottom: 0
}

.form-footer .donate-by-check,
.form-footer .wps-text a {
  color: #369ff4;
  font-weight: 500
}

.form-footer .donate-by-check:hover,
.form-footer .wps-text a:hover {
  color: #66b6f7
}

@media only screen and (min-width:1025px) {
  .page-thankyou .donation-thank-you {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/donation-thank-you-large-7904b66480a4498ae4d7640d04712d80.jpg);
    min-height: 0;
    padding-bottom: 40%
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign .form-wrapper {
    position: relative;
    margin-left: 0
  }

  .page-campaign .form-wrapper.right-side {
    float: right
  }

  .page-campaign .form-wrapper.center-form {
    -webkit-transform: inherit;
    transform: inherit;
    margin-left: auto;
    left: auto
  }

  .page-campaign .form-wrapper.left-side {
    -webkit-transform: initial;
    transform: none;
    left: auto;
    max-width: 50%
  }

  .page-campaign .form-wrapper.left-side .donate-form .donate-form-container {
    margin-left: 0
  }
}

.page-campaign .form-wrapper {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .page-campaign .form-wrapper {
    position: relative;
    margin-left: 0
  }

  .page-campaign .form-wrapper.right-side {
    float: right
  }

  .page-campaign .form-wrapper.center-form {
    -webkit-transform: inherit;
    transform: inherit;
    margin-left: auto;
    left: auto
  }

  .page-campaign .form-wrapper.left-side {
    -webkit-transform: initial;
    transform: none;
    left: auto;
    max-width: 50%
  }

  .page-campaign .form-wrapper.left-side .donate-form .donate-form-container {
    margin-left: 0
  }
}

@media only screen and (min-width:641px) {
  .page-campaign .panel {
    background: hsla(0, 0%, 100%, .5);
    border: 0;
    border-radius: 10px
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign .panel {
    padding: 30px
  }
}

.donate-form-container {
  padding-top: 20px;
  max-width: 390px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

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

.donate-form form {
  margin-bottom: 0
}

.donate-form label {
  text-align: left
}

.donate-form .subtitle {
  margin-bottom: 32px;
  font-weight: 400
}

.donate-form p.subtitle {
  font-family: Proxima Nova, sans-serif
}

.donate-form .heading-note {
  margin: 0 0 1.75rem
}

.donate-form .preview-text {
  margin-bottom: 1rem
}

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

.adf-form-header .icn {
  color: #369ff4;
  display: inline-block;
  margin-right: 15px;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 10px;
  top: 12px
}

.adf-form-header .icn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px
}

.adf-form-header .header-step-2 {
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px
}

.adf-form-header .header-step-2 .edit-amount {
  padding: 0 0 2px 5px
}

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

.donate-amount input {
  height: 60px;
  font-size: 28px;
  color: #369ff4
}

.donate-amount .postinput,
.donate-amount .preinput {
  color: #333232;
  font-size: 20px;
  z-index: 2
}

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

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

.amount-buttons-wrapper input::-webkit-input-placeholder {
  color: #c1c1ba
}

.amount-buttons-wrapper input::-moz-placeholder {
  color: #c1c1ba
}

.amount-buttons-wrapper input:-ms-input-placeholder {
  color: #c1c1ba
}

.amount-buttons-wrapper input::-ms-input-placeholder {
  color: #c1c1ba
}

.amount-buttons-wrapper input::placeholder {
  color: #c1c1ba
}

.amount-buttons-wrapper .button.amount-button,
.amount-buttons-wrapper .button.other-amount-button {
  border: 1px solid #dfdfd7;
  color: #9b9b94;
  letter-spacing: 0;
  margin: 5px 0;
  padding: 0
}

.amount-buttons-wrapper .button.amount-button {
  text-transform: lowercase;
  width: calc((100% - 20px)/3)
}

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

.amount-buttons-wrapper .amount-button-monthly {
  font-size: 10px
}

.amount-buttons-wrapper .button.other-amount-button {
  text-transform: inherit
}

.amount-buttons-wrapper .button.other-amount-button,
.amount-buttons-wrapper .input-wrapper.donate-amount {
  width: calc((200% - 14px)/3)
}

.amount-buttons-wrapper .input-wrapper.donate-amount {
  margin: 5px 0
}

.amount-buttons-wrapper .input-wrapper.donate-amount input {
  font-size: 16px;
  height: 48px
}

.amount-buttons-wrapper .postinput,
.amount-buttons-wrapper .preinput {
  font-size: 16px
}

.amount-buttons-wrapper .preinput {
  color: #9b9b94
}

.amount-buttons-wrapper .postinput {
  color: #c1c1ba
}

.form-footer {
  font-size: 12px;
  line-height: 1.5;
  margin: 20px auto 0
}

.form-footer a {
  font-weight: 500
}

.wps-text {
  margin-top: 20px
}

.wps-text a {
  display: table;
  background: rgba(0, 0, 0, .1);
  padding: 10px 15px;
  border-radius: 10px;
  color: #333232;
  line-height: 1.5;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto
}

.paypal-tab {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/paypal-grey-0d17c8ce147c2b44d7af46327c0fea9f.svg);
  padding-top: 110px;
  background-size: 120px;
  background-position: center 60px;
  background-repeat: no-repeat
}

.donate-form:after {
  content: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/paypal-grey-0d17c8ce147c2b44d7af46327c0fea9f.svg);
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1
}

.tabs li a {
  text-transform: uppercase
}

.edit-details-button {
  background-color: #f7f7f7;
  border-radius: 4px;
  border: 1px solid #dfdfd7;
  color: #71716c;
  cursor: pointer;
  height: 40px;
  margin-bottom: 16px;
  text-align: left;
  width: 100%
}

.edit-details-button span {
  line-height: 40px;
  margin-left: 30px;
  position: relative
}

.edit-details-button span:before {
  color: #c1c1ba;
  content: "\e611";
  display: block;
  font-family: cw-icons;
  font-size: 12px;
  left: -16px;
  position: absolute;
  top: -9px
}

.monthly-inline-calc-amount,
.monthly-inline-calc-impact {
  border-bottom: 2px solid #ffca0a
}

.phone-number-consent-granted-label:before {
  left: 10px !important
}

.generic-right-side-donate .container {
  background-color: #e1eef7;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-small-a7076633f3cdf9bd71d0bc2dccbd0a23.jpg);
  background-position: 50% fixed;
  background-repeat: no-repeat
}

@media only screen and (min-width:641px) {
  .generic-right-side-donate .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-med-fa724997af6bd753c5474df41e1039cf.jpg);
    background-size: 100% auto;
    padding-bottom: 25%
  }
}

@media only screen and (min-width:1025px) {
  .generic-right-side-donate .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-large-fa724997af6bd753c5474df41e1039cf.jpg);
    padding-bottom: 110px
  }
}

@media only screen and (max-width:641px) {
  .generic-right-side-donate .container {
    padding-bottom: 0
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .generic-right-side-donate .container {
    padding-bottom: 5%
  }
}

@media only screen and (min-width:1025px) {
  .generic-right-side-donate .container {
    padding-bottom: 0
  }
}

@media only screen and (max-width:641px) {
  .generic-right-side-donate .donation-thank-you {
    padding-bottom: 90%
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .generic-right-side-donate .donation-thank-you {
    padding-bottom: 65%
  }
}

@media only screen and (min-width:1025px) {
  .generic-right-side-donate .donation-thank-you {
    padding-bottom: 50%;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-center-large-1110cce3f172a58011cc9367b783bc98.jpg)
  }
}

.hidden-campaign .donate-form-container,
.hidden-campaign .form-wrapper {
  left: 0;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: none;
  transform: none
}

.hidden-campaign .donate-form-container {
  padding-top: 0
}

.hidden-campaign .opx-donate-form {
  visibility: hidden
}

.hidden-campaign .opx-form-aside-wrapper {
  text-align: left
}

.sponsor-thank-you {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  background: transparent
}

.sponsor-thank-you .container {
  padding-bottom: 40%
}

.sponsor-thank-you div.header {
  margin-top: 0
}

.sponsor-thank-you h1,
.sponsor-thank-you h3 {
  margin-bottom: 20px
}

.sponsor-thank-you h1 {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .sponsor-thank-you h1 {
    max-width: none
  }
}

.sponsor-thank-you .green-text {
  color: #59c77f
}

.sponsor-thank-you .new_sponsorship_form {
  text-align: left;
  max-width: 780px;
  margin: 0 auto 60px
}

.sponsor-thank-you .form-header {
  border-top: 1px solid #c1c1ba;
  padding: 30px 0 10px;
  max-width: 780px;
  margin: 40px auto
}

.sponsor-thank-you p {
  color: #333232;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .sponsor-thank-you p {
    line-height: 1.375;
    font-size: 16px
  }
}

.sponsor-thank-you .next-steps {
  max-width: 550px
}

@media only screen and (min-width:1025px) {
  .sponsor-thank-you .next-steps {
    max-width: 780px
  }
}

.sponsor-thank-you .acknowledgement {
  margin-top: 30px;
  font-size: 19px
}

.sponsor-thank-you .acknowledgement .link a {
  font-size: 19px
}

.sponsor-thank-you .dedication,
.sponsor-thank-you .dedication label {
  margin-bottom: 20px
}

.sponsor-thank-you .caption,
.sponsor-thank-you label {
  text-transform: uppercase;
  color: #333232;
  text-align: left;
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .05em
}

.sponsor-thank-you textarea {
  min-height: 120px
}

.page-thankyou .donation-thank-you {
  background-color: #ddedf7;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/donation-thank-you-small-8bd9f1585f95c3c09af3f547247d570f.jpg);
  background-position: 50% fixed;
  background-repeat: no-repeat;
  padding-bottom: 85%
}

@media only screen and (min-width:641px) {
  .page-thankyou .donation-thank-you {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/donation-thank-you-med-ac54351a9a93eb7ab6da87f113055eee.jpg);
    background-size: 100% auto;
    padding-bottom: 60%
  }
}

@media only screen and (min-width:1025px) {
  .page-thankyou .donation-thank-you {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/donation-thank-you-large-7904b66480a4498ae4d7640d04712d80.jpg);
    min-height: 0;
    padding-bottom: 40%
  }
}

.page-thankyou .donation-thank-you.white h1,
.page-thankyou .donation-thank-you.white p {
  color: #fff
}

.page-thankyou .donation-thank-you .kiosk-mode-redirect-copy,
.page-thankyou .donation-thank-you .primary-thank-you-copy {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {

  .page-thankyou .donation-thank-you .kiosk-mode-redirect-copy,
  .page-thankyou .donation-thank-you .primary-thank-you-copy {
    max-width: 590px
  }
}

.page-thankyou .donation-thank-you .form-wrapper .donate-form {
  padding-top: 0
}

.page-thankyou .donation-thank-you .form-wrapper .donate-form .donate-form-container {
  padding-top: 40px
}

.page-thankyou .container h1 {
  font-size: 28px;
  letter-spacing: 0;
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .page-thankyou .container h1 {
    font-size: 36px
  }
}

@media only screen and (min-width:641px) {
  .page-thankyou h2 {
    max-width: 430px;
    margin: 0 auto
  }
}

@media only screen and (min-width:1025px) {
  .page-thankyou h2 {
    max-width: 500px
  }
}

.page-thankyou .container p,
.page-thankyou p>a {
  font-family: Proxima Nova, sans-serif
}

.page-thankyou .container p.text-center,
.page-thankyou p>a.text-center {
  margin-bottom: 30px
}

.page-thankyou .pledge-form {
  max-width: 322px;
  margin: 27px auto 17px
}

.page-thankyou .pledge-form input:not([type=submit]) {
  padding: 20px 10px;
  text-align: center
}

.page-thankyou .header {
  margin-top: 62px;
  margin-bottom: 30px
}

.page-thankyou .header h1.h40 {
  max-width: none;
  font-size: 24px
}

.page-thankyou .header p {
  font-weight: 400;
  margin: 10px auto 20px;
  max-width: 300px
}

@media only screen and (min-width:641px) {
  .page-thankyou .header p {
    max-width: 350px
  }
}

@media only screen and (min-width:1025px) {
  .page-thankyou .header p {
    max-width: none
  }
}

.page-thankyou .header .donate-form {
  max-width: 373px;
  margin: auto
}

.page-thankyou .back {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500
}

@media only screen and (min-width:641px) {
  .page-thankyou .back {
    font-size: 14px
  }
}

.page-thankyou .account-form-heading {
  margin-top: 60px
}

.page-thankyou .account-registration-wrapper {
  margin-top: 30px;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto
}

.page-thankyou .account-registration-wrapper label {
  display: none
}

.page-thankyou .account-registration-wrapper .input-wrapper .toggle {
  top: 26px
}

.thanks-social-share {
  display: inline-block;
  margin-bottom: 80px;
  padding: 20px;
  background: rgba(0, 0, 0, .3)
}

.thanks-social-share img {
  display: block;
  margin-bottom: 20px;
  max-width: 300px;
  width: 100%
}

.thanks-social-share .button {
  margin-bottom: 0;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 140px
}

@media only screen and (max-width:641px) {
  .thanks-social-share .button {
    width: 48%
  }
}

.thanks-social-share .icn {
  font-size: 1.25em;
  position: relative;
  top: 4px
}

.thanks-social-share span.text {
  font-size: .8em;
  padding-left: 10px;
  line-height: 20px
}

.social-follow-buttons {
  max-width: 600px;
  margin: 18px auto;
  text-align: center
}

.social-follow-buttons .button {
  font-size: 20px;
  margin: 0 10px 10px
}

.social-follow-buttons .button span+span {
  padding-left: 5px
}

.social-follow-buttons .button .cw-icon-instagram-title {
  font-size: 1.2em;
  position: relative;
  top: .2em
}

.social-follow-buttons .button.twitter span {
  position: relative;
  top: 2px
}

@media only screen and (max-width:641px) {
  .social-follow-buttons .button {
    width: 90%
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .social-follow-buttons .button {
    width: 90%
  }
}

.social-follow-buttons.page-campaign .form-wrapper {
  max-width: none
}

.sponsor-thank-you .stories {
  margin-bottom: 60px
}

.sponsor-thank-you .stories .story {
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
  text-align: left;
  color: #fff;
  padding: 40px 10px 0 135px;
  height: 240px
}

@media only screen and (min-width:641px) {
  .sponsor-thank-you .stories .story {
    padding: 125px 10px 0 230px;
    font-size: 16px
  }
}

.sponsor-thank-you .stories .story .icn {
  -webkit-transition: right .1s linear;
  transition: right .1s linear;
  font-size: .7em;
  position: relative;
  right: 0
}

.sponsor-thank-you .stories .story:hover .icn {
  right: -2px
}

.sponsor-thank-you .stories .asharfi {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/asharfi-b4bf768f5e6472383aec672a20933830.jpg)
}

.sponsor-thank-you .stories .jean-bosco {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/jean-bosco-768052e689eeb380efc85f82b88f98dc.jpg);
  max-width: 480px;
  margin-left: auto;
  margin-right: auto
}

.page-thankyou.page-campaign-10-year .container h1,
.page-thankyou.page-campaign-10-year .container p,
.page-thankyou.page-campaign-general .container h1,
.page-thankyou.page-campaign-general .container p,
.page-thankyou.page-campaign-the-spring-uk .container h1,
.page-thankyou.page-campaign-the-spring-uk .container p,
.page-thankyou.page-campaign-the-spring .container h1,
.page-thankyou.page-campaign-the-spring .container p {
  color: #333232
}

.page-thankyou .spring-series-container .side.cover-image {
  min-height: 230px;
  position: relative
}

@media only screen and (min-width:641px) {
  .page-thankyou .spring-series-container .side.cover-image {
    min-height: 360px
  }
}

.page-thankyou .spring-series-container .side-by-side {
  flex-direction: column
}

@media only screen and (min-width:1025px) {
  .page-thankyou .spring-series-container .side-by-side {
    flex-direction: row-reverse
  }
}

.page-thankyou .spring-series-container .side.text {
  background-color: #fff;
  border: 1px solid #dfdfd7;
  padding: 30px
}

@media only screen and (min-width:641px) {
  .page-thankyou .spring-series-container .side.text {
    padding: 50px
  }
}

@media only screen and (min-width:1025px) {
  .page-thankyou .spring-series-container .side.text {
    padding: 0
  }
}

.page-thankyou .spring-series-container .unlocked-badge {
  background-color: #369ff4;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  padding: 10px;
  position: absolute;
  right: 0;
  text-transform: uppercase
}

.page-thankyou .thirst-preorder-container .side.cover-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/thank-you/thirst-preorder/thirst-white-bg-2edbba360da36cd10fa90e74827e7408.jpg);
  border: 1px solid #dfdfd7;
  min-height: 230px;
  position: relative
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .page-thankyou .thirst-preorder-container .side.cover-image {
    border-bottom: 0
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-thankyou .thirst-preorder-container .side.cover-image {
    min-height: 360px
  }
}

@media only screen and (min-width:1025px) {
  .page-thankyou .thirst-preorder-container .side.cover-image {
    border-right: 0
  }
}

.page-thankyou .thirst-preorder-container .side-by-side {
  flex-direction: column
}

@media only screen and (min-width:1025px) {
  .page-thankyou .thirst-preorder-container .side-by-side {
    flex-direction: row
  }
}

.page-thankyou .thirst-preorder-container .side.text {
  background-color: #fff;
  border: 1px solid #dfdfd7;
  padding: 30px
}

@media only screen and (min-width:641px) {
  .page-thankyou .thirst-preorder-container .side.text {
    padding: 50px
  }
}

@media only screen and (min-width:1025px) {
  .page-thankyou .thirst-preorder-container .side.text {
    padding: 0
  }
}

.page-thankyou .thirst-preorder-container .p40 {
  font-size: 16px
}

.thank-you-page-registration {
  max-width: 390px
}

.thank-you-page-registration .text-separator:after,
.thank-you-page-registration .text-separator:before {
  background-color: #9b9b94
}

.ach-popout-form {
  margin-top: 20px
}

.ach-popout-form img {
  height: 55px;
  width: 60px
}

.ach-popout-form .input-wrapper {
  display: block;
  margin-bottom: 16px
}

.ach-popout-form .ach-base-component {
  width: 100%;
  display: inline-block;
  vertical-align: top
}

.apple-pay-button {
  display: inline-block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/shared/apple-pay-b4e2470e6eef5e27a31813e5eb73bc0d.png);
  background-size: 180px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #000 !important;
  border-radius: 5px;
  cursor: pointer
}

.ltie9 .donate-form .stripe-donate-button {
  display: none
}

.donate-buttons:after {
  clear: both;
  content: "";
  display: table
}

.button.payment.button--large {
  height: 64px;
  line-height: 64px;
  padding: 0
}

.button.payment.stripe-donate-button {
  width: 100%;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 4px;
  margin-bottom: 10px
}

.button.payment.stripe-donate-button .icn {
  margin-left: 0;
  margin-right: 10px;
  position: relative;
  top: -2px
}

.ach-button-wrapper {
  border: 1px solid #dfdfd7;
  border-radius: 4px;
  display: block
}

@media only screen and (min-width:641px) {
  .ach-button-wrapper {
    display: inline-block;
    width: 50%
  }
}

.ach-button-wrapper .ach-donate-button {
  color: #333232;
  background-color: transparent
}

.ach-button-wrapper .ach-donate-button.button.button--large {
  height: 62px
}

.ach-button-wrapper .ach-donate-button:hover {
  color: #676464
}

.paypal-link {
  margin-top: 10px;
  width: 100%
}

@media only screen and (min-width:641px) {
  .paypal-link {
    display: inline-block;
    width: calc(50% - 10px);
    margin-top: 0;
    margin-left: 10px
  }
}

.button.payment.paypal-donate-button {
  width: 100%;
  padding: 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/shared/paypal-35d7697f62e6a4ea5b6df3b187a2ca9b.png);
  text-indent: -999em;
  background-size: 80px auto;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 1px solid #dfdfd7
}

.donate-by-check .modal-inner {
  text-align: left
}

@media only screen and (min-width:641px) {
  .donate-by-check .modal-inner {
    width: 800px
  }
}

.donate-by-check .modal-inner .row a,
.donate-by-check .modal-inner .row p {
  font-size: 12px
}

.donate-by-check .modal-inner .address-box {
  text-align: center
}

.donate-by-check .modal-inner .panel {
  margin-top: 10px;
  background: #f6f6f3
}

@media only screen and (max-width:641px) {
  .donate-by-check .modal-inner .panel {
    padding: 10px
  }
}

.donate-by-check .modal-inner .address-line {
  font-size: 14px;
  line-height: 18px
}

.donate-by-check .modal-inner p {
  font-family: Proxima Nova, sans-serif;
  line-height: 1.375
}

.donate-by-check .modal-inner .info-note {
  color: #9b9b94
}

input[data-behavior=HideShowPassword] {
  padding-right: 55px
}

.amount-wrapper {
  width: 100%
}

.amount-wrapper input {
  border-radius: 4px;
  border: 1px solid #c1c1ba
}

.gift-aid.text-link {
  line-height: 30px
}

.gift-aid.text-link:hover {
  text-decoration: underline
}

.gift-aid.text-link span {
  font-size: 13px
}

.gift-aid-modal {
  text-transform: none !important
}

.gift-aid-modal .modal-close {
  display: none
}

.gift-aid-modal .logo {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/gift-aid-b780949a75c051c3afb63e13e8e4f9fe.png);
  content: "";
  display: block;
  width: 180px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat
}

.gift-aid-modal label {
  color: #333232
}

.gift-aid-modal p {
  color: #333232;
  margin: 0
}

.gift-aid-modal p.text-small {
  text-align: left
}

.gift-aid-modal .full-name {
  margin-bottom: 16px
}

.iho-toggle {
  color: #369ff4;
  display: block;
  font-size: 16px;
  margin-bottom: 18px;
  text-align: left
}

.iho-toggle:hover {
  text-decoration: underline
}

@media only screen and (min-width:1025px) {
  .iho .modal-inner {
    width: 750px
  }
}

@media only screen and (min-width:641px) {
  .iho.edit:not(.choose-design) .modal-inner {
    padding-bottom: 0
  }
}

@media only screen and (min-width:641px) {
  .iho.edit.choose-design .modal-footer {
    flex-direction: row
  }
}

.iho .select-type {
  margin-top: 5px
}

@media only screen and (min-width:641px) {
  .iho .select-type {
    display: -webkit-box;
    display: flex
  }
}

.iho .select-type .type {
  border-radius: 4px;
  border: 2px solid #dfdfd7;
  color: #333232;
  cursor: pointer;
  display: block;
  opacity: .5;
  padding: 40px 40px 20px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.iho .select-type .type.active,
.iho .select-type .type:hover {
  opacity: 1;
  border-color: #369ff4
}

@media only screen and (min-width:641px) {
  .iho .select-type .type {
    width: 50%
  }
}

.iho .select-type .type:first-of-type {
  margin-bottom: 20px
}

@media only screen and (min-width:641px) {
  .iho .select-type .type:first-of-type {
    margin-bottom: 0;
    margin-right: 20px
  }
}

.iho .select-type .icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-bottom: 20px;
  width: 100%
}

.iho .select-type .icon.email {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/iho/email-91344b235c48b8e9d76d5fef9a3a0e3c.png)
}

.iho .select-type .icon.print {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/iho/print-87ac2563420f1cbbf77fddc913fa3904.png)
}

.iho .choose-design {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
  padding-top: 5px
}

.iho .choose-design .design {
  margin-bottom: 10px;
  width: 100%
}

@media only screen and (min-width:641px) {
  .iho .choose-design .design {
    margin-right: 9px;
    width: calc(33.33333% - 6px)
  }
}

.iho .choose-design .design.active img,
.iho .choose-design .design:hover img {
  border: 1px solid #369ff4
}

.iho .choose-design .design:last-of-type {
  margin-bottom: 0
}

.iho .choose-design .design:nth-child(3n) {
  margin-right: 0
}

.iho .choose-design .design img {
  display: block;
  margin: 0 auto;
  border: 1px solid #dfdfd7
}

.iho .iho-header {
  display: inline-block
}

.iho .iho-header h3 {
  color: #369ff4;
  margin-top: 20px;
  text-transform: uppercase
}

.iho .iho-header h2 {
  margin: 0 auto 20px;
  max-width: 550px;
  color: #000
}

.iho .toggle-buttons {
  margin: 0 auto 18px
}

.iho .iho-form {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: calc(100% + 1px)
}

.iho .iho-form.print .iho-preview-wrapper {
  position: relative;
  border: 1px solid #dfdfd7
}

.iho .iho-form.print .iho-preview-wrapper.loading {
  border: 0
}

@media only screen and (min-width:1025px) {
  .iho .iho-form.print .iho-preview-wrapper {
    border: 0
  }
}

.iho .iho-form.print .iho-preview {
  border: 0;
  overflow-x: scroll
}

.iho .iho-form.print .fade {
  background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px
}

.iho .iho-body {
  padding-bottom: 160px
}

@media only screen and (min-width:641px) {
  .iho .iho-body {
    padding-bottom: 0
  }
}

.iho .iho-body>.custom-check:last-of-type,
.iho .iho-body>.input-wrapper:last-of-type {
  margin-bottom: 0
}

.iho .custom-check.custom-check,
.iho .input-wrapper.input-wrapper {
  display: block
}

.iho .iho-preview {
  overflow-y: scroll;
  width: 100%;
  border: 1px solid #dfdfd7
}

.iho .iho-preview .loading {
  border: 0
}

.iho .iho-preview .loading iframe {
  display: none
}

.iho .iho-preview iframe {
  border: 0;
  display: inherit;
  height: 400px;
  width: 100%
}

.iho .loading-indicator {
  display: none
}

.iho .loading .iho-preview {
  visibility: hidden
}

.iho .loading .loading-indicator {
  display: block;
  margin: 40px 0
}

.iho .iho-form.edit {
  display: block
}

.iho .iho-form.edit.print .message {
  margin-bottom: 0;
  order: 1
}

.iho .iho-form.edit.print .amount-hidden {
  margin: 20px 0 0;
  order: 2
}

.iho .iho-form.edit.print .recipient-select {
  margin-bottom: 20px
}

.iho .iho-form.edit .iho-body {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .iho .iho-form.edit .half-sized {
    width: 50%
  }
}

@media only screen and (min-width:1025px) {
  .iho .iho-form.edit .half-sized {
    width: 60%
  }
}

.iho .iho-form.edit .design {
  text-align: right;
  margin-bottom: 20px
}

@media only screen and (min-width:641px) {
  .iho .iho-form.edit .design {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 20px;
    width: 45%
  }
}

@media only screen and (min-width:1025px) {
  .iho .iho-form.edit .design {
    width: 35%
  }
}

.iho .iho-form.edit .design img {
  border: 1px solid #dfdfd7
}

.iho .iho-form.edit .design .cw-icon-chevron-right {
  font-size: 12px;
  margin-left: 5px
}

.iho .iho-form.edit .recipient-select {
  border-top: 1px solid #dfdfd7;
  justify-content: left;
  margin-top: 6px;
  padding-top: 20px
}

@media only screen and (min-width:641px) {
  .iho .iho-form.edit .recipient-delivery {
    display: -webkit-box;
    display: flex
  }
}

@media only screen and (min-width:641px) {
  .iho .iho-form.edit .recipient-delivery .input-wrapper {
    margin-right: 20px
  }

  .iho .iho-form.edit .recipient-delivery .input-wrapper:last-child {
    margin-right: 0
  }
}

.iho .iho-form.edit .send-type {
  border: 0;
  padding: 0 0 16px
}

.iho .recipient-delivery .input-wrapper {
  width: 100%
}

.iho .input-wrapper.recipient-select {
  justify-content: center;
  margin: 0 0 20px
}

@media only screen and (min-width:641px) {
  .iho .input-wrapper.recipient-select {
    display: -webkit-box;
    display: flex
  }
}

.iho .input-wrapper.recipient-select .custom-check {
  margin: 0 0 10px
}

@media only screen and (min-width:641px) {
  .iho .input-wrapper.recipient-select .custom-check {
    margin: 0
  }
}

.iho .input-wrapper.recipient-select .custom-check:first-child {
  margin-right: 20px
}

.send-type {
  border-top: 1px solid #dfdfd7;
  padding: 16px 0
}

@media only screen and (min-width:641px) {
  .send-type {
    display: -webkit-box;
    display: flex;
    align-items: center
  }
}

.send-type p {
  text-align: left
}

.send-type input[readonly] {
  color: #333232;
  cursor: pointer
}

.send-type p {
  margin: 0
}

@media only screen and (min-width:641px) {

  .send-type .input-wrapper,
  .send-type p {
    margin: 0;
    width: 50%
  }
}

@media only screen and (min-width:641px) {

  .send-type .input-wrapper:first-child,
  .send-type p:first-child {
    margin-right: 20px
  }
}

.honoree {
  border-color: #dfdfd7;
  border-style: dashed none;
  border-width: 0 1px 1px;
  display: -webkit-box;
  display: flex;
  margin: 0 -20px 20px;
  padding: 0 20px 20px
}

.step-2 .honoree {
  padding-top: 20px;
  margin-bottom: 0
}

.honoree .heart i {
  background: #369ff4;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  padding: 8px 8px 7px
}

.honoree .details {
  padding-left: 12px;
  text-align: left
}

.honoree .details h3,
.honoree .details p {
  margin: 0
}

.honoree .details p {
  color: #9b9b94
}

.honoree .details p .email {
  word-break: break-all
}

.honoree .details a {
  font-size: 19px
}

.honoree .details a:hover {
  text-decoration: underline
}

.honoree .actions a,
.honoree .actions i {
  color: #c1c1ba;
  cursor: pointer;
  font-size: 18px
}

.honoree .actions a:first-child,
.honoree .actions i:first-child {
  margin-right: 15px
}

.honoree .actions a.cw-icon-pencil:hover,
.honoree .actions i.cw-icon-pencil:hover {
  color: #369ff4
}

.honoree .actions a.cw-icon-remove:hover,
.honoree .actions i.cw-icon-remove:hover {
  color: #fa575d
}

.button.express-donate-button,
button.show-next-donate-screen {
  padding: 0 20px
}

@media only screen and (min-width:641px) {

  .button.express-donate-button,
  button.show-next-donate-screen {
    padding: 0 40px
  }
}

.button.express-donate-button span {
  padding-top: 11px
}

.stripe-elements .card-element-input-padding {
  padding: 13px 10px
}

.stripe-elements ul.parsley-errors-list {
  margin-bottom: 16px;
  margin-top: 16px
}

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

.stripe-elements .StripeElement--focus,
.stripe-elements input:focus {
  border-color: #7bc1fa !important;
  z-index: 1
}

.stripe-elements.step-2 .donate-form-body {
  padding-top: 0
}

.stripe-elements.step-2 .zipcode {
  width: calc(50% + 1px)
}

.stripe-elements .step-2-errors-list ul.parsley-errors-list {
  margin-top: 0
}

.page-campaign-direct .container {
  background-color: #d3ede2;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/direct-small-bdbf7716497b25024dac8d267c4f6e1d.jpg);
  background-position: 50% fixed;
  background-repeat: no-repeat
}

@media only screen and (min-width:641px) {
  .page-campaign-direct .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/direct-med-3d125476f879debaedb5ace0c26b70db.jpg);
    background-size: 100% auto;
    padding-bottom: 25%
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign-direct .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/direct-large-34b82c354c7e6b7367b22873dda3980e.jpg);
    padding-bottom: 110px
  }
}

.page-campaign-direct h1.h80 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700
}

.page-campaign-direct .subtitle {
  max-width: 400px;
  margin: 0 auto 30px;
  font-size: 21px
}

@media only screen and (min-width:641px) {
  .page-campaign-direct .subtitle {
    margin-bottom: 20px
  }
}

.page-campaign-direct .donate-form-container {
  padding-top: 70px
}

.page-campaign-direct .donation-thank-you {
  color: #333232;
  padding-bottom: 45%
}

@media only screen and (min-width:1025px) {
  .page-campaign-direct .donation-thank-you.container {
    padding: 8% 0 42%;
    background-position: 100% 0
  }
}

@media only screen and (min-width:641px) {
  .page-campaign-direct .container {
    background-size: cover;
    padding-top: 60px;
    background-color: #fff
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign-direct .container {
    padding: 8% 0
  }
}

.page-campaign-general:not(.page-thankyou),
.page-campaign-general_uk:not(.page-thankyou) {
  color: #333232
}

.page-campaign-general:not(.page-thankyou) .form-footer,
.page-campaign-general_uk:not(.page-thankyou) .form-footer {
  display: none
}

.page-campaign-general:not(.page-thankyou).landing-page .container,
.page-campaign-general_uk:not(.page-thankyou).landing-page .container {
  padding: 0
}

.page-campaign-general:not(.page-thankyou).landing-page .country-dropdown.button-links,
.page-campaign-general_uk:not(.page-thankyou).landing-page .country-dropdown.button-links {
  display: block
}

.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section {
  padding: 0
}

.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section .mobile-donate,
.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section .mycw-nav,
.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section .nav-items,
.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section .offcanvas-open-link,
.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section .right-side,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section .mobile-donate,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section .mycw-nav,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section .nav-items,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section .offcanvas-open-link,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section .right-side {
  display: none
}

.page-campaign-general:not(.page-thankyou).landing-page .nav-bar-section .button-links,
.page-campaign-general_uk:not(.page-thankyou).landing-page .nav-bar-section .button-links {
  margin: 0
}

.page-campaign-general:not(.page-thankyou).landing-page .cw-footer-social-row,
.page-campaign-general:not(.page-thankyou).landing-page .cw-footer-top-row,
.page-campaign-general_uk:not(.page-thankyou).landing-page .cw-footer-social-row,
.page-campaign-general_uk:not(.page-thankyou).landing-page .cw-footer-top-row {
  display: none
}

.page-campaign-general:not(.page-thankyou).landing-page .cw-footer-bottom-row,
.page-campaign-general_uk:not(.page-thankyou).landing-page .cw-footer-bottom-row {
  border-top: 0;
  color: #9b9b94;
  margin-top: 0;
  padding-top: 0
}

.page-campaign-general:not(.page-thankyou).landing-page .cw-footer-bottom-row li a,
.page-campaign-general_uk:not(.page-thankyou).landing-page .cw-footer-bottom-row li a {
  color: #9b9b94
}

.page-campaign-general:not(.page-thankyou).landing-page .cw-footer-bottom-row li:nth-child(4n):after,
.page-campaign-general_uk:not(.page-thankyou).landing-page .cw-footer-bottom-row li:nth-child(4n):after {
  content: ""
}

.page-campaign-general:not(.page-thankyou).landing-page .cw-footer-bottom-row li:nth-last-child(-n+3),
.page-campaign-general_uk:not(.page-thankyou).landing-page .cw-footer-bottom-row li:nth-last-child(-n+3) {
  display: none
}

.page-campaign-general:not(.page-thankyou) .donate-hero,
.page-campaign-general_uk:not(.page-thankyou) .donate-hero {
  padding: 80px 0 0
}

.page-campaign-general:not(.page-thankyou) .donate-hero .side-by-side,
.page-campaign-general_uk:not(.page-thankyou) .donate-hero .side-by-side {
  padding: 0 20px
}

.page-campaign-general:not(.page-thankyou) .donate-hero:after,
.page-campaign-general_uk:not(.page-thankyou) .donate-hero:after {
  background-color: #fff;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/eoy-2017/eoy-donate-hero-mobile-3d9c19435584fd714c6c6439e40ac914.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  padding-bottom: 61%;
  width: 100%
}

@media only screen and (min-width:641px) {

  .page-campaign-general:not(.page-thankyou) .donate-hero,
  .page-campaign-general_uk:not(.page-thankyou) .donate-hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/eoy-2017/eoy-donate-hero-tablet-e60cef040f51b7050fe8575434a7fc38.jpg);
    background-size: cover;
    background-position: top;
    min-height: 680px;
    padding: 100px 20px 90px
  }

  .page-campaign-general:not(.page-thankyou) .donate-hero:after,
  .page-campaign-general_uk:not(.page-thankyou) .donate-hero:after {
    display: none
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .donate-hero,
  .page-campaign-general_uk:not(.page-thankyou) .donate-hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/eoy-2017/eoy-donate-hero-desktop-7aab380bb25f65b620f777bf1c24233b.jpg);
    background-size: cover;
    background-position: 50%;
    min-height: 600px;
    padding: 100px 20px 90px
  }

  .page-campaign-general:not(.page-thankyou) .donate-hero:after,
  .page-campaign-general_uk:not(.page-thankyou) .donate-hero:after {
    display: none
  }
}

.page-campaign-general:not(.page-thankyou) .donate-hero h1.h50,
.page-campaign-general_uk:not(.page-thankyou) .donate-hero h1.h50 {
  display: none
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .donate-hero h1.h50,
  .page-campaign-general_uk:not(.page-thankyou) .donate-hero h1.h50 {
    display: block;
    text-align: left
  }
}

.page-campaign-general:not(.page-thankyou) .side-by-side,
.page-campaign-general_uk:not(.page-thankyou) .side-by-side {
  flex-direction: column
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .side-by-side,
  .page-campaign-general_uk:not(.page-thankyou) .side-by-side {
    flex-direction: row;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }
}

.page-campaign-general:not(.page-thankyou) .donate-form-side,
.page-campaign-general_uk:not(.page-thankyou) .donate-form-side {
  order: 2
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .donate-form-side,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-side {
    order: 1
  }
}

.page-campaign-general:not(.page-thankyou) .donate-form-side h1.h40,
.page-campaign-general_uk:not(.page-thankyou) .donate-form-side h1.h40 {
  text-align: center
}

@media only screen and (min-width:641px) {

  .page-campaign-general:not(.page-thankyou) .donate-form-side h1.h40,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-side h1.h40 {
    text-align: left
  }
}

.page-campaign-general:not(.page-thankyou) .donate-form-heading,
.page-campaign-general_uk:not(.page-thankyou) .donate-form-heading {
  order: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 390px
}

@media only screen and (min-width:641px) {

  .page-campaign-general:not(.page-thankyou) .donate-form-heading,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-heading {
    margin-left: 0
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .donate-form-heading,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-heading {
    max-width: none;
    order: 2
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .donate-form-heading h1,
  .page-campaign-general:not(.page-thankyou) .donate-form-heading p,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-heading h1,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-heading p {
    width: 423px;
    margin-left: auto;
    margin-right: auto
  }
}

.page-campaign-general:not(.page-thankyou) .donate-form-heading p,
.page-campaign-general_uk:not(.page-thankyou) .donate-form-heading p {
  display: none
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .donate-form-heading p,
  .page-campaign-general_uk:not(.page-thankyou) .donate-form-heading p {
    display: block
  }
}

@media only screen and (min-width:641px) {

  .page-campaign-general:not(.page-thankyou) .form-wrapper,
  .page-campaign-general_uk:not(.page-thankyou) .form-wrapper {
    margin-left: 0;
    left: 0;
    -webkit-transform: none;
    transform: none
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .form-wrapper,
  .page-campaign-general_uk:not(.page-thankyou) .form-wrapper {
    left: 0;
    -webkit-transform: none;
    transform: none
  }
}

.page-campaign-general:not(.page-thankyou) .form-wrapper h1.h35,
.page-campaign-general_uk:not(.page-thankyou) .form-wrapper h1.h35 {
  display: none
}

.page-campaign-general:not(.page-thankyou) .the-spring,
.page-campaign-general_uk:not(.page-thankyou) .the-spring {
  color: #333232;
  padding: 50px 30px
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .the-spring,
  .page-campaign-general_uk:not(.page-thankyou) .the-spring {
    background-color: #cee9f4;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/general/the-spring-background-4a0669e65a1c0d601de41b2598e23d21.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 63px;
    padding-bottom: 63px
  }
}

.page-campaign-general:not(.page-thankyou) .the-spring .spring-icn,
.page-campaign-general_uk:not(.page-thankyou) .the-spring .spring-icn {
  display: block;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/spring-rebranding/spring-logo-a46e6bf499a9338cccdb483255a471b2.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 47.34px
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .the-spring .spring-icn,
  .page-campaign-general_uk:not(.page-thankyou) .the-spring .spring-icn {
    width: 140px;
    height: 55.23px
  }
}

.page-campaign-general:not(.page-thankyou) .the-spring .button--outline-black,
.page-campaign-general_uk:not(.page-thankyou) .the-spring .button--outline-black {
  font-size: 12px
}

@media only screen and (min-width:641px) {

  .page-campaign-general:not(.page-thankyou) .the-spring-content,
  .page-campaign-general_uk:not(.page-thankyou) .the-spring-content {
    width: 600px;
    margin: 0 auto
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .the-spring-content,
  .page-campaign-general_uk:not(.page-thankyou) .the-spring-content {
    width: 400px;
    position: relative;
    right: -22%
  }
}

.page-campaign-general:not(.page-thankyou) .cta-section,
.page-campaign-general_uk:not(.page-thankyou) .cta-section {
  background-color: #f7f7f7;
  border: 1px solid #dfdfd7;
  padding: 40px 30px 0
}

@media only screen and (min-width:1025px) {

  .page-campaign-general:not(.page-thankyou) .cta-section,
  .page-campaign-general_uk:not(.page-thankyou) .cta-section {
    background-color: #fff;
    border: 0;
    padding-top: 82px
  }
}

.page-campaign-general:not(.page-thankyou) .cta-item,
.page-campaign-general_uk:not(.page-thankyou) .cta-item {
  margin-bottom: 40px
}

.page-campaign-general:not(.page-thankyou) .cta-item .p40,
.page-campaign-general_uk:not(.page-thankyou) .cta-item .p40 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto
}

.page-campaign-general:not(.page-thankyou) .cta-icon,
.page-campaign-general_uk:not(.page-thankyou) .cta-icon {
  height: 80px;
  margin-bottom: 20px;
  max-width: 80px
}

.page-campaign-gift-the-spring-uk .donate-hero,
.page-campaign-gift-the-spring .donate-hero {
  background-color: #e3f7fc;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/gift-the-spring/gift-the-spring-bg-mobile-17a8f1c8837a1e101fd65ba2d50eff04.jpg);
  padding: 100px 20px 75vw
}

@media only screen and (min-width:641px) {

  .page-campaign-gift-the-spring-uk .donate-hero,
  .page-campaign-gift-the-spring .donate-hero {
    padding-bottom: 65vw
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-gift-the-spring-uk .donate-hero,
  .page-campaign-gift-the-spring .donate-hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/gift-the-spring/gift-the-spring-bg-desktop-0133cd11d9eca39a75308135ccca504c.jpg);
    padding-bottom: 30vw
  }
}

@media only screen and (min-width:1441px) {

  .page-campaign-gift-the-spring-uk .donate-hero,
  .page-campaign-gift-the-spring .donate-hero {
    padding-bottom: 10vw
  }
}

.page-campaign-gift-the-spring-uk .header,
.page-campaign-gift-the-spring .header {
  max-width: 550px
}

.page-campaign-gift-the-spring-uk .side-with-badge,
.page-campaign-gift-the-spring .side-with-badge {
  min-width: 117px
}

@media only screen and (min-width:340px) {

  .page-campaign-gift-the-spring-uk .side-with-price,
  .page-campaign-gift-the-spring .side-with-price {
    min-width: 50%
  }
}

@media only screen and (min-width:641px) {

  .page-campaign-gift-the-spring-uk .side-with-price,
  .page-campaign-gift-the-spring .side-with-price {
    margin-top: -30px
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-gift-the-spring-uk .side-with-price .h20,
  .page-campaign-gift-the-spring .side-with-price .h20 {
    font-size: 42px
  }
}

.page-campaign-gift-the-spring-uk .side-with-price p,
.page-campaign-gift-the-spring .side-with-price p {
  max-width: 130px
}

.page-campaign-gift-the-spring-uk .badge,
.page-campaign-gift-the-spring .badge {
  font-size: 10px;
  padding: 4px 5px
}

@media only screen and (min-width:375px) {

  .page-campaign-gift-the-spring-uk .badge,
  .page-campaign-gift-the-spring .badge {
    padding: 4px 10px
  }
}

.page-campaign-gift-the-spring-uk .currency-unit,
.page-campaign-gift-the-spring .currency-unit {
  top: 10px
}

.page-campaign-gift-the-spring-uk .dotted-divider,
.page-campaign-gift-the-spring .dotted-divider {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(11%, #515151), color-stop(0, transparent));
  background-image: linear-gradient(90deg, #515151 11%, transparent 0);
  background-position: top;
  background-repeat: repeat-x;
  background-size: 7px 1px;
  height: 1px;
  width: 40px
}

.page-campaign-gift-the-spring-uk .selected-flag,
.page-campaign-gift-the-spring .selected-flag {
  width: 0;
  height: 0;
  border-top: 3.125rem solid #369ff4;
  border-left: 3.75rem solid transparent;
  position: absolute;
  top: 0;
  right: 0
}

.page-campaign-gift-the-spring-uk .selected-flag:after,
.page-campaign-gift-the-spring .selected-flag:after {
  content: "\2713";
  font-family: cw-icons;
  display: block;
  font-size: .875rem;
  position: absolute;
  top: -2.5rem;
  right: .625rem;
  color: #fff
}

.page-campaign-gift-the-spring-uk .selected-flag.cw-spring-med-green,
.page-campaign-gift-the-spring .selected-flag.cw-spring-med-green {
  border-top: 3.125rem solid #00ac7f
}

.page-campaign-gift-the-spring-uk .selected-flag.cw-spring-med-green:after,
.page-campaign-gift-the-spring .selected-flag.cw-spring-med-green:after {
  background-color: #00ac7f
}

.page-campaign-gift-the-spring-uk .selected-flag.cw-spring-med-blue,
.page-campaign-gift-the-spring .selected-flag.cw-spring-med-blue {
  border-top: 3.125rem solid #1080b9
}

.page-campaign-gift-the-spring-uk .selected-flag.cw-spring-med-blue:after,
.page-campaign-gift-the-spring .selected-flag.cw-spring-med-blue:after {
  background-color: #1080b9
}

.page-campaign-gift-the-spring-uk .selected-flag.cw-spring-peach,
.page-campaign-gift-the-spring .selected-flag.cw-spring-peach {
  border-top: 3.125rem solid #e88a78
}

.page-campaign-gift-the-spring-uk .selected-flag.cw-spring-peach:after,
.page-campaign-gift-the-spring .selected-flag.cw-spring-peach:after {
  background-color: #e88a78
}

.page-campaign-home:not(.page-thankyou).landing-page.off-canvas-open .wrapper {
  -webkit-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0)
}

.page-campaign-home:not(.page-thankyou).landing-page .container {
  padding: 0
}

.page-campaign-home:not(.page-thankyou) .donate-hero {
  align-items: flex-start;
  background-color: #081b29;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .donate-hero {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/wwd-18-hp-56259af19154f1f00f79c7aab4f88cb1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.page-campaign-home:not(.page-thankyou) .donate-hero:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/wwd-18-hp-mobile-aa6735b9d096762ac232152c699829e6.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .donate-hero:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/wwd-18-hp-tablet-0982bf83a8c82d5fd201009b6112753e.jpg);
    display: none
  }
}

.page-campaign-home:not(.page-thankyou) .donate-hero .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .donate-hero .row {
    padding: 120px 0
  }
}

.page-campaign-home:not(.page-thankyou) .donate-hero .row:after {
  clear: both;
  content: "";
  display: table
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .form-wrapper {
    max-width: 575px
  }
}

.page-campaign-home:not(.page-thankyou) .header {
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .header {
    max-width: 490px
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .header {
    max-width: 575px;
    text-align: left
  }
}

.page-campaign-home:not(.page-thankyou) .header h1,
.page-campaign-home:not(.page-thankyou) .header p {
  margin-left: auto;
  margin-right: auto;
  color: #fff
}

.page-campaign-home:not(.page-thankyou) .header .button {
  margin-top: 10px
}

.page-campaign-home:not(.page-thankyou) .mission {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/collecting-water-35dbe2a16bc519cff04421542aae808d.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 70%;
  background-color: #fafafa
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .mission {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/collecting-water-medium-up-9664110ad7422fbf7593863e50aad36e.jpg);
    padding-bottom: 30%
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .mission {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/collecting-water-large-up-2f95e8d6aa693b6c51a4694df2043fb6.jpg);
    background-size: 100% auto
  }
}

.page-campaign-home:not(.page-thankyou) .mission h2 {
  padding: 60px 20px 0;
  max-width: 590px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .mission h2 {
    max-width: 790px
  }
}

.page-campaign-home:not(.page-thankyou) .mission-title {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px
}

.page-campaign-home:not(.page-thankyou) .swiper-container {
  padding: 50px 0
}

.page-campaign-home:not(.page-thankyou) .swiper-slide .slide-inner {
  background: #fff;
  border: 2px solid #f1f1f0;
  padding: 40px 10px;
  border-radius: 4px;
  -webkit-transition: border-color .15s linear;
  transition: border-color .15s linear
}

.page-campaign-home:not(.page-thankyou) .swiper-slide .slide-inner * {
  opacity: .35;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto
}

.page-campaign-home:not(.page-thankyou) .swiper-slide .slide-inner .show-only-when-active {
  opacity: 0
}

.page-campaign-home:not(.page-thankyou) .swiper-slide .slide-inner .always-show,
.page-campaign-home:not(.page-thankyou) .swiper-slide .slide-inner .show-only-when-active {
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  -webkit-transition: all .15s cubic-bezier(.77, 0, .175, 1);
  transition: all .15s cubic-bezier(.77, 0, .175, 1)
}

.page-campaign-home:not(.page-thankyou) .swiper-slide.swiper-slide-active .slide-inner {
  border-color: #c1c1ba
}

.page-campaign-home:not(.page-thankyou) .swiper-slide.swiper-slide-active .slide-inner * {
  opacity: 1
}

.page-campaign-home:not(.page-thankyou) .swiper-slide.swiper-slide-active .slide-inner .always-show,
.page-campaign-home:not(.page-thankyou) .swiper-slide.swiper-slide-active .slide-inner .show-only-when-active {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.page-campaign-home:not(.page-thankyou) .hundred-percent-wrapper {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px
}

.page-campaign-home:not(.page-thankyou) .hundred-percent {
  display: inline-block;
  margin: auto;
  position: relative
}

.page-campaign-home:not(.page-thankyou) .hundred-percent:after,
.page-campaign-home:not(.page-thankyou) .hundred-percent:before {
  content: "";
  display: block;
  height: 1px;
  width: 100px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #c1c1ba
}

.page-campaign-home:not(.page-thankyou) .hundred-percent:before {
  left: -130px
}

.page-campaign-home:not(.page-thankyou) .hundred-percent:after {
  right: -130px
}

.page-campaign-home:not(.page-thankyou) .hundred-percent img {
  display: block
}

.page-campaign-home:not(.page-thankyou) .mailing-list-and-info {
  background: #ffca0a
}

.page-campaign-home:not(.page-thankyou) .mailing-list-and-info:after {
  content: "\e626";
  color: #ffca0a;
  display: block;
  position: absolute;
  bottom: -29px;
  left: 50%;
  font-size: 50px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: cw-icons
}

.page-campaign-home:not(.page-thankyou) .custom-show-for-large-up {
  display: none
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .custom-show-for-large-up {
    display: inline-block !important
  }
}

.page-campaign-home:not(.page-thankyou) .funding-info-section {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .watch-video {
  align-items: center;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/struck-water-40f3232a0f0eb298a365f3117e707a1c.jpg);
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  height: 60vw;
  justify-content: center
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .funding-info-section .watch-video {
    height: auto;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/struck-water-medium-up-93b0edaed465ed7d4bd619b1429a45ab.jpg)
  }
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info {
  padding: 30px;
  background: #fff
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info {
    padding: 50px 30px
  }
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info .label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info p {
  margin-top: 0;
  font-weight: 500
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info p {
    font-size: 37px
  }
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info .stat {
  display: inline-block;
  background-size: contain;
  background-position: 50%;
  padding: 10px 15px;
  margin: -10px;
  background-repeat: no-repeat
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info .stat-short {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/brush-short-2adf42f25e98de026603056f3164ae1f.png)
}

.page-campaign-home:not(.page-thankyou) .funding-info-section .funding-info .stat-long {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/brush-long-50ce2079b8f3e04915a313ad7094ce4b.png)
}

.page-campaign-home:not(.page-thankyou) .non-cta {
  margin: 30px auto 0;
  max-width: 420px
}

.page-campaign-home:not(.page-thankyou) .cta-section {
  padding: 60px 20px 0;
  background-color: #fafafa
}

.page-campaign-home:not(.page-thankyou) .all-ctas {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .all-ctas {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 5
  }
}

.page-campaign-home:not(.page-thankyou) .home-cta-block {
  margin-bottom: 30px;
  color: #fff;
  border-radius: 4px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .home-cta-block {
    flex-basis: calc(50% - 20px);
    margin: 10px;
    max-width: none
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .home-cta-block {
    flex-basis: calc(33% - 20px)
  }
}

.page-campaign-home:not(.page-thankyou) .home-cta-block img {
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%
}

.page-campaign-home:not(.page-thankyou) .home-cta-block p {
  padding: 0;
  margin: 0
}

.page-campaign-home:not(.page-thankyou) .home-cta-block .button {
  margin-top: 20px
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.why-water {
  background: #369ff4;
  padding: 30px;
  display: -webkit-box;
  display: flex;
  align-items: center
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.why-water .button {
  background: #296fa7
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.why-water .button:hover {
  background: #2b74b0
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .home-cta-block.why-water {
    padding: 30px 25px 20px
  }

  .page-campaign-home:not(.page-thankyou) .home-cta-block.why-water .button {
    margin-top: 33px
  }
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.why-water img {
  margin: 0 auto 15px;
  border-radius: 0;
  width: auto
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.why-water h3 {
  text-transform: uppercase;
  letter-spacing: 1px
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.fundraise {
  background: #9064bf
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.fundraise .button {
  background: #624087
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.fundraise .button:hover {
  background: #67448d
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.donate-now {
  background: #8ed4cc
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.donate-now .button {
  background: #47ada0
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.donate-now .button:hover {
  background: #4ab4a7
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.watch-videos {
  background: #fe813a
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.watch-videos .button {
  background: #d35914
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.watch-videos .button:hover {
  background: #dd5d15
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.pledge-birthday {
  background: #fa575d
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.pledge-birthday .button {
  background: #dc272e
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.pledge-birthday .button:hover {
  background: #de3036
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.give-monthly {
  background: #ffca0a
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.give-monthly .button {
  background: #c79b02
}

.page-campaign-home:not(.page-thankyou) .home-cta-block.give-monthly .button:hover {
  background: #d1a302
}

.page-campaign-home:not(.page-thankyou) .cta-inner {
  padding: 20px
}

.page-campaign-home:not(.page-thankyou) .home-wps {
  position: relative;
  margin-top: 60px
}

.page-campaign-home:not(.page-thankyou) .home-wps:after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 68%;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/collecting-water-2-987e3b66e5a8513f223d85cbc647b994.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  margin-top: -30px
}

@media only screen and (min-width:641px) {
  .page-campaign-home:not(.page-thankyou) .home-wps:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/collecting-water-2-medium-up-01f45f566ef60ccbff8d9a77c2f4ce8f.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .home-wps:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/home/collecting-water-2-large-up-3161997e38ae961fe1f3db1b0af45b06.jpg);
    margin-top: -320px
  }
}

.page-campaign-home:not(.page-thankyou) .wps-content-block {
  position: relative;
  z-index: 10
}

.page-campaign-home:not(.page-thankyou) .wps-content-block h2 {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto
}

.page-campaign-home:not(.page-thankyou) .wps-content-block p {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .page-campaign-home:not(.page-thankyou) .wps-content-block {
    position: absolute;
    text-align: left;
    left: 50%;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    top: 290px
  }

  .page-campaign-home:not(.page-thankyou) .wps-content-block p {
    margin-left: 0
  }
}

.page-campaign-home:not(.page-thankyou) .video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9);
  -webkit-transform: scale(.9);
  transform: scale(.9);
  opacity: 0;
  z-index: -1;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in
}

.page-campaign-home:not(.page-thankyou).video-player-active .video-overlay {
  z-index: 100000;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.page-campaign-home:not(.page-thankyou) .video-box {
  position: absolute;
  width: 92vw;
  height: 52.25vw;
  max-height: 92vh;
  max-width: 163.78vh;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding-bottom: 0;
  z-index: 1
}

.page-campaign-home:not(.page-thankyou) .close-video {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  cursor: pointer
}

.page-campaign-home:not(.page-thankyou) .cw-footer {
  margin-top: 0
}

.page-campaign-in-honor-of .container,
.page-campaign-in-honour-of .container {
  padding: 0
}

.page-campaign-in-honor-of .container.donation-thank-you,
.page-campaign-in-honour-of .container.donation-thank-you {
  padding: 70px 20px 85%
}

@media only screen and (min-width:641px) {

  .page-campaign-in-honor-of .container.donation-thank-you,
  .page-campaign-in-honour-of .container.donation-thank-you {
    padding: 85px 20px 60%
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-in-honor-of .container.donation-thank-you,
  .page-campaign-in-honour-of .container.donation-thank-you {
    padding: 100px 20px 40%
  }
}

.page-campaign-in-honor-of .container.donation-thank-you .form-wrapper,
.page-campaign-in-honour-of .container.donation-thank-you .form-wrapper {
  margin-right: auto
}

.page-campaign-in-honor-of .container.donation-thank-you .header h1,
.page-campaign-in-honour-of .container.donation-thank-you .header h1 {
  line-height: normal
}

.page-campaign-in-honor-of .container.donation-thank-you .header p,
.page-campaign-in-honour-of .container.donation-thank-you .header p {
  font-size: 14px;
  line-height: 1.35
}

@media only screen and (min-width:641px) {

  .page-campaign-in-honor-of .container.donation-thank-you .header p,
  .page-campaign-in-honour-of .container.donation-thank-you .header p {
    font-size: 16px
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-in-honor-of .form-wrapper,
  .page-campaign-in-honour-of .form-wrapper {
    margin-left: auto;
    margin-right: 0;
    max-width: 430px;
    -webkit-transform: initial;
    transform: none;
    left: auto
  }
}

.page-campaign-in-honor-of .donate-hero,
.page-campaign-in-honour-of .donate-hero {
  padding: 100px 20px 35vw;
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 500px
}

@media only screen and (min-width:1025px) {

  .page-campaign-in-honor-of .donate-hero,
  .page-campaign-in-honour-of .donate-hero {
    background-size: cover;
    background-position: 0 100%;
    min-height: 739px;
    padding-bottom: 95px;
    padding-top: 160px
  }
}

.page-campaign-in-honor-of .donate-hero-wrapper,
.page-campaign-in-honour-of .donate-hero-wrapper {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto
}

.page-campaign-in-honor-of .header,
.page-campaign-in-honour-of .header {
  margin-left: auto;
  margin-right: auto;
  max-width: 430px
}

.page-campaign-in-honor-of .header h1,
.page-campaign-in-honor-of .header p,
.page-campaign-in-honour-of .header h1,
.page-campaign-in-honour-of .header p {
  margin-left: auto;
  margin-right: auto
}

.page-campaign-in-honor-of .header h1,
.page-campaign-in-honour-of .header h1 {
  font-size: 22px;
  line-height: 30.8px
}

@media only screen and (min-width:1025px) {

  .page-campaign-in-honor-of .header h1,
  .page-campaign-in-honour-of .header h1 {
    font-size: 24px;
    line-height: 33.6px
  }
}

.page-campaign-in-honor-of .header p,
.page-campaign-in-honour-of .header p {
  font-size: 16px;
  line-height: 22px
}

@media only screen and (min-width:1025px) {

  .page-campaign-in-honor-of .header p,
  .page-campaign-in-honour-of .header p {
    padding-left: 10px;
    padding-right: 10px
  }
}

.page-campaign-sponsor .container,
.page-campaign-water-project-sponsorship-uk .container,
.page-campaign-water-project-sponsorship .container {
  background-color: #afc7e9;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/sponsor-small-003a135600558a299b57272380f9b70a.jpg);
  background-position: 50% fixed;
  background-repeat: no-repeat
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .container,
  .page-campaign-water-project-sponsorship-uk .container,
  .page-campaign-water-project-sponsorship .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/sponsor-med-3b6a058cfbe1cd539ed122f57735ac5c.jpg);
    background-size: 100% auto;
    padding-bottom: 25%
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .container,
  .page-campaign-water-project-sponsorship-uk .container,
  .page-campaign-water-project-sponsorship .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/sponsor-large-b6490215f79d793dbcee1b631f48bfa5.jpg);
    padding-bottom: 110px
  }
}

.page-campaign-sponsor .form-wrapper,
.page-campaign-water-project-sponsorship-uk .form-wrapper,
.page-campaign-water-project-sponsorship .form-wrapper {
  padding: 30px;
  margin-top: 10px;
  background-color: hsla(0, 0%, 100%, .7);
  max-width: 420px;
  border-radius: 4px
}

.page-campaign-sponsor.page-thankyou .container.sponsor-thank-you,
.page-campaign-water-project-sponsorship-uk.page-thankyou .container.sponsor-thank-you,
.page-campaign-water-project-sponsorship.page-thankyou .container.sponsor-thank-you {
  background: transparent;
  padding-bottom: 0
}

.page-campaign-sponsor .sponsor-container,
.page-campaign-water-project-sponsorship-uk .sponsor-container,
.page-campaign-water-project-sponsorship .sponsor-container {
  padding: 20px
}

.page-campaign-sponsor .sponsor-padding,
.page-campaign-water-project-sponsorship-uk .sponsor-padding,
.page-campaign-water-project-sponsorship .sponsor-padding {
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #e9eae4
}

.page-campaign-sponsor .section-header,
.page-campaign-water-project-sponsorship-uk .section-header,
.page-campaign-water-project-sponsorship .section-header {
  padding-top: 0;
  border-top: 0
}

.page-campaign-sponsor .text-icon-block,
.page-campaign-water-project-sponsorship-uk .text-icon-block,
.page-campaign-water-project-sponsorship .text-icon-block {
  margin: 30px auto 0
}

.page-campaign-sponsor .text-icon-block p,
.page-campaign-water-project-sponsorship-uk .text-icon-block p,
.page-campaign-water-project-sponsorship .text-icon-block p {
  color: #9b9b94
}

.page-campaign-sponsor .text-icon-block .icn,
.page-campaign-water-project-sponsorship-uk .text-icon-block .icn,
.page-campaign-water-project-sponsorship .text-icon-block .icn {
  font-size: 50px;
  display: block;
  margin-bottom: 10px
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .text-icon-block .icn,
  .page-campaign-water-project-sponsorship-uk .text-icon-block .icn,
  .page-campaign-water-project-sponsorship .text-icon-block .icn {
    margin-bottom: 20px
  }
}

.page-campaign-sponsor .p30 a,
.page-campaign-water-project-sponsorship-uk .p30 a,
.page-campaign-water-project-sponsorship .p30 a {
  font-size: 19px
}

.page-campaign-sponsor .p40 a,
.page-campaign-water-project-sponsorship-uk .p40 a,
.page-campaign-water-project-sponsorship .p40 a {
  font-size: 16px
}

.page-campaign-sponsor .section-timeline .first-update h1,
.page-campaign-sponsor .section-timeline .first-update span,
.page-campaign-water-project-sponsorship-uk .section-timeline .first-update h1,
.page-campaign-water-project-sponsorship-uk .section-timeline .first-update span,
.page-campaign-water-project-sponsorship .section-timeline .first-update h1,
.page-campaign-water-project-sponsorship .section-timeline .first-update span {
  background-color: #f2cb70
}

.page-campaign-sponsor .section-timeline .first-update h3,
.page-campaign-water-project-sponsorship-uk .section-timeline .first-update h3,
.page-campaign-water-project-sponsorship .section-timeline .first-update h3 {
  color: #f2cb70
}

.page-campaign-sponsor .section-timeline .second-update h1,
.page-campaign-sponsor .section-timeline .second-update span,
.page-campaign-water-project-sponsorship-uk .section-timeline .second-update h1,
.page-campaign-water-project-sponsorship-uk .section-timeline .second-update span,
.page-campaign-water-project-sponsorship .section-timeline .second-update h1,
.page-campaign-water-project-sponsorship .section-timeline .second-update span {
  background-color: #90c7f2
}

.page-campaign-sponsor .section-timeline .second-update h3,
.page-campaign-water-project-sponsorship-uk .section-timeline .second-update h3,
.page-campaign-water-project-sponsorship .section-timeline .second-update h3 {
  color: #90c7f2
}

.page-campaign-sponsor .section-timeline .third-update h1,
.page-campaign-sponsor .section-timeline .third-update span,
.page-campaign-water-project-sponsorship-uk .section-timeline .third-update h1,
.page-campaign-water-project-sponsorship-uk .section-timeline .third-update span,
.page-campaign-water-project-sponsorship .section-timeline .third-update h1,
.page-campaign-water-project-sponsorship .section-timeline .third-update span {
  background-color: #a4c7a5
}

.page-campaign-sponsor .section-timeline .third-update h3,
.page-campaign-water-project-sponsorship-uk .section-timeline .third-update h3,
.page-campaign-water-project-sponsorship .section-timeline .third-update h3 {
  color: #a4c7a5
}

.page-campaign-sponsor .section-timeline span.cw-icon-star,
.page-campaign-water-project-sponsorship-uk .section-timeline span.cw-icon-star,
.page-campaign-water-project-sponsorship .section-timeline span.cw-icon-star {
  padding: 5px;
  margin-right: 5px;
  border-radius: 100%
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .section-timeline .first-update>.flex,
  .page-campaign-sponsor .section-timeline .second-update>.flex,
  .page-campaign-water-project-sponsorship-uk .section-timeline .first-update>.flex,
  .page-campaign-water-project-sponsorship-uk .section-timeline .second-update>.flex,
  .page-campaign-water-project-sponsorship .section-timeline .first-update>.flex,
  .page-campaign-water-project-sponsorship .section-timeline .second-update>.flex {
    min-height: 250px
  }
}

.page-campaign-sponsor .section-proof p,
.page-campaign-water-project-sponsorship-uk .section-proof p,
.page-campaign-water-project-sponsorship .section-proof p {
  max-width: 430px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .section-proof p,
  .page-campaign-water-project-sponsorship-uk .section-proof p,
  .page-campaign-water-project-sponsorship .section-proof p {
    max-width: none
  }
}

.page-campaign-sponsor .large-proof-image,
.page-campaign-water-project-sponsorship-uk .large-proof-image,
.page-campaign-water-project-sponsorship .large-proof-image {
  margin-top: 60px
}

.page-campaign-sponsor .faq-container,
.page-campaign-water-project-sponsorship-uk .faq-container,
.page-campaign-water-project-sponsorship .faq-container {
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
  padding: 20px;
  background: #e3f0fa;
  margin-top: 2.35765%;
  color: #333232;
  line-height: 1.375;
  display: block;
  position: relative
}

.page-campaign-sponsor .faq-container:hover,
.page-campaign-water-project-sponsorship-uk .faq-container:hover,
.page-campaign-water-project-sponsorship .faq-container:hover {
  background: #ecf5fc
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .faq-container.columns,
  .page-campaign-water-project-sponsorship-uk .faq-container.columns,
  .page-campaign-water-project-sponsorship .faq-container.columns {
    display: table;
    height: 130px
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .faq-container.columns,
  .page-campaign-water-project-sponsorship-uk .faq-container.columns,
  .page-campaign-water-project-sponsorship .faq-container.columns {
    height: 85px
  }
}

.page-campaign-sponsor .faq-container .text,
.page-campaign-water-project-sponsorship-uk .faq-container .text,
.page-campaign-water-project-sponsorship .faq-container .text {
  display: inline-block;
  padding: 0 40px
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .faq-container .text,
  .page-campaign-water-project-sponsorship-uk .faq-container .text,
  .page-campaign-water-project-sponsorship .faq-container .text {
    display: table-cell;
    vertical-align: middle
  }
}

.page-campaign-sponsor .faq-container .icn,
.page-campaign-water-project-sponsorship-uk .faq-container .icn,
.page-campaign-water-project-sponsorship .faq-container .icn {
  position: absolute;
  color: #8cc2eb;
  top: 50%;
  margin-top: -8px
}

.page-campaign-sponsor .faq-container .cw-icon-chevron-right,
.page-campaign-water-project-sponsorship-uk .faq-container .cw-icon-chevron-right,
.page-campaign-water-project-sponsorship .faq-container .cw-icon-chevron-right {
  right: 20px
}

.page-campaign-sponsor .modal-inner .modal-title h2,
.page-campaign-water-project-sponsorship-uk .modal-inner .modal-title h2,
.page-campaign-water-project-sponsorship .modal-inner .modal-title h2 {
  max-width: 450px
}

.page-campaign-sponsor .modal-inner p:first-child,
.page-campaign-water-project-sponsorship-uk .modal-inner p:first-child,
.page-campaign-water-project-sponsorship .modal-inner p:first-child {
  margin-top: 0
}

.page-campaign-sponsor .modal-inner p:last-child,
.page-campaign-water-project-sponsorship-uk .modal-inner p:last-child,
.page-campaign-water-project-sponsorship .modal-inner p:last-child {
  margin-bottom: 0
}

.page-campaign-sponsor .modal-inner li,
.page-campaign-water-project-sponsorship-uk .modal-inner li,
.page-campaign-water-project-sponsorship .modal-inner li {
  margin-top: 10px
}

.page-campaign-sponsor .modal-inner li:first-child,
.page-campaign-water-project-sponsorship-uk .modal-inner li:first-child,
.page-campaign-water-project-sponsorship .modal-inner li:first-child {
  margin-top: 0
}

.page-campaign-sponsor .water-solution,
.page-campaign-water-project-sponsorship-uk .water-solution,
.page-campaign-water-project-sponsorship .water-solution {
  max-width: 230px
}

.page-campaign-sponsor .water-solution .icn,
.page-campaign-water-project-sponsorship-uk .water-solution .icn,
.page-campaign-water-project-sponsorship .water-solution .icn {
  color: #369ff4
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .water-solution,
  .page-campaign-water-project-sponsorship-uk .water-solution,
  .page-campaign-water-project-sponsorship .water-solution {
    max-width: none
  }
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .section-water-projects .main-subheading,
  .page-campaign-water-project-sponsorship-uk .section-water-projects .main-subheading,
  .page-campaign-water-project-sponsorship .section-water-projects .main-subheading {
    max-width: 790px;
    margin-left: auto;
    margin-right: auto
  }
}

.page-campaign-sponsor .wce-text,
.page-campaign-water-project-sponsorship-uk .wce-text,
.page-campaign-water-project-sponsorship .wce-text {
  max-width: 310px
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .wce-text,
  .page-campaign-water-project-sponsorship-uk .wce-text,
  .page-campaign-water-project-sponsorship .wce-text {
    max-width: none
  }
}

.page-campaign-sponsor .wce-text .cw-icon-drop,
.page-campaign-water-project-sponsorship-uk .wce-text .cw-icon-drop,
.page-campaign-water-project-sponsorship .wce-text .cw-icon-drop {
  color: #369ff4
}

.page-campaign-sponsor .wce-text .cw-icon-heart,
.page-campaign-water-project-sponsorship-uk .wce-text .cw-icon-heart,
.page-campaign-water-project-sponsorship .wce-text .cw-icon-heart {
  color: #fa575d
}

.page-campaign-sponsor .wce-text .cw-icon-pencil,
.page-campaign-water-project-sponsorship-uk .wce-text .cw-icon-pencil,
.page-campaign-water-project-sponsorship .wce-text .cw-icon-pencil {
  color: #ffca0a
}

.page-campaign-sponsor .wce-text .cw-icon-woman-1,
.page-campaign-water-project-sponsorship-uk .wce-text .cw-icon-woman-1,
.page-campaign-water-project-sponsorship .wce-text .cw-icon-woman-1 {
  color: #9064bf
}

.page-campaign-sponsor .wce-text .cw-icon-shopping-cart,
.page-campaign-water-project-sponsorship-uk .wce-text .cw-icon-shopping-cart,
.page-campaign-water-project-sponsorship .wce-text .cw-icon-shopping-cart {
  color: #8ed4cc
}

.page-campaign-sponsor .wce-text .cw-icon-dollar,
.page-campaign-water-project-sponsorship-uk .wce-text .cw-icon-dollar,
.page-campaign-water-project-sponsorship .wce-text .cw-icon-dollar {
  color: #59c77f
}

.page-campaign-sponsor .section-have-questions h2,
.page-campaign-water-project-sponsorship-uk .section-have-questions h2,
.page-campaign-water-project-sponsorship .section-have-questions h2 {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}

.page-campaign-sponsor .section-have-questions .icn,
.page-campaign-water-project-sponsorship-uk .section-have-questions .icn,
.page-campaign-water-project-sponsorship .section-have-questions .icn {
  position: relative;
  top: 2px
}

.page-campaign-sponsor .section-have-questions a,
.page-campaign-water-project-sponsorship-uk .section-have-questions a,
.page-campaign-water-project-sponsorship .section-have-questions a {
  color: #333232
}

.page-campaign-sponsor .section-have-questions a:hover,
.page-campaign-water-project-sponsorship-uk .section-have-questions a:hover,
.page-campaign-water-project-sponsorship .section-have-questions a:hover {
  color: #676464
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .section-have-questions h2,
  .page-campaign-water-project-sponsorship-uk .section-have-questions h2,
  .page-campaign-water-project-sponsorship .section-have-questions h2 {
    max-width: 780px
  }

  .page-campaign-sponsor .section-have-questions br,
  .page-campaign-water-project-sponsorship-uk .section-have-questions br,
  .page-campaign-water-project-sponsorship .section-have-questions br {
    display: none
  }

  .page-campaign-sponsor .section-have-questions .cw-icon-mail,
  .page-campaign-water-project-sponsorship-uk .section-have-questions .cw-icon-mail,
  .page-campaign-water-project-sponsorship .section-have-questions .cw-icon-mail {
    margin-left: 20px
  }
}

.page-campaign-sponsor .text-questions,
.page-campaign-water-project-sponsorship-uk .text-questions,
.page-campaign-water-project-sponsorship .text-questions {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .text-questions,
  .page-campaign-water-project-sponsorship-uk .text-questions,
  .page-campaign-water-project-sponsorship .text-questions {
    max-width: none
  }
}

.page-campaign-sponsor .conclusion-image,
.page-campaign-water-project-sponsorship-uk .conclusion-image,
.page-campaign-water-project-sponsorship .conclusion-image {
  padding-bottom: 51.25%;
  background-size: cover;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/sponsor/sponsor-bottom-small-7722a9b43899a81494f4be0468fe19ad.jpg);
  margin-top: -10%
}

@media only screen and (min-width:641px) {

  .page-campaign-sponsor .conclusion-image,
  .page-campaign-water-project-sponsorship-uk .conclusion-image,
  .page-campaign-water-project-sponsorship .conclusion-image {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/sponsor/sponsor-bottom-medium-b44cf7abdd23fc5b9084264e9f12fc6d.jpg)
  }
}

@media only screen and (min-width:1025px) {

  .page-campaign-sponsor .conclusion-image,
  .page-campaign-water-project-sponsorship-uk .conclusion-image,
  .page-campaign-water-project-sponsorship .conclusion-image {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/sponsor/sponsor-bottom-large-41f2888f2424082b0a5d8f8ec62689d5.jpg)
  }
}

.the-spring-new .hero {
  align-items: flex-start;
  background-color: #bae3f0;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0
}

@media only screen and (min-width:1025px) {
  .the-spring-new .hero {
    align-items: center;
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.the-spring-new .hero:after {
  background-image: none;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .the-spring-new .hero:after {
    background-image: none;
    display: none
  }
}

.the-spring-new .hero .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .the-spring-new .hero .row {
    padding: 120px 0
  }
}

.the-spring-new .hero .row:after {
  clear: both;
  content: "";
  display: table
}

.the-spring-new .hero:after {
  display: none
}

.the-spring-new .hero .row {
  padding: 120px 0 60px;
  color: #1a1a1a
}

.the-spring-new .hero .counter span {
  background-color: #333232;
  border-radius: 2px;
  border: 1px solid #dfdfd7;
  color: #fff;
  display: inline-block;
  font-size: 42px;
  margin-right: 5px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 48px;
  z-index: 1
}

.the-spring-new .hero .counter span:after {
  border-bottom: 1px solid #fff;
  content: "";
  display: inline-block;
  left: 0;
  position: absolute;
  top: 35px;
  width: 46px;
  z-index: -1
}

.the-spring-new .hero .counter span {
  background-color: #1080b9;
  border-color: #fff
}

@media only screen and (max-width:641px) {
  .the-spring-new .hero .counter span {
    font-size: 28px;
    width: 36px;
    padding: 5px
  }
}

@media only screen and (max-width:641px) {
  .the-spring-new .hero .counter span:after {
    top: 20px;
    width: 36px
  }
}

.the-spring-new .hero .counter:last-child {
  margin-left: 0
}

@media only screen and (min-width:1025px) {
  .the-spring-new .hero .counter:last-child {
    margin-left: 20px
  }
}

.the-spring-new .spring-value .side {
  padding-bottom: 20px
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-value .side {
    padding: 0
  }
}

.the-spring-new .spring-value .value-prop-1 .text-left {
  order: 2
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-value .value-prop-1 .text-left {
    order: 1
  }
}

.the-spring-new .spring-value .value-prop-1 .cover-image {
  order: 1
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-value .value-prop-1 .cover-image {
    order: 2
  }
}

.the-spring-new .spring-value .text {
  width: 90%
}

.the-spring-new .spring-value .cover-image .img {
  min-height: 250px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-value .cover-image .img {
    width: 90%
  }
}

.the-spring-new .spring-benefits .slide {
  flex-direction: row;
  overflow: hidden
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide {
    flex-direction: column
  }
}

.the-spring-new .spring-benefits .slide.swiper-slide-active {
  z-index: 10
}

.the-spring-new .spring-benefits .slide.good-news,
.the-spring-new .spring-benefits .slide.journey {
  min-height: 450px
}

@media only screen and (min-width:641px) {

  .the-spring-new .spring-benefits .slide.good-news,
  .the-spring-new .spring-benefits .slide.journey {
    min-height: 500px
  }
}

@media only screen and (min-width:1025px) {

  .the-spring-new .spring-benefits .slide.good-news,
  .the-spring-new .spring-benefits .slide.journey {
    min-height: 400px
  }
}

@media only screen and (max-width:641px) {
  .the-spring-new .spring-benefits .slide.good-news {
    align-items: flex-start;
    background-color: #f8f5f0;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    margin-top: 0
  }
}

@media only screen and (max-width:641px) and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.good-news {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-gn-bg-desktop-4c1339bccdcd4a1ef21dc1b123b0255b.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

@media only screen and (max-width:641px) {
  .the-spring-new .spring-benefits .slide.good-news:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-gn-bg-mobile-14c5c01dece0f4199881dfbbbac48517.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 300px;
    width: 100%
  }
}

@media only screen and (max-width:641px) and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.good-news:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-gn-bg-desktop-4c1339bccdcd4a1ef21dc1b123b0255b.jpg);
    display: none
  }
}

@media only screen and (max-width:641px) {
  .the-spring-new .spring-benefits .slide.good-news .row {
    padding: 120px 30px 0;
    text-align: center;
    width: 100%
  }
}

@media only screen and (max-width:641px) and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.good-news .row {
    padding: 120px 0
  }
}

@media only screen and (max-width:641px) {
  .the-spring-new .spring-benefits .slide.good-news .row:after {
    clear: both;
    content: "";
    display: table
  }
}

@media only screen and (min-width:641px) {
  .the-spring-new .spring-benefits .slide.good-news {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-gn-bg-desktop-4c1339bccdcd4a1ef21dc1b123b0255b.jpg)
  }
}

.the-spring-new .spring-benefits .slide.journey .poster-container {
  max-height: 250px
}

.the-spring-new .spring-benefits .slide.journey .poster {
  height: 320px;
  width: 225px;
  background-position: bottom;
  background-size: cover
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.journey .poster {
    background-position: 50%;
    height: 320px;
    width: 225px
  }
}

.the-spring-new .spring-benefits .slide.journey .poster.uganda {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-journey-uganda-poster-dd30c75b8fce3a18f34acf520671fe70.svg)
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.journey .poster.uganda {
    display: block;
    left: -20%
  }
}

.the-spring-new .spring-benefits .slide.journey .poster.cambodia {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-journey-cambodia-poster-247aa66ad45a5839fa130c3eeeb6930f.svg);
  left: -10%
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.journey .poster.cambodia {
    left: 50%
  }
}

.the-spring-new .spring-benefits .slide.journey .poster.ethiopia {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-journey-ethiopia-poster-3320a3a30648c2af19ba27e0aae012d0.svg);
  left: auto
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.journey .poster.ethiopia {
    left: calc(50% + 250px)
  }
}

.the-spring-new .spring-benefits .slide.journey .poster.rwanda {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-journey-rwanda-poster-2a751c8e7f247b034ccc86809da6eac2.svg);
  right: -10%
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .slide.journey .poster.rwanda {
    left: calc(50% + 500px)
  }
}

.the-spring-new .spring-benefits .slide .inside-slide {
  padding: 0
}

@media only screen and (min-width:641px) {
  .the-spring-new .spring-benefits .slide .inside-slide {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (min-width:641px) {
  .the-spring-new .spring-benefits .slide .inside-slide .text-content {
    min-width: 400px;
    max-width: 500px
  }
}

.the-spring-new .spring-benefits .swiper-pagination {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  max-width: 980px;
  margin: 0 auto
}

.the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  opacity: .5;
  cursor: pointer
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet {
    flex-direction: row
  }
}

.the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: none
}

.the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet.swiper-pagination-bullet-active:after {
  content: "\e626";
  font-family: cw-icons;
  color: #fff;
  font-size: 30px;
  position: absolute;
  z-index: 2;
  left: 40%;
  bottom: -40px
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet.swiper-pagination-bullet-active:after {
    left: 50%
  }
}

.the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet .bullet-icn {
  width: 60px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: 100% 50px;
  background-position: 50%;
  margin-right: 0
}

@media only screen and (min-width:1025px) {
  .the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet .bullet-icn {
    margin-right: 15px
  }
}

.the-spring-new .spring-benefits .swiper-pagination .spring-pagination-bullet .bullet-label {
  color: #00ac7f;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase
}

.the-spring-new .featured-members .swiper-slide {
  height: auto;
  opacity: .65
}

@media only screen and (min-width:1025px) {
  .the-spring-new .featured-members .swiper-slide {
    height: 200px
  }
}

.the-spring-new .featured-members .swiper-slide.swiper-slide-active {
  opacity: 1
}

@media only screen and (max-width:641px) {
  .the-spring-new .featured-members .swiper-slide .image {
    height: 200px
  }
}

.the-spring-new .featured-members .swiper-slide .name {
  font-size: 13px
}

.the-spring-new .proof-container .spring-proof-module-wrapper {
  height: 960px
}

@media only screen and (min-width:1025px) {
  .the-spring-new .proof-container .spring-proof-module-wrapper {
    height: 640px
  }
}

.the-spring-new .proof-container .spring-proof-module-wrapper--members-only {
  max-width: 1200px
}

.the-spring-new .proof-container .spring-proof-module-wrapper--members-only .toggle-impact .toggle-buttons {
  margin-top: -50% !important
}

.the-spring-new .proof-container .spring-proof-module {
  max-width: 490px
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .the-spring-new .proof-container .spring-proof-module {
    margin-bottom: 300px
  }
}

.the-spring-new .proof-container .spring-proof-module .country-list-wrapper {
  height: 250px
}

.the-spring-new .proof-container .spring-proof-module .country-list-wrapper a:first-child div {
  border-top: 0 !important
}

.the-spring-new .proof-container .spring-proof-module .country-flag-image {
  height: 30px;
  width: 40px
}

.the-spring-new .proof-container .spring-proof-module .country-hero-image,
.the-spring-new .proof-container .spring-proof-module .relative:first-child {
  height: 160px;
  width: 100%
}

.the-spring-new .proof-container .spring-proof-module .header {
  height: auto;
  padding: 15px 20px
}

@media only screen and (max-width:641px) {
  .the-spring-new .proof-container .spring-proof-module .water-projects-text {
    margin: auto;
    max-width: 90px
  }
}

.the-spring-new .proof-container .spring-proof-module .overview-wrapper .overflow-auto {
  max-height: 161px
}

.the-spring-new .proof-container .spring-proof-module .all-grant-data-wrapper {
  max-height: 130px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter {
  height: 50px;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 50px;
  z-index: 3
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-text:after {
  content: "0%"
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 0;
  margin-left: 25px;
  position: absolute;
  width: 0
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-quadrant-2 {
  background-color: #59c77f;
  height: -25px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: -25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-quadrant-3 {
  background-color: #59c77f;
  height: -50px;
  margin-left: 75px;
  margin-top: 100px;
  position: absolute;
  width: -50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-0 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -75px;
  position: absolute;
  top: 100px;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 50px;
  z-index: 3
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-text:after {
  content: "25%"
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 25px;
  margin-left: 25px;
  position: absolute;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 0;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 0
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-quadrant-3 {
  background-color: #59c77f;
  height: -25px;
  margin-left: 50px;
  margin-top: 75px;
  position: absolute;
  width: -25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-25 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -50px;
  position: absolute;
  top: 75px;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 50px;
  z-index: 3
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-text:after {
  content: "50%"
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 50px;
  margin-left: 25px;
  position: absolute;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 25px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 0;
  margin-left: 25px;
  margin-top: 50px;
  position: absolute;
  width: 0
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-50 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -25px;
  position: absolute;
  top: 50px;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 50px;
  z-index: 3
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-text:after {
  content: "75%"
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 75px;
  margin-left: 25px;
  position: absolute;
  width: 75px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 50px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 25px;
  margin-left: 0;
  margin-top: 25px;
  position: absolute;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-75 .meter-quadrant-4 {
  background-color: #59c77f;
  height: 0;
  position: absolute;
  top: 25px;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 50px;
  z-index: 3
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-text:after {
  content: "100%"
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 100px;
  margin-left: 25px;
  position: absolute;
  width: 100px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 75px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 75px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 50px;
  margin-left: -25px;
  margin-top: 0;
  position: absolute;
  width: 50px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter.percent-100 .meter-quadrant-4 {
  background-color: #59c77f;
  height: 25px;
  position: absolute;
  top: 0;
  width: 25px
}

.the-spring-new .proof-container .spring-proof-module .grant-completion-meter p {
  font-weight: 500
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-image,
  .the-spring-new .proof-container .map-pins-wrapper {
    bottom: 0;
    position: absolute
  }
}

@media only screen and (max-width:641px) {

  .the-spring-new .proof-container .map-image,
  .the-spring-new .proof-container .map-pins-wrapper {
    left: 0;
    min-width: 800px;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
    width: 800px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-image,
  .the-spring-new .proof-container .map-pins-wrapper {
    left: 50%;
    min-width: 980px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 980px
  }
}

@media only screen and (min-width:1025px) {
  .the-spring-new .proof-container .map-image {
    bottom: 50%;
    right: -100px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
}

@media only screen and (min-width:1441px) {
  .the-spring-new .proof-container .map-image {
    right: 0
  }
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .the-spring-new .proof-container .map-pins-wrapper {
    bottom: -40px
  }
}

@media only screen and (max-width:641px) {

  .the-spring-new .proof-container .map-pin,
  .the-spring-new .proof-container .map-pin--disabled {
    height: 34px;
    width: 23px
  }
}

.the-spring-new .proof-container .map-pin--disabled.bangladesh,
.the-spring-new .proof-container .map-pin.bangladesh {
  bottom: 250px;
  right: 215px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.bangladesh,
  .the-spring-new .proof-container .map-pin.bangladesh {
    bottom: 300px;
    right: 260px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.bangladesh,
  .the-spring-new .proof-container .map-pin.bangladesh {
    bottom: 320px;
    right: 160px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.bangladesh,
  .the-spring-new .proof-container .map-pin.bangladesh {
    bottom: 320px;
    right: 260px
  }
}

.the-spring-new .proof-container .map-pin--disabled.cambodia,
.the-spring-new .proof-container .map-pin.cambodia {
  bottom: 220px;
  right: 175px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.cambodia,
  .the-spring-new .proof-container .map-pin.cambodia {
    bottom: 260px;
    right: 215px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.cambodia,
  .the-spring-new .proof-container .map-pin.cambodia {
    bottom: 280px;
    right: 115px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.cambodia,
  .the-spring-new .proof-container .map-pin.cambodia {
    bottom: 280px;
    right: 215px
  }
}

.the-spring-new .proof-container .map-pin--disabled.central-african-republic,
.the-spring-new .proof-container .map-pin.central-african-republic {
  bottom: 200px;
  right: 365px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.central-african-republic,
  .the-spring-new .proof-container .map-pin.central-african-republic {
    bottom: 240px;
    right: 455px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.central-african-republic,
  .the-spring-new .proof-container .map-pin.central-african-republic {
    bottom: 260px;
    right: 355px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.central-african-republic,
  .the-spring-new .proof-container .map-pin.central-african-republic {
    bottom: 260px;
    right: 455px
  }
}

.the-spring-new .proof-container .map-pin--disabled.cote-d-ivoire,
.the-spring-new .proof-container .map-pin.cote-d-ivoire {
  bottom: 205px;
  right: 415px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.cote-d-ivoire,
  .the-spring-new .proof-container .map-pin.cote-d-ivoire {
    bottom: 245px;
    right: 515px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.cote-d-ivoire,
  .the-spring-new .proof-container .map-pin.cote-d-ivoire {
    bottom: 265px;
    right: 415px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.cote-d-ivoire,
  .the-spring-new .proof-container .map-pin.cote-d-ivoire {
    bottom: 265px;
    right: 515px
  }
}

.the-spring-new .proof-container .map-pin--disabled.ethiopia,
.the-spring-new .proof-container .map-pin.ethiopia {
  bottom: 205px;
  right: 330px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.ethiopia,
  .the-spring-new .proof-container .map-pin.ethiopia {
    bottom: 245px;
    right: 400px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.ethiopia,
  .the-spring-new .proof-container .map-pin.ethiopia {
    bottom: 265px;
    right: 300px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.ethiopia,
  .the-spring-new .proof-container .map-pin.ethiopia {
    bottom: 265px;
    right: 400px
  }
}

.the-spring-new .proof-container .map-pin--disabled.india,
.the-spring-new .proof-container .map-pin.india {
  bottom: 240px;
  right: 235px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.india,
  .the-spring-new .proof-container .map-pin.india {
    bottom: 285px;
    right: 290px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.india,
  .the-spring-new .proof-container .map-pin.india {
    bottom: 305px;
    right: 190px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.india,
  .the-spring-new .proof-container .map-pin.india {
    bottom: 305px;
    right: 290px
  }
}

.the-spring-new .proof-container .map-pin--disabled.kenya,
.the-spring-new .proof-container .map-pin.kenya {
  bottom: 186px;
  right: 330px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.kenya,
  .the-spring-new .proof-container .map-pin.kenya {
    bottom: 226px;
    right: 400px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.kenya,
  .the-spring-new .proof-container .map-pin.kenya {
    bottom: 246px;
    right: 300px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.kenya,
  .the-spring-new .proof-container .map-pin.kenya {
    bottom: 246px;
    right: 400px
  }
}

.the-spring-new .proof-container .map-pin--disabled.madagascar,
.the-spring-new .proof-container .map-pin.madagascar {
  bottom: 145px;
  right: 305px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.madagascar,
  .the-spring-new .proof-container .map-pin.madagascar {
    bottom: 165px;
    right: 375px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.madagascar,
  .the-spring-new .proof-container .map-pin.madagascar {
    bottom: 185px;
    right: 275px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.madagascar,
  .the-spring-new .proof-container .map-pin.madagascar {
    bottom: 185px;
    right: 375px
  }
}

.the-spring-new .proof-container .map-pin--disabled.malawi,
.the-spring-new .proof-container .map-pin.malawi {
  bottom: 160px;
  right: 340px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.malawi,
  .the-spring-new .proof-container .map-pin.malawi {
    bottom: 190px;
    right: 415px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.malawi,
  .the-spring-new .proof-container .map-pin.malawi {
    bottom: 210px;
    right: 315px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.malawi,
  .the-spring-new .proof-container .map-pin.malawi {
    bottom: 210px;
    right: 415px
  }
}

.the-spring-new .proof-container .map-pin--disabled.mali,
.the-spring-new .proof-container .map-pin.mali {
  bottom: 230px;
  right: 405px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.mali,
  .the-spring-new .proof-container .map-pin.mali {
    bottom: 270px;
    right: 495px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.mali,
  .the-spring-new .proof-container .map-pin.mali {
    bottom: 290px;
    right: 395px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.mali,
  .the-spring-new .proof-container .map-pin.mali {
    bottom: 290px;
    right: 495px
  }
}

.the-spring-new .proof-container .map-pin--disabled.mozambique,
.the-spring-new .proof-container .map-pin.mozambique {
  bottom: 145px;
  right: 335px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.mozambique,
  .the-spring-new .proof-container .map-pin.mozambique {
    bottom: 165px;
    right: 410px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.mozambique,
  .the-spring-new .proof-container .map-pin.mozambique {
    bottom: 185px;
    right: 310px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.mozambique,
  .the-spring-new .proof-container .map-pin.mozambique {
    bottom: 185px;
    right: 410px
  }
}

.the-spring-new .proof-container .map-pin--disabled.nepal,
.the-spring-new .proof-container .map-pin.nepal {
  bottom: 280px;
  right: 230px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.nepal,
  .the-spring-new .proof-container .map-pin.nepal {
    bottom: 330px;
    right: 280px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.nepal,
  .the-spring-new .proof-container .map-pin.nepal {
    bottom: 350px;
    right: 180px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.nepal,
  .the-spring-new .proof-container .map-pin.nepal {
    bottom: 350px;
    right: 280px
  }
}

.the-spring-new .proof-container .map-pin--disabled.niger,
.the-spring-new .proof-container .map-pin.niger {
  bottom: 230px;
  right: 385px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.niger,
  .the-spring-new .proof-container .map-pin.niger {
    bottom: 270px;
    right: 475px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.niger,
  .the-spring-new .proof-container .map-pin.niger {
    bottom: 290px;
    right: 375px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.niger,
  .the-spring-new .proof-container .map-pin.niger {
    bottom: 290px;
    right: 475px
  }
}

.the-spring-new .proof-container .map-pin--disabled.rwanda,
.the-spring-new .proof-container .map-pin.rwanda {
  bottom: 180px;
  right: 360px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.rwanda,
  .the-spring-new .proof-container .map-pin.rwanda {
    bottom: 210px;
    right: 435px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.rwanda,
  .the-spring-new .proof-container .map-pin.rwanda {
    bottom: 230px;
    right: 335px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.rwanda,
  .the-spring-new .proof-container .map-pin.rwanda {
    bottom: 230px;
    right: 435px
  }
}

.the-spring-new .proof-container .map-pin--disabled.sierra-leone,
.the-spring-new .proof-container .map-pin.sierra-leone {
  bottom: 205px;
  right: 435px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.sierra-leone,
  .the-spring-new .proof-container .map-pin.sierra-leone {
    bottom: 245px;
    right: 535px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.sierra-leone,
  .the-spring-new .proof-container .map-pin.sierra-leone {
    bottom: 265px;
    right: 435px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.sierra-leone,
  .the-spring-new .proof-container .map-pin.sierra-leone {
    bottom: 265px;
    right: 535px
  }
}

.the-spring-new .proof-container .map-pin--disabled.uganda,
.the-spring-new .proof-container .map-pin.uganda {
  bottom: 195px;
  right: 345px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.uganda,
  .the-spring-new .proof-container .map-pin.uganda {
    bottom: 230px;
    right: 420px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.uganda,
  .the-spring-new .proof-container .map-pin.uganda {
    bottom: 250px;
    right: 320px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.uganda,
  .the-spring-new .proof-container .map-pin.uganda {
    bottom: 250px;
    right: 420px
  }
}

.the-spring-new .proof-container .map-pin--disabled.zambia,
.the-spring-new .proof-container .map-pin.zambia {
  bottom: 167px;
  right: 359px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .the-spring-new .proof-container .map-pin--disabled.zambia,
  .the-spring-new .proof-container .map-pin.zambia {
    bottom: 187px;
    right: 434px
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.zambia,
  .the-spring-new .proof-container .map-pin.zambia {
    bottom: 207px;
    right: 334px
  }
}

@media only screen and (min-width:1441px) {

  .the-spring-new .proof-container .map-pin--disabled.zambia,
  .the-spring-new .proof-container .map-pin.zambia {
    bottom: 207px;
    right: 434px
  }
}

.the-spring-new.the-spring-new-members-only .toggle-impact {
  z-index: 100000
}

.the-spring-new.the-spring-new-members-only .toggle-impact.show-impact:before {
  bottom: -18px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border: 13px solid transparent;
  border-bottom-color: #dfdfd7;
  margin-left: 244px
}

.the-spring-new.the-spring-new-members-only .toggle-impact.show-impact:after {
  bottom: -19px;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border: 13px solid transparent;
  border-bottom-color: #fff;
  margin-left: -80px
}

.the-spring-new.the-spring-new-members-only .member-profile img {
  width: 60px;
  height: 60px
}

@media only screen and (min-width:641px) {
  .the-spring-new.the-spring-new-members-only .map-image.impact-padding-top {
    padding-top: 102px
  }
}

.the-spring-new.the-spring-new-members-only .journey-spotlight .header {
  height: 300px
}

.the-spring-new.the-spring-new-members-only .journey-spotlight .header .logo {
  height: 32px
}

.the-spring-new.the-spring-new-members-only .journey-spotlight .journey-poster {
  height: 320px;
  width: 230px
}

.the-spring-new.the-spring-new-members-only .journey-spotlight .journey-poster span {
  border-radius: 50%;
  height: 50px;
  width: 50px
}

@media only screen and (min-width:641px) {
  .the-spring-new.the-spring-new-members-only .journey-spotlight .journey-poster:first-child {
    margin-left: 0 !important
  }
}

.the-spring-new.the-spring-new-members-only .share-the-spring-cta .button {
  background-color: #1080b9
}

.the-spring-new.the-spring-new-members-only .modal .clipboard-button .btn {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  word-wrap: break-word
}

@media only screen and (min-width:641px) {
  .the-spring-new.the-spring-new-members-only .modal .clipboard-button .btn {
    width: 60%
  }
}

.the-spring-new.the-spring-new-members-only .faq .help-img {
  height: 90px;
  width: 90px
}

.the-spring-new .form-wrapper .header {
  display: none
}

.the-spring-new .donate-form-container {
  padding-top: 0
}

.the-spring.page-campaign .header {
  max-width: 330px;
  margin: 0 auto
}

@media only screen and (min-width:1025px) {
  .the-spring.page-campaign .header {
    max-width: 390px;
    margin: 0
  }
}

.the-spring .container {
  padding: 0;
  background-color: #f7f8f8
}

.the-spring .secondary-body-section {
  color: #295160
}

@media only screen and (min-width:1025px) {
  .the-spring .secondary-body-section {
    padding-left: 20px;
    padding-right: 20px
  }
}

.the-spring .donate-calc-fixed {
  display: none
}

@media only screen and (min-width:1025px) {
  .the-spring .donate-calc-fixed {
    display: block;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: hsla(0, 0%, 100%, .85);
    height: 130px;
    z-index: 99999;
    -webkit-transition: background .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: background .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: background .15s linear, transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: background .15s linear, transform .4s cubic-bezier(.86, 0, .07, 1), -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    -webkit-transform: translateY(-90px);
    transform: translateY(-90px)
  }

  .the-spring .donate-calc-fixed:hover {
    background: #fff
  }

  .the-spring .donate-calc-fixed h4 {
    max-width: 530px;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    text-align: left
  }

  .the-spring .donate-calc-fixed .donate-calc-fixed-inner {
    align-items: center;
    max-width: 980px;
    display: -webkit-box;
    display: flex;
    margin: auto;
    height: 100%
  }

  .the-spring .donate-calc-fixed .donate-calc-fixed-inner .subtitle {
    margin-bottom: 0;
    max-width: unset;
    padding: 0 60px
  }

  .the-spring .donate-calc-fixed .donate-calc-fixed-inner .button {
    background: transparent;
    min-width: 130px
  }

  .the-spring .donate-calc-fixed .donate-calc-fixed-inner .button:hover {
    background: transparent
  }
}

@media only screen and (min-width:1025px) {
  .the-spring.fixed-donate-ask .donate-calc-fixed {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: background .15s linear, opacity .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: background .15s linear, opacity .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
    transition: background .15s linear, transform .4s cubic-bezier(.86, 0, .07, 1), opacity .15s linear;
    transition: background .15s linear, transform .4s cubic-bezier(.86, 0, .07, 1), opacity .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1)
  }
}

.the-spring .hero {
  background-color: #b2c9b9;
  padding: 70px 20px 0;
  color: #fff;
  position: relative
}

@media only screen and (min-width:1025px) {
  .the-spring .hero {
    padding-top: 60px;
    padding-bottom: 5%;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-landing-hero-desktop-e916ee3305a6f522936a2f3ed62e83ce.jpg);
    background-size: cover;
    background-position: top
  }
}

.the-spring .hero:after {
  content: "";
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-landing-hero-mobile-e0b4afc5c81286fb508f8e64a879eabc.jpg);
  background-size: cover;
  background-position: top;
  height: 0;
  padding-bottom: 75%;
  width: calc(100% + 40px);
  margin: 0 -20px
}

@media only screen and (min-width:641px) {
  .the-spring .hero:after {
    padding-bottom: 50%
  }
}

@media only screen and (min-width:1025px) {
  .the-spring .hero:after {
    display: none
  }
}

.the-spring .hero h1 {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  color: #295160
}

.the-spring .hero .subtitle {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  color: #295160
}

@media only screen and (min-width:1025px) {
  .the-spring .hero .subtitle {
    max-width: 440px
  }
}

.the-spring .donate-calc {
  display: block;
  padding: 40px 20px;
  background: #fff
}

.the-spring .donate-calc h4 {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: #295160;
  line-height: 1.5;
  font-size: 23px
}

@media only screen and (min-width:1025px) {
  .the-spring .join-main-cta {
    min-height: 700px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/spring-landing-section-background-desktop-305c172bed622467e11885f4a5df0729.jpg);
    background-position: 50%;
    background-size: cover;
    position: relative
  }
}

.the-spring .join-main-cta p {
  max-width: 480px;
  margin: 20px auto;
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .the-spring .join-main-cta p {
    padding: 0;
    margin-top: 10px
  }
}

@media only screen and (min-width:1025px) {
  .the-spring .join-main-cta p {
    max-width: 570px
  }
}

.the-spring .join-main-cta .join-main-cta-text {
  padding: 60px 0 40px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f7f8f8), to(#f4f7f8));
  background-image: linear-gradient(0deg, #f7f8f8, #f4f7f8)
}

@media only screen and (min-width:641px) {
  .the-spring .join-main-cta .join-main-cta-text {
    padding: 60px 0
  }
}

@media only screen and (min-width:1025px) {
  .the-spring .join-main-cta .join-main-cta-text {
    position: relative;
    padding: 60px 0 100px;
    background-image: none;
    left: 50%;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    max-width: 480px
  }
}

.the-spring .join-main-cta .join-main-cta-text h2 {
  max-width: 740px;
  margin: 0 auto 10px;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .the-spring .join-main-cta .join-main-cta-text h2 {
    max-width: 480px;
    padding: 0
  }
}

.the-spring .join-main-cta .join-main-cta-text h2:before {
  content: "";
  display: block;
  height: 80px;
  width: 100%;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/spring-rebranding/spring-logo-legacy-palette-5468efa802974970727d2a1deec629ce.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0 auto 30px
}

@media only screen and (min-width:1025px) {
  .the-spring .join-main-cta .join-main-cta-text h2:before {
    margin-bottom: 20px
  }
}

.the-spring .join-main-cta .join-main-cta-text .the-spring-video {
  margin: 0 auto
}

@media only screen and (min-width:641px) {
  .the-spring .join-main-cta .join-main-cta-text .the-spring-video {
    max-width: 480px
  }
}

.the-spring .spring-icn {
  display: block;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 35px;
  height: 35px
}

.the-spring .water-icon {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/icon-drop-d4f12ed62ed4abd4195606155f894fc5.png)
}

.the-spring .gear-icon {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/icon-gear-562bd691b35ffa64ab0218dcadfd37b3.png)
}

.the-spring .email-icon {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/icon-email-7ecce7958e3d733c4d7352e4a9685fbe.png)
}

.the-spring .impact {
  width: 100%;
  padding: 60px 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f7f8f8), to(#f4f7f8));
  background-image: linear-gradient(0deg, #f7f8f8, #f4f7f8);
  border-top: 1px solid #dfdfd7;
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:1025px) {
  .the-spring .impact {
    padding: 60px 0 20px
  }
}

.the-spring .impact .impact-items {
  max-width: 450px;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

@media only screen and (min-width:1025px) {
  .the-spring .impact .impact-items {
    flex-direction: row;
    max-width: 980px;
    padding-bottom: 60px
  }
}

.the-spring .impact .impact-items .item {
  margin: 40px 20px 0
}

@media only screen and (min-width:1025px) {
  .the-spring .impact .impact-items .item {
    margin: 0 20px
  }
}

.the-spring .impact .impact-items .item:first-child {
  margin-top: 0
}

.the-spring .impact .impact-items .item .icon {
  min-height: 76px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px
}

.the-spring .impact .impact-items .item h2 {
  color: #295160;
  text-transform: uppercase
}

.the-spring .impact .impact-items .item p {
  color: #295160
}

.the-spring .testimonials {
  padding-top: 60px;
  color: #295160;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#eaf7fc));
  background: linear-gradient(hsla(0, 0%, 100%, 0), #eaf7fc)
}

@media only screen and (min-width:1025px) {
  .the-spring .testimonials {
    padding-top: 60px
  }
}

.the-spring .testimonials h3 {
  padding: 0 20px
}

.the-spring .desktop-testimonials {
  display: none
}

@media only screen and (min-width:1025px) {
  .the-spring .desktop-testimonials {
    display: -webkit-box;
    display: flex;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }

  .the-spring .desktop-testimonials h3 {
    margin-bottom: 30px
  }

  .the-spring .desktop-testimonials .testimonial-slide {
    flex: 1 1
  }

  .the-spring .desktop-testimonials .testimonial-text {
    max-width: 460px;
    padding: 0 10px;
    margin: 30px auto
  }

  .the-spring .desktop-testimonials .testimonial-person {
    padding: 0 40px
  }
}

.the-spring .swiper-container {
  width: 100vw
}

@media only screen and (min-width:1025px) {
  .the-spring .swiper-container {
    display: none
  }
}

.the-spring .swiper-button-next,
.the-spring .swiper-button-prev {
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px
}

.the-spring .swiper-button-prev,
.the-spring .swiper-container-rtl .swiper-button-next {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/arrow-left-c085f5b9b45fc628842b378c99c64aec.png)
}

.the-spring .swiper-button-next,
.the-spring .swiper-container-rtl .swiper-button-prev {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/arrow-right-8f238246fe505f30371e85ca56cd05a6.png)
}

.the-spring .testimonial-image {
  display: block;
  width: 100px;
  height: 100px;
  margin: 30px auto 0;
  border-radius: 50%
}

.the-spring .testimonial-text {
  padding: 0 50px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto
}

.the-spring .testimonial-person {
  padding: 0 75px;
  margin-top: 15px;
  margin-bottom: 0;
  color: #1ba9e0
}

.the-spring .testimonial-location {
  margin-top: 5px
}

.the-spring .map-stats-section {
  padding: 60px 20px;
  background: #eaf7fc
}

@media only screen and (min-width:1025px) {
  .the-spring .map-stats-section {
    padding: 100px 0
  }
}

.the-spring .map-stats-section h3 {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px
}

@media only screen and (min-width:1025px) {
  .the-spring .map-stats-section h3 {
    max-width: 510px
  }
}

.the-spring .map {
  display: block;
  height: 0;
  padding-bottom: 60%;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/spring/map-9796c6666a5756ea86224dc623af0fb8.png);
  background-size: contain;
  background-repeat: no-repeat
}

@media only screen and (min-width:641px) {
  .the-spring .map {
    padding-bottom: 0;
    height: 400px;
    background-position: 50%;
    margin-bottom: 30px
  }
}

@media only screen and (min-width:641px) {
  .the-spring .stat-wrapper {
    display: -webkit-box;
    display: flex;
    text-align: center;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }
}

.the-spring .stat {
  margin-top: 45px
}

@media only screen and (min-width:641px) {
  .the-spring .stat {
    flex: 1 1
  }
}

.the-spring .stat-number {
  font-weight: 500
}

.the-spring .stat-label {
  margin-top: 10px;
  color: #1ba9e0;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .the-spring .stat-label {
    max-width: none
  }
}

.page-campaign.user-campaign .container {
  background-color: #e1eef7;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-flip-small-8bd9f1585f95c3c09af3f547247d570f.jpg);
  background-position: 50% fixed;
  background-repeat: no-repeat
}

@media only screen and (min-width:641px) {
  .page-campaign.user-campaign .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-flip-med-ac54351a9a93eb7ab6da87f113055eee.jpg);
    background-size: 100% auto;
    padding-bottom: 25%
  }
}

@media only screen and (min-width:1025px) {
  .page-campaign.user-campaign .container {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/donations/backgrounds/general-water-flip-large-0f8f3a5faafb5664b44ac07a6eee8547.jpg);
    padding-bottom: 110px
  }
}

.page-campaign.user-campaign .donate-form.single {
  display: block
}

@media only screen and (min-width:1025px) {
  .page-campaign.user-campaign .donate-form.single {
    text-align: left
  }
}

.page-campaign.user-campaign .campaigner-info-wrapper .avatar-container {
  height: 50px;
  width: 50px;
  min-height: 50px;
  min-width: 50px
}

.page-campaign.user-campaign .campaigner-info-wrapper .avatar-initial {
  line-height: 50px
}

.page-campaign.user-campaign .campaigner-info-wrapper a {
  color: #000
}

.email-preferences .panel .align-fixed-width-center {
  max-width: 420px;
  margin-right: auto;
  margin-left: auto
}

.email-preferences .panel .align-fixed-width-center .avatar {
  border-radius: 50%;
  border-width: 3px;
  border-style: solid
}

.email-preferences .panel .align-fixed-width-center .avatar-initial {
  align-items: center;
  display: -webkit-box;
  display: flex;
  font-size: 36px;
  height: 120px;
  justify-content: center;
  line-height: unset;
  width: 120px
}

.email-preferences .panel .align-fixed-width-center .email {
  position: relative;
  top: -4px;
  font-size: 16px
}

.email-preferences .panel .align-fixed-width-center .change-email-link {
  display: block
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .email-preferences .panel .align-fixed-width-center .change-email-link {
    display: inline-block
  }
}

.email-preferences .panel .word-break {
  word-break: break-word
}

.email-preferences .action-tile.main_list .action-tile-left {
  align-items: center;
  display: -webkit-box;
  display: flex
}

.email-preferences .action-tile.main_list .action-tile-left>span.p30 {
  margin-right: 10px
}

.email-preferences .action-tile.main_list .action-tile-left .js-select-flag {
  pointer-events: none
}

.email-preferences .action-tile.main_list .action-tile-left .js-select-flag.uk {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/uk-flag-d76fa02971fc1c313b22005a0616e2b8.svg)
}

.email-preferences .action-tile.main_list .action-tile-left .js-select-flag.us {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/us-flag-562473448c9c2a6a506b855fd2a08a9a.svg)
}

.email-preferences .action-tile.main_list .action-tile-left .cw-icon-caret-down {
  font-size: 12px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 9px;
  z-index: 2
}

.email-preferences .action-tile.main_list .action-tile-left .input-wrapper.mailing_list_subscriber_user_country {
  margin-bottom: 0 !important
}

.email-preferences .action-tile.main_list .action-tile-left .input-wrapper.mailing_list_subscriber_user_country select {
  background-image: none;
  border-color: #828282;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px 5px 35px !important
}

.email-preferences .edit_mailing_list_subscriber ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.email-preferences .edit_mailing_list_subscriber .component-footer {
  background-color: #f4f5f0;
  border-top: 1px solid #dfdfd7;
  padding: 10px;
  border-radius: 0 0 4px 4px
}

@media only screen and (min-width:641px) {
  .email-preferences .edit_mailing_list_subscriber .component-footer .row {
    display: -webkit-box;
    display: flex
  }

  .email-preferences .edit_mailing_list_subscriber .component-footer .row .columns {
    float: none;
    margin-right: 0;
    width: 50%
  }
}

.email-preferences .edit_mailing_list_subscriber .button {
  width: 100%
}

@media only screen and (min-width:641px) {
  .email-preferences .edit_mailing_list_subscriber .button {
    width: auto
  }
}

.email-preferences .edit_mailing_list_subscriber .unsubscribe-all {
  background-color: transparent;
  cursor: pointer
}

.email-preferences .edit_mailing_list_subscriber h1 {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .email-preferences .edit_mailing_list_subscriber .order-md-first {
    order: -1
  }

  .email-preferences .edit_mailing_list_subscriber .order-md-last {
    order: 1
  }
}

.email-preferences .edit_mailing_list_subscriber .email_address_notice {
  letter-spacing: .01em
}

.email-preferences .edit_mailing_list_subscriber .donation-updates {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/donation-updates-8190a697f0f514f358266f9af756fc23.svg)
}

.email-preferences .edit_mailing_list_subscriber .main-list {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/main-list-18a36615ce23dc7267f62ac96e4e9f1b.svg)
}

.email-preferences .edit_mailing_list_subscriber .thirst-updates {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/thirst-updates-2514921b6f699ddb33175a9c70d671a0.svg)
}

.email-preferences .edit_mailing_list_subscriber .event-updates {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/event-updates-2ee935d819d7b9b3ed84c2bb65be72fc.svg)
}

.email-preferences .edit_mailing_list_subscriber .volunteer-updates {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/volunteer-updates-85ab860b796b5475b69bacfe6224690e.svg)
}

.email-preferences .edit_mailing_list_subscriber .campaign-updates {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/campaign-updates-8d7933e1515e96b5ee255907ee223dc9.svg)
}

.email-preferences .edit_mailing_list_subscriber .bps-updates,
.email-preferences .edit_mailing_list_subscriber .spring-updates {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/spring-updates-4db0de57e3e994fae6b518025158c59f.svg)
}

.exception {
  margin: 2.5em 0 0
}

.exception p {
  margin-bottom: .2em
}

.exception h4 {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 1em
}

.exception img.missing {
  margin-bottom: 2em
}

.founders {
  margin: 0;
  padding: 0;
  font-family: Roboto Mono, monospace;
  font-size: 16px
}

.founders * {
  box-sizing: border-box;
  line-height: 1.5em
}

.founders h1,
.founders h2,
.founders h3,
.founders h4,
.founders h5,
.founders h6 {
  font-weight: 400;
  margin: 0;
  padding: 0
}

.founders a {
  text-decoration: underline;
  color: #000
}

.founders a:hover {
  color: #4d4d4d
}

.founders img {
  max-width: 100%
}

.founders .h2 {
  font-size: 25px
}

@media (min-width:640px) {
  .founders .h2 {
    font-size: 30px
  }
}

@media (min-width:1000px) {
  .founders .h2 {
    font-size: 35px
  }
}

.founders .h3 {
  font-size: 20px
}

@media (min-width:640px) {
  .founders .h3 {
    font-size: 25px
  }
}

.founders .h4 {
  font-size: 20px
}

.founders .h5 {
  font-size: 16px
}

@media (min-width:640px) {
  .founders .h5 {
    font-size: 18px
  }
}

.founders .founders-section-inner {
  position: relative;
  z-index: 10;
  padding: 60px 20px;
  text-align: center
}

@media (min-width:1000px) {
  .founders .founders-section-inner {
    padding-top: 100px;
    padding-bottom: 100px
  }
}

.founders .founders-section-header {
  text-transform: uppercase;
  letter-spacing: 2px
}

.founders .swiper-button-next,
.founders .swiper-button-prev,
.founders .swiper-container-rtl .swiper-button-next,
.founders .swiper-container-rtl .swiper-button-prev {
  background: transparent;
  cursor: pointer;
  z-index: 20
}

.founders .swiper-button-next {
  text-align: right
}

.founders .founders-hero {
  position: relative;
  height: 0;
  padding-bottom: 600px
}

@media (min-width:640px) {
  .founders .founders-hero {
    padding-bottom: 690px
  }
}

.founders .founders-hero:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: bottom
}

@media (min-width:1000px) {
  .founders .founders-hero:after {
    width: 50%
  }
}

.founders .founders-hero .founders-section-inner {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:640px) {
  .founders .founders-hero .founders-section-inner {
    max-width: 600px
  }
}

@media (min-width:1000px) {
  .founders .founders-hero .founders-section-inner {
    max-width: 980px;
    padding-top: 120px
  }
}

.founders .founders-hero .founders-section-inner .cw-icon-jerrycan:before {
  font-size: 45px
}

@media (min-width:1000px) {
  .founders .founders-hero .founders-hero-body-copy {
    max-width: 450px;
    margin-left: auto;
    text-align: left;
    padding-left: 40px;
    padding-top: 50px
  }
}

.founders .p-default {
  font-weight: 100
}

.founders .main-headline {
  font-family: ManifoldCF-Regular, serif;
  font-size: 40px;
  max-width: 260px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 20px auto 0;
  line-height: 1;
  letter-spacing: 5px
}

@media (min-width:640px) {
  .founders .main-headline {
    font-size: 50px;
    max-width: 360px
  }
}

@media (min-width:1000px) {
  .founders .main-headline {
    font-size: 90px;
    max-width: 510px
  }
}

.founders .founders-hero-scroll-arrow {
  text-transform: uppercase;
  display: inline-block;
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: 1px
}

.founders .founders-quote {
  position: relative
}

.founders .founders-quote:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  background-size: cover;
  background-position: bottom
}

@media (min-width:1000px) {
  .founders .founders-quote:after {
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-position: top
  }
}

@media (min-width:1000px) {
  .founders .founders-quote .founders-section-inner {
    max-width: 980px;
    margin: auto;
    text-align: left
  }
}

.founders .founders-quote .quote {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  height: 12px
}

.founders .founders-quote .quote.left {
  margin-bottom: 30px
}

@media (min-width:1000px) {
  .founders .founders-quote .quote.left {
    margin: 0 0 -28px -20px;
    display: block;
    position: relative;
    top: -5px
  }
}

.founders .founders-quote .quote.right {
  margin-top: 40px
}

@media (min-width:1000px) {
  .founders .founders-quote .quote {
    display: inline
  }
}

.founders .founders-quote .quote-text {
  font-family: ManifoldCF-Regular, serif;
  text-transform: uppercase;
  font-size: 40px;
  max-width: 300px;
  display: block;
  margin: auto
}

@media (min-width:1000px) {
  .founders .founders-quote .quote-text {
    margin: 0;
    display: inline
  }
}

.founders .founders-quote-title,
.founders .founders-quote-title span {
  line-height: 1
}

@media (min-width:1000px) {
  .founders .founders-quote-title {
    max-width: 350px
  }
}

.founders .founders-quote-person {
  color: #999;
  margin-top: 40px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 28px
}

@media (min-width:1000px) {
  .founders .founders-quote-person {
    margin: 0;
    position: absolute;
    top: 215px;
    left: 190px
  }
}

.founders .section-hosts {
  background: #e8ecee
}

.founders .founders-person-wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 375px;
  margin: 20px auto 0
}

@media (min-width:1000px) {
  .founders .founders-person-wrapper {
    max-width: 980px
  }
}

.founders .founders-person {
  width: 50%;
  margin-top: 30px;
  padding: 0 20px
}

@media (min-width:640px) {
  .founders .founders-person {
    padding: 0
  }
}

@media (min-width:1000px) {
  .founders .founders-person {
    width: 25%
  }
}

.founders .founders-person img {
  display: block;
  margin: 0 auto 20px;
  padding: 0;
  border-radius: 50%;
  max-width: 105px
}

@media (min-width:640px) {
  .founders .founders-person img {
    max-width: 145px
  }
}

.founders .founders-person .h3 {
  font-size: 16px
}

.founders .founders-person .h4 {
  font-size: 14px;
  color: #717171;
  margin-top: 5px;
  font-weight: 100
}

.founders .founders-person .twitter-link {
  display: inline-block;
  text-decoration: none;
  color: #717171;
  margin-top: 8px
}

.founders .founders-person .twitter-link:hover {
  color: #979797
}

.founders .past-peeps-inner {
  padding: 60px 0;
  text-align: center
}

.founders .past-peeps-inner .swiper-button-next,
.founders .past-peeps-inner .swiper-button-prev {
  background-color: transparent;
  padding-top: 7px;
  width: 40px
}

.founders .past-peeps-inner .swiper-button-next:hover,
.founders .past-peeps-inner .swiper-button-prev:hover {
  background-color: #000
}

.founders .past-peeps-inner .swiper-button-next:hover i,
.founders .past-peeps-inner .swiper-button-prev:hover i {
  color: #fff
}

.founders .past-peeps-inner .swiper-button-next {
  right: 0
}

.founders .past-peeps-inner .swiper-button-prev {
  left: 0
}

.founders .past-peeps-inner .swiper-container:after,
.founders .past-peeps-inner .swiper-container:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100px;
  top: 0;
  z-index: 10
}

.founders .past-peeps-inner .swiper-container:before {
  left: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(hsla(0, 0%, 100%, .5)));
  background-image: linear-gradient(270deg, transparent, hsla(0, 0%, 100%, .5))
}

.founders .past-peeps-inner .swiper-container:after {
  right: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, .5)), to(transparent));
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .5), transparent)
}

.founders .itinerary {
  position: relative;
  background: #f8f7f1
}

.founders .itinerary a,
.founders .itinerary li,
.founders .itinerary p,
.founders .itinerary ul {
  font-size: 14px
}

.founders .itinerary ul {
  padding-left: 40px
}

.founders .itinerary .founders-section-inner {
  padding: 30px 20px
}

@media (min-width:1000px) {
  .founders .itinerary .founders-section-inner {
    text-align: left;
    position: relative;
    max-width: 50%;
    left: 50%;
    padding: 60px 40px
  }
}

.founders .itinerary-header {
  text-align: center
}

.founders .itinerary-header p {
  margin-top: 0
}

.founders .itinerary-header h2 {
  text-transform: uppercase
}

.founders .itinerary-day-header p {
  margin-top: 5px;
  margin-bottom: 10px
}

@media (min-width:1000px) {
  .founders .itinerary-day-header p {
    margin-top: 0;
    margin-bottom: 0
  }
}

.founders .itinerary-day-header .itinerary-day-day {
  flex: 1 1
}

.founders .itinerary-day {
  margin-top: 40px
}

@media (min-width:1000px) {
  .founders .itinerary-day {
    margin-top: 20px
  }
}

.founders .itinerary-day li {
  color: #717171
}

.founders .itinerary-day li em {
  display: block;
  font-size: 12px;
  margin-top: 5px
}

.founders .itinerary-day-label {
  color: #717171;
  text-transform: uppercase;
  flex: 1 1;
  line-height: 1.35
}

@media (min-width:1000px) {
  .founders .itinerary-day-label {
    margin-left: auto;
    text-align: right
  }
}

.founders .itinerary-details {
  text-align: left
}

.founders .itinerary-gallery-link {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  background-size: cover;
  background-position: bottom;
  position: relative
}

@media (min-width:1000px) {
  .founders .itinerary-gallery-link {
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat
  }
}

.founders .open-gallery {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 10px 30px;
  cursor: pointer;
  background: #fff;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 2px;
  text-decoration: none
}

.founders .open-gallery:hover {
  background: #000;
  color: #fff
}

.founders .testimonials .founders-person-wrapper {
  display: block;
  max-width: none
}

@media (min-width:1000px) {
  .founders .testimonials .founders-person-wrapper {
    display: -webkit-box;
    display: flex;
    max-width: 980px
  }
}

.founders .testimonials .founders-person {
  margin: 45px auto;
  width: 100%;
  max-width: 400px
}

@media (min-width:1000px) {
  .founders .testimonials .founders-person {
    flex: 1 1;
    width: auto;
    padding: 0 20px;
    max-width: none
  }
}

.founders .faq-container {
  position: relative;
  text-align: center;
  padding: 60px 0 30%
}

.founders .faq-container:after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 66%;
  background-size: cover;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1
}

@media (min-width:640px) {
  .founders .faq-wrapper {
    margin: 45px auto 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    max-width: 980px;
    text-align: left
  }
}

.founders .faq {
  margin-top: 45px;
  padding: 0 20px
}

.founders .faq em {
  display: block;
  font-size: 12px;
  margin-top: 10px
}

.founders .faq p {
  color: #717171
}

@media (min-width:640px) {
  .founders .faq {
    margin-top: 0;
    width: 50%;
    margin-bottom: 30px
  }
}

.founders .faq-button {
  display: inline-block;
  margin-top: 60px
}

@media (min-width:640px) {
  .founders .faq-button {
    padding: 10px 20px;
    border: 1px solid;
    text-decoration: none
  }

  .founders .faq-button:hover {
    background: #000;
    color: #fff
  }
}

.founders .faq-psudo-inner {
  position: relative;
  z-index: 2
}

.founders .join-trip {
  background: #f8f7f1
}

.founders .join-trip .founders-section-header {
  text-align: center;
  padding-top: 60px
}

.founders .join-trip .founders-section-inner {
  text-align: left;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:1000px) {
  .founders .join-trip .founders-section-inner {
    display: -webkit-box;
    display: flex;
    max-width: 980px;
    flex-wrap: wrap;
    background-size: 96.25% 76.2%;
    background-repeat: no-repeat;
    background-position: 39.7% 33.85%;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/founders/dotted-path-6dfc013d9b4ca3dd479a04b0cf65ffe0.png)
  }
}

.founders .trip-block {
  position: relative;
  padding-left: 75px;
  padding-top: 60px
}

@media (min-width:1000px) {
  .founders .trip-block {
    width: 450px;
    padding-right: 20px;
    padding-left: 95px;
    padding-top: 0;
    margin-bottom: 100px
  }

  .founders .trip-block:nth-child(5) {
    margin-bottom: 0
  }

  .founders .trip-block:nth-child(2),
  .founders .trip-block:nth-child(4) {
    margin-top: 150px
  }
}

.founders .trip-block:first-child {
  padding-top: 0
}

.founders .trip-block:first-child .block-number {
  top: 0
}

.founders .trip-block:nth-child(5):after {
  height: 70px
}

.founders .trip-block:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 25px;
  border-left: 2px dashed rgba(0, 0, 0, .25);
  width: 2px;
  z-index: 1
}

@media (min-width:1000px) {
  .founders .trip-block:after {
    display: none
  }
}

.founders .trip-block p {
  margin-bottom: 0
}

.founders .block-number {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 45px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  top: 60px;
  border: 2px dashed rgba(0, 0, 0, .25);
  z-index: 2
}

@media (min-width:1000px) {
  .founders .block-number {
    border: 0;
    font-size: 22px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    top: 0
  }
}

.founders .trip-button {
  display: inline-block;
  margin-top: 20px
}

.founders .swiper-gallery-container {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

.founders .swiper-gallery-container:before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, .9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.founders .swiper-gallery-container.popup {
  visibility: visible;
  opacity: 1
}

.founders .swiper-gallery-container .swiper-button-next i,
.founders .swiper-gallery-container .swiper-button-prev i {
  color: #fff
}

.founders .swiper-gallery-container .swiper-container {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 50px
}

.founders .swiper-gallery-container .swiper-slide {
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media (min-width:1000px) {
  .founders .swiper-gallery-container .swiper-slide img {
    max-width: 600px
  }
}

.founders .swiper-gallery-container .swiper-slide p {
  color: #fff;
  max-width: 600px;
  text-align: center
}

.founders .swiper-gallery-container .swiper-slide a {
  color: #fff
}

.founders .swiper-gallery-container .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  opacity: 1;
  background: transparent
}

.founders .swiper-gallery-container .swiper-pagination-bullet-active {
  background: #fff
}

.founders .close-gallery {
  position: absolute;
  top: 20px;
  right: 20px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  cursor: pointer;
  color: #fff;
  text-decoration: none
}

.founders .footer {
  padding: 60px 20px
}

.founders .footer img {
  display: block;
  margin: auto
}

.mailing-list-subscribers .container {
  text-align: center
}

@media only screen and (min-width:641px) {
  .mailing-list-subscribers .container {
    padding-top: 100px
  }
}

.mailing-list-subscribers h2 {
  font-weight: 400
}

@media only screen and (min-width:641px) {
  .mailing-list-subscribers .form {
    width: 45%;
    float: left
  }
}

@media only screen and (min-width:1025px) {
  .mailing-list-subscribers .form {
    margin-top: 80px
  }
}

.mailing-list-subscribers form {
  padding-top: 10px
}

.mailing-list-subscribers img.inbox {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  box-shadow: 0 0 25px rgba(0, 0, 0, .15);
  margin-top: 60px
}

@media only screen and (min-width:641px) {
  .mailing-list-subscribers img.inbox {
    margin-top: 0;
    width: 45%;
    float: right
  }
}

.account.default.user-profile.impact-profile.modal-open .flash {
  display: none
}

.account.default.user-profile.impact-profile .container {
  background-position: bottom;
  background-color: #fff;
  background-size: 100% auto;
  background-repeat: no-repeat;
  text-align: center;
  padding: 0
}

.account.default.user-profile.impact-profile .container .hero {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding: 0;
  min-height: 214px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .hero {
    min-height: 421px
  }
}

.account.default.user-profile.impact-profile .container .hero:after {
  position: absolute;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(57%, transparent), to(rgba(0, 0, 0, .5)));
  background-image: linear-gradient(0deg, transparent 57%, rgba(0, 0, 0, .5));
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  min-height: 214px;
  content: ""
}

.account.default.user-profile.impact-profile .container .hero .change-link {
  background: rgba(0, 0, 0, .75);
  position: absolute;
  right: 30px;
  top: 310px;
  letter-spacing: 1.5px
}

.account.default.user-profile.impact-profile .container .hero .change-link .icn {
  padding-right: 7px;
  font-size: 13px
}

.account.default.user-profile.impact-profile .container .hero-divider {
  height: 30px;
  width: 100vw
}

.account.default.user-profile.impact-profile .container .summary {
  background-color: #f7f7f7;
  width: 100%;
  padding: 60px 0;
  margin: 0 auto
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary {
    width: 100%;
    margin: 0
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box {
  position: relative;
  border: 1px solid #dfdfd7;
  border-radius: 4px;
  background-color: #fff;
  margin: -120px auto 0;
  width: calc(100% - 40px)
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box {
    width: 645px;
    margin-top: -160px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box {
  width: 122px;
  height: 122px;
  margin: -60px auto 0;
  border-radius: 8px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box {
    margin-top: -70px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box a {
  height: 100%;
  width: 100%
}

.account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box:hover .edit-avatar {
  opacity: 1
}

.account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box .edit-avatar {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  background: rgba(0, 0, 0, .8);
  border-radius: 0 0 8px 8px;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 13px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  left: 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box .edit-avatar i {
  margin-right: 3px
}

.account.default.user-profile.impact-profile .container .summary .summary-box .avatar-box .avatar {
  border: 2px solid #dfdfd7;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  font-size: 30px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: flex
}

.account.default.user-profile.impact-profile .container .summary .summary-box .name {
  padding: 20px 30px
}

.account.default.user-profile.impact-profile .container .summary .summary-box .name h1 {
  font-weight: 500;
  margin: 0
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .name h1 {
    font-size: 26px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .social-share-links {
  list-style: none;
  padding-left: 0;
  margin-top: 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .social-share-link {
  display: inline;
  padding: 0 8px
}

.account.default.user-profile.impact-profile .container .summary .summary-box .social-share-link a {
  color: #9b9b94
}

.account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats {
  border-top: 1px solid #dfdfd7;
  margin: 0 30px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats {
    flex-direction: row
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats .activity {
  padding: 30px 30px 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats .activity {
    padding-bottom: 30px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats .activity:last-child {
  padding: 30px
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats .inner span {
    font-size: 23px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats .inner span sup {
  font-size: 14px
}

.account.default.user-profile.impact-profile .container .summary .summary-box .activity-stats .inner p {
  font-style: italic;
  color: #9b9b94;
  margin: 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign {
  border-top: 1px solid #dfdfd7;
  padding: 25px 0;
  width: 100%
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign:first-child {
  border-top: 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign {
  display: block
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    height: auto;
    align-items: center
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-image {
  border-bottom: 0;
  flex-basis: 100%
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-image {
    flex-basis: 80px
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-image {
    flex-basis: 160px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-image div {
  width: 100%;
  border-radius: 4px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-image div {
    width: 160px;
    height: 80px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details {
  height: 80px;
  width: 100%;
  margin: 15px 0 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details {
    width: 242px;
    margin: 0 20px
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details h1 {
  margin: 0;
  font-size: 19px;
  line-height: 20px;
  width: 100%;
  text-align: left;
  padding: 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details .progress-wrapper {
  margin: 0;
  width: 100%;
  padding: 5px 0 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details .progress-wrapper .stats {
  padding: 5px 0
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details .progress-wrapper .stats .float-left,
.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details .progress-wrapper .stats .float-right {
  font-size: 12px
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-details .progress-wrapper .stats .stats-label {
  font-weight: 400;
  font-size: 13px
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-link {
  order: 3;
  margin-left: auto;
  width: 100%;
  margin-top: 15px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-link {
    width: auto;
    margin-top: 0
  }
}

.account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-link a {
  width: 100%
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .summary .summary-box .open-campaigns .campaign .individual-campaign .campaign-link a {
    width: auto
  }
}

.account.default.user-profile.impact-profile .container .side-by-side {
  box-shadow: 0 1px 0 0 #dfdfd7, 0 0 0 1px #dfdfd7;
  text-align: left
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .side-by-side.second-section .trigger-button {
    left: 50px;
    right: auto
  }
}

.account.default.user-profile.impact-profile .container .side-by-side .trigger-button {
  position: absolute;
  top: 30px;
  z-index: 100000;
  right: 50px
}

.account.default.user-profile.impact-profile .container .side-by-side .trigger-button:after {
  content: "Edit";
  padding: 0 0 0 10px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .container .side-by-side .trigger-button:after {
    content: "Edit Section"
  }
}

.account.default.user-profile.impact-profile .container .side-by-side .text {
  width: 100%;
  display: -webkit-box;
  display: flex;
  align-items: center
}

.account.default.user-profile.impact-profile .container .side-by-side .text.order-md-last {
  order: 2
}

.account.default.user-profile.impact-profile .container .side-by-side .text:not(.order-md-last) {
  justify-content: flex-end
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.impact-profile .container .side-by-side .text {
    order: 2
  }
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.impact-profile .container .side-by-side .text .inner {
    padding: 40px 20px 20px
  }
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .side-by-side .text .inner {
    max-width: 550px;
    padding: 60px
  }
}

.account.default.user-profile.impact-profile .container .side-by-side .cover-image {
  position: relative;
  min-height: 250px
}

.account.default.user-profile.impact-profile .container .side-by-side .cover-image .centered-overlay {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.impact-profile .container .side-by-side .cover-image {
    order: 1
  }
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .side-by-side .cover-image {
    min-height: 400px
  }
}

.account.default.user-profile.impact-profile .container .side-by-side .cover-image span.cw-icon-play {
  font-size: 30px;
  margin-left: 5px
}

.account.default.user-profile.impact-profile .container .black-pimp-text {
  color: #333232
}

.account.default.user-profile.impact-profile .container .black-pimp-text a {
  color: #333232;
  text-decoration: underline
}

.account.default.user-profile.impact-profile .container .white-pimp-text {
  color: #fff
}

.account.default.user-profile.impact-profile .container .white-pimp-text a {
  color: #fff;
  text-decoration: underline
}

.account.default.user-profile.impact-profile .container .impact {
  width: 100%;
  padding: 60px 0
}

.account.default.user-profile.impact-profile .container .impact .impact-items {
  max-width: 980px;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .impact .impact-items {
    flex-direction: row
  }
}

.account.default.user-profile.impact-profile .container .impact .impact-items .item {
  margin: 40px 20px 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .impact .impact-items .item {
    margin: 0 20px
  }
}

.account.default.user-profile.impact-profile .container .impact .impact-items .item:first-child {
  margin-top: 0
}

.account.default.user-profile.impact-profile .container .impact .impact-items .item .icon {
  min-height: 76px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px
}

.account.default.user-profile.impact-profile .container .impact .impact-items .item h2 {
  color: #333232
}

.account.default.user-profile.impact-profile .container .second-spring-cta {
  border: 1px solid #dfdfd7
}

.account.default.user-profile.impact-profile .container .second-spring-cta .large-8 {
  margin-bottom: 20px;
  padding-left: 20px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .container .second-spring-cta {
    padding: 40px
  }

  .account.default.user-profile.impact-profile .container .second-spring-cta .large-8 {
    text-align: left;
    padding-left: 0;
    margin-bottom: 0
  }

  .account.default.user-profile.impact-profile .container .second-spring-cta .large-4 {
    text-align: right
  }
}

.account.default.user-profile.impact-profile .container .fundraising-activity {
  margin: 60px 20px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .container .fundraising-activity {
    margin: 60px
  }
}

.account.default.user-profile.impact-profile .container .fundraising-activity .section-header {
  text-transform: uppercase;
  max-width: 980px;
  text-align: left;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfd7;
  margin: 0 auto 20px;
  letter-spacing: 1px
}

.account.default.user-profile.impact-profile .spring-logo {
  height: 77px;
  width: 77px
}

.account.default.user-profile.impact-profile .edit-link {
  margin-top: 20px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .edit-link {
    margin-top: 0;
    position: absolute;
    top: 20px;
    right: 20px
  }
}

.account.default.user-profile.impact-profile .edit-link span {
  padding-right: 8px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-form {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: 100%
}

.account.default.user-profile.impact-profile .form-container {
  padding-bottom: 58px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .form-container {
    padding-bottom: 0
  }
}

.account.default.user-profile.impact-profile .add-item-link-wrapper {
  padding: 1px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c1c1ba), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #c1c1ba), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #c1c1ba), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #c1c1ba), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, #c1c1ba 50%, transparent 0), linear-gradient(90deg, #c1c1ba 50%, transparent 0), linear-gradient(180deg, #c1c1ba 50%, transparent 0), linear-gradient(180deg, #c1c1ba 50%, transparent 0);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  margin-bottom: 14px
}

.account.default.user-profile.impact-profile .add-item-link {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  letter-spacing: 0;
  color: #369ff4;
  text-align: center
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .modal-inner {
  padding: 0 0 100px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .modal-inner {
    padding: 0
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .modal-close {
  display: none
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .modal-title {
  margin: -20px -20px 20px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .photo .cropper-view-box {
  outline: none;
  background: #e9eae4
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .photo input[type=file] {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 0;
  height: 0
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .photo .change-link {
  background-color: rgba(0, 0, 0, .75);
  position: absolute;
  top: 10px;
  right: 10px;
  letter-spacing: 1.5px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .photo .change-link .icn {
  padding-right: 7px;
  font-size: 13px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview {
  height: 260px;
  width: 100%;
  position: relative;
  background: #fff;
  background-size: cover;
  background-position: 50%;
  overflow: hidden
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview.loading img {
  display: none
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview.loading:after {
  content: "";
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/loading-d9e46bf01b6d1060bbfd5773554ff533.gif);
  background-size: contain;
  height: 60px;
  width: 60px;
  top: 100px;
  left: calc(50% - 30px);
  z-index: 9999;
  position: absolute
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range] {
  background: transparent;
  width: calc(100% - 40px);
  position: absolute;
  top: 224px;
  left: 20px;
  padding: 0;
  outline: none;
  z-index: 999;
  -webkit-appearance: none
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, .6);
  border-radius: 10px;
  outline: none;
  height: 16px;
  cursor: pointer
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-webkit-slider-thumb {
  border: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, .6);
  border-radius: 10px;
  outline: none;
  height: 16px;
  cursor: pointer
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-moz-range-thumb {
  border: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-moz-focus-outer {
  border: 0
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-ms-track {
  height: 16px;
  background: transparent;
  color: transparent;
  border-color: transparent
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, .6);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, .6);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .preview input[type=range]::-ms-thumb {
  border: 0;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .bio-textarea-wrapper {
  position: relative;
  margin: 0 10px 17px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal textarea {
  overflow: scroll;
  resize: none;
  padding: 10px 13px;
  background-color: transparent
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal textarea::-webkit-scrollbar {
  display: none
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .character-count {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 13px;
  padding: 2px 7px;
  border-radius: 4px;
  background-color: #f4f5f0;
  min-width: 34px;
  color: #9b9b94
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .character-count.over-limit {
  color: #fa575d
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor {
  list-style: none;
  padding-left: 0;
  margin-left: 10px;
  margin-right: 10px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor .social-share-link-item {
  margin-bottom: 16px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor select {
  display: inline-block;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 36%;
  min-width: 110px;
  max-width: 119px;
  background-position: 92%;
  line-height: 1.45em;
  order: 1
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor select {
    width: 119px
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor input {
  display: inline-block;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex-basis: 120px;
  flex-grow: 1;
  order: 2
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor input {
    max-width: 394px
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor .remove-social-share-link {
  display: inline-block;
  text-align: right;
  padding-top: 14px;
  width: 10%;
  max-width: 26px;
  color: #c1c1ba;
  order: 3
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor ul {
  width: 100%;
  page-break-before: always;
  order: 4;
  margin-top: 5px
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .social-share-link-editor .hidden-for-small {
    display: none
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .switch-wrapper {
  display: block;
  background-color: #f7f7f7;
  text-align: left;
  border: 1px solid #dfdfd7;
  border-radius: 3px;
  padding: 10px 6px;
  margin-right: 10px;
  margin-left: 10px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .hide-donation-amount-state {
  font-weight: 500
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .hide-donation-amount-state.hide-donation-amount-off {
  color: #9b9b94
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .color-chooser {
  background-color: #fff;
  border: 1px solid #dfdfd7;
  padding: 0;
  margin-bottom: 10px;
  border-radius: 4px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .color-chooser:after {
    clear: both;
    content: "";
    display: table
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .color-chooser>div:after {
  clear: both;
  content: "";
  display: table
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .color-chooser span {
  cursor: pointer;
  height: 52px;
  width: 52px;
  border-radius: 4px;
  display: block;
  line-height: 55px;
  float: left;
  margin-right: 10px;
  margin-bottom: 12px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .text-color-chooser {
  border-bottom: 1px solid #dfdfd7;
  border-top: 1px solid #dfdfd7
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .text-color-chooser {
    border-bottom: 0;
    border-right: 1px solid #dfdfd7;
    border-bottom-left-radius: 4px
  }

  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .text-color-chooser span:last-child {
    margin-right: 0
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .accent-color-chooser,
.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .text-color-chooser {
  background-color: #f7f7f7;
  padding: 15px 15px 3px
}

@media only screen and (min-width:1025px) {

  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .accent-color-chooser,
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .text-color-chooser {
    float: left;
    padding-left: 10px;
    padding-right: 10px
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .accent-color-chooser {
    border-top: 1px solid #dfdfd7;
    border-bottom-right-radius: 4px
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .example-paragraph-wrapper {
  margin-top: 10px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .example-paragraph {
  padding: 20px;
  margin: 10px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-wrapper {
  float: left
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input {
  height: 52px;
  margin-left: 0;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 16px;
  float: left;
  width: 186px;
  outline-style: none
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input {
    width: 228px
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input {
    width: 103px
  }
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input::-webkit-input-placeholder {
  color: #c1c1ba;
  font-weight: 100
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input::-moz-placeholder {
  color: #c1c1ba;
  font-weight: 100
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input:-ms-input-placeholder {
  color: #c1c1ba;
  font-weight: 100
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input::-ms-input-placeholder {
  color: #c1c1ba;
  font-weight: 100
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .custom-color-input::placeholder {
  color: #c1c1ba;
  font-weight: 100
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .accent-color-chooser .custom-color {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .cw-icon-ok,
.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .cw-icon-plus {
  color: #fff
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .cw-icon-plus {
  font-size: 16px
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .color-ffffff {
  border: 1px solid #dfdfd7
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal .color-ffffff .cw-icon-ok {
  color: #333232
}

.account.default.user-profile.impact-profile .edit-premium-impact-profile-modal h5 {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #9b9b94
}

.account.default.user-profile.impact-profile .transformer-tabs .active a {
  color: #333232
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

  .account.default.user-profile.impact-profile .campaigns,
  .account.default.user-profile.impact-profile .individual-campaign {
    display: block
  }

  .account.default.user-profile.impact-profile .cards {
    justify-content: flex-start;
    margin-left: -20px
  }

  .account.default.user-profile.impact-profile .card {
    margin-left: 20px
  }
}

@supports (-ms-accelerator:true) {

  .account.default.user-profile.impact-profile .campaigns,
  .account.default.user-profile.impact-profile .individual-campaign {
    display: unset
  }

  .account.default.user-profile.impact-profile .cards {
    justify-content: unset;
    margin-left: unset
  }

  .account.default.user-profile.impact-profile .card {
    margin-left: unset
  }
}

.bps-membership .donate-form form {
  border-radius: 0;
  border-style: solid none none
}

.bps-membership .bps-tos-modal .modal-inner {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/spring-logo-def4799db418a6b0890fa8fc6545b40f.png);
  background-repeat: no-repeat;
  background-size: 140px;
  background-position: center 55px;
  padding-top: 230px
}

.bps-membership .bps-tos-modal .modal-inner p {
  margin: 0 auto;
  width: 88%
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-tos-modal .modal-inner .custom-check {
    margin-top: 17px
  }
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-tos-modal .modal-inner .modal-footer {
    flex-direction: row
  }
}

.bps-membership .bps-wizard-complete-modal h1:before {
  content: "";
  display: block;
  width: 180px;
  height: 180px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/bps/build-icon-8960d2c3b296207692fdde480ddfaa11.gif);
  background-size: contain;
  margin: 0 auto
}

.bps-membership .bps-logo-upload {
  padding-bottom: 10px
}

.bps-membership .bps-logo-upload h1 {
  text-align: center;
  color: #9b9b94;
  font-weight: 400
}

@media only screen and (max-width:641px) {
  .bps-membership .ReactTable .rt-table {
    overflow: visible
  }

  .bps-membership .ReactTable .rt-tr {
    display: block;
    cursor: pointer
  }

  .bps-membership .ReactTable .rt-thead {
    display: none
  }

  .bps-membership .ReactTable .rt-tbody {
    border-top: 1px solid rgba(0, 0, 0, .05)
  }

  .bps-membership .ReactTable .rt-tbody .rt-td {
    display: block;
    width: 80% !important
  }

  .bps-membership .ReactTable .rt-tbody .rt-td:first-child {
    padding-bottom: 0;
    font-weight: 500
  }

  .bps-membership .ReactTable .rt-tbody .rt-td:nth-child(2) {
    padding-top: .25em
  }

  .bps-membership .ReactTable .rt-tbody .rt-td:nth-child(n+3) {
    display: none
  }
}

.bps-membership .logoUpload {
  display: table;
  width: 100%;
  vertical-align: middle;
  text-align: center
}

.bps-membership .logoUpload .input-wrapper {
  padding: 40px;
  margin: 20px 0;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #dfdfd7), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #dfdfd7), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dfdfd7), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #dfdfd7), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, #dfdfd7 50%, transparent 0), linear-gradient(90deg, #dfdfd7 50%, transparent 0), linear-gradient(180deg, #dfdfd7 50%, transparent 0), linear-gradient(180deg, #dfdfd7 50%, transparent 0);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px
}

.bps-membership .logoUpload .input-wrapper .button {
  display: inline-block;
  margin: 0 5px
}

@media only screen and (min-width:641px) {
  .bps-membership .logoUpload .input-wrapper .button {
    float: left
  }
}

.bps-membership .logoUpload .input-wrapper .button:first-child {
  margin-bottom: 10px
}

@media only screen and (min-width:641px) {
  .bps-membership .logoUpload .input-wrapper .button:first-child {
    margin-bottom: 0
  }
}

.bps-membership .logoUpload .input-wrapper .select-preview .inputs,
.bps-membership .logoUpload .input-wrapper .upload .inputs {
  display: table-cell;
  vertical-align: middle
}

.bps-membership .logoUpload .input-wrapper .select-preview .inputs a,
.bps-membership .logoUpload .input-wrapper .upload .inputs a {
  font-weight: 500
}

.bps-membership .logoUpload .input-wrapper .upload {
  margin: 20px auto 0
}

.bps-membership .logoUpload .input-wrapper .upload p {
  font-size: 12px;
  color: #9b9b94;
  margin: 5px 0
}

.bps-membership .logoUpload .input-wrapper .cw-logo {
  background: transparent url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/main-logo-lg-black-93638946e842ec1173a1c17ae3251fa2.png) no-repeat;
  background-size: 160px 29px;
  background-position: 0 1px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 160px;
  height: 31.25px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  font-size: 28px
}

.bps-membership .logoUpload .input-wrapper .close-symbol-wrapper {
  position: relative;
  margin: 0 10px;
  width: 100%;
  height: 28px
}

@media only screen and (min-width:641px) {
  .bps-membership .logoUpload .input-wrapper .close-symbol-wrapper {
    width: 18px;
    height: 31.25px
  }
}

.bps-membership .logoUpload .input-wrapper .close-symbol-wrapper i {
  position: relative;
  font-size: 18px
}

@media only screen and (min-width:641px) {
  .bps-membership .logoUpload .input-wrapper .close-symbol-wrapper i {
    position: absolute;
    bottom: 5px;
    right: 25%
  }
}

.bps-membership .logoUpload .input-wrapper .select-preview {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

@media only screen and (min-width:641px) {
  .bps-membership .logoUpload .input-wrapper .select-preview {
    flex-wrap: nowrap;
    height: 31.25px
  }
}

.bps-membership .logoUpload .input-wrapper .select-preview .logo-container {
  max-width: 160px;
  height: 31.25px;
  text-align: center;
  display: table-cell;
  position: relative;
  vertical-align: middle
}

.bps-membership .logoUpload .input-wrapper .select-preview .logo-container img {
  max-height: 100%;
  display: block
}

.bps-membership .logoUpload .input-wrapper .select-preview .button {
  margin: 0
}

.bps-membership .logoUpload .input-wrapper .select-preview .logo-file {
  width: 134px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: center
}

.bps-membership .logoUpload .input-wrapper .select-preview input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 0 0 100%;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 31.25px
}

.bps-membership .logoUpload.error .input-wrapper {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fa575d), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #fa575d), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fa575d), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fa575d), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, #fa575d 50%, transparent 0), linear-gradient(90deg, #fa575d 50%, transparent 0), linear-gradient(180deg, #fa575d 50%, transparent 0), linear-gradient(180deg, #fa575d 50%, transparent 0)
}

.bps-membership .logoUpload .notice-remove-wrapper {
  margin: 0 0 10px
}

.bps-membership .logoUpload .notice-remove-wrapper h1 {
  margin: 0
}

.bps-membership .logoUpload .notice-remove-wrapper a {
  display: block;
  font-size: 12px;
  color: #fa575d
}

.bps-membership .logoUpload .notice-remove-wrapper.error h1 {
  color: #fa575d
}

.bps-membership .bps-maintenance-page {
  text-align: left
}

.bps-membership .bps-maintenance-page.offline-payment-submitted .tab-content {
  flex-direction: column !important
}

.bps-membership .bps-maintenance-page.offline-payment-submitted .offline-payment-contact {
  text-align: center
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-maintenance-page .maintenance-page-module {
    border-bottom: 1px solid #dfdfd7;
    margin-bottom: 20px;
    margin-left: -20px;
    width: 100vw
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .maintenance-page-module {
    border: 1px solid #dfdfd7;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    margin-bottom: 20px;
    max-height: none
  }
}

.bps-membership .bps-maintenance-page .payment-amount-and-date-wrapper,
.bps-membership .bps-maintenance-page .payment-method-wrapper,
.bps-membership .bps-maintenance-page .tos-wrapper {
  padding: 20px
}

.bps-membership .bps-maintenance-page .payment-amount-and-date-wrapper p,
.bps-membership .bps-maintenance-page .payment-method-wrapper p,
.bps-membership .bps-maintenance-page .tos-wrapper p {
  margin: 0
}

.bps-membership .bps-maintenance-page .payment-amount {
  border-top: 0;
  padding: 0
}

.bps-membership .bps-maintenance-page .payment-date {
  align-items: center;
  display: -webkit-box;
  display: flex;
  margin-top: 10px
}

.bps-membership .bps-maintenance-page .payment-date a {
  font-size: 12px;
  margin-left: 10px;
  text-decoration: underline
}

.bps-membership .bps-maintenance-page .payment-method-wrapper,
.bps-membership .bps-maintenance-page .tos-wrapper {
  align-items: center;
  border-top: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  justify-content: space-between
}

.bps-membership .bps-maintenance-page .payment-method-wrapper a:not(.switch-payment),
.bps-membership .bps-maintenance-page .tos-wrapper a:not(.switch-payment) {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase
}

.bps-membership .bps-maintenance-page .payment-method-wrapper p:nth-of-type(2) {
  margin: 10px 0 5px
}

.bps-membership .bps-maintenance-page .bps-email-management .module-side-by-side-subsection {
  max-width: 100%
}

@media only screen and (max-width:641px),
only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .module-side-by-side-subsection:last-of-type {
    border-top: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .module-side-by-side-subsection:last-of-type {
    border-left: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .side-by-side {
    flex-direction: column
  }
}

.bps-membership .bps-maintenance-page .bps-email-management .side-by-side.offline-payment {
  flex-direction: column
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .side-by-side.offline-payment {
    flex-direction: row
  }
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .side-by-side.offline-payment .schedule-email.module-side-by-side-subsection {
    border-top: 1px solid #dfdfd7;
    border-left: 0
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .side-by-side.offline-payment .schedule-email.module-side-by-side-subsection {
    border-top: 0
  }
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-maintenance-page .bps-email-management .side-by-side.offline-payment .schedule-email.module-side-by-side-subsection:last-of-type {
    border-left: 0
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .side-by-side.offline-payment .schedule-email.module-side-by-side-subsection:last-of-type {
    border-left: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-maintenance-page .bps-email-management .schedule-email .text-wrapper {
    margin-left: 30px;
    max-width: 340px
  }
}

.bps-membership .bps-header {
  background-color: #f4f5f0;
  border-radius: 4px 4px 0 0;
  border: 1px solid #dfdfd7;
  height: 60px;
  padding: 20px;
  text-align: left
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-header {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin-left: -20px;
    width: 100vw
  }
}

.bps-membership .bps-wizard-progress-bar {
  border-bottom: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-wizard-progress-bar {
    margin-left: -20px;
    width: 100vw
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-wizard-progress-bar {
    border-left: 1px solid #dfdfd7;
    border-right: 1px solid #dfdfd7
  }
}

.bps-membership .bps-wizard-progress-bar p {
  margin-bottom: 10px;
  margin-top: 10px
}

.bps-membership .bps-wizard-progress-bar .meter-container {
  border-right: 1px solid #dfdfd7;
  padding: 25px;
  width: 130px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-text:after {
  content: "0%"
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 0;
  margin-left: 32.5px;
  position: absolute;
  width: 0
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-quadrant-2 {
  background-color: #59c77f;
  height: -32.5px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: -32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-quadrant-3 {
  background-color: #59c77f;
  height: -65px;
  margin-left: 97.5px;
  margin-top: 130px;
  position: absolute;
  width: -65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-0 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -97.5px;
  position: absolute;
  top: 130px;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-text:after {
  content: "25%"
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 32.5px;
  margin-left: 32.5px;
  position: absolute;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 0;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 0
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-quadrant-3 {
  background-color: #59c77f;
  height: -32.5px;
  margin-left: 65px;
  margin-top: 97.5px;
  position: absolute;
  width: -32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-25 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -65px;
  position: absolute;
  top: 97.5px;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-text:after {
  content: "50%"
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 65px;
  margin-left: 32.5px;
  position: absolute;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 32.5px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 0;
  margin-left: 32.5px;
  margin-top: 65px;
  position: absolute;
  width: 0
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-50 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -32.5px;
  position: absolute;
  top: 65px;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-text:after {
  content: "75%"
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 97.5px;
  margin-left: 32.5px;
  position: absolute;
  width: 97.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 65px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 32.5px;
  margin-left: 0;
  margin-top: 32.5px;
  position: absolute;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-75 .meter-quadrant-4 {
  background-color: #59c77f;
  height: 0;
  position: absolute;
  top: 32.5px;
  width: 32.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-text:after {
  content: "100%"
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 130px;
  margin-left: 32.5px;
  position: absolute;
  width: 130px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 97.5px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 97.5px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 65px;
  margin-left: -32.5px;
  margin-top: 0;
  position: absolute;
  width: 65px
}

.bps-membership .bps-wizard-progress-bar .meter-container.percent-100 .meter-quadrant-4 {
  background-color: #59c77f;
  height: 32.5px;
  position: absolute;
  top: 0;
  width: 32.5px
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-wizard-progress-bar .meter-container {
    display: none !important
  }
}

.bps-membership .bps-wizard-progress-bar .meter-container p {
  font-weight: 500
}

.bps-membership .bps-wizard-content {
  border: 1px solid #dfdfd7;
  border-top: 0;
  border-bottom: 0;
  padding: 30px 20px 0
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-wizard-content {
    border: 0;
    margin-left: calc(-1*(100vw - 100%)/2);
    width: 100vw
  }
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-wizard-content {
    padding: 30px 40px 40px
  }
}

.bps-membership .bps-wizard-content .introduction {
  text-align: left
}

.bps-membership .bps-wizard-content .introduction p {
  margin-top: 5px;
  margin-bottom: 20px
}

.bps-membership .bps-wizard-footer {
  background-color: #f7f7f7;
  border-top: 1px solid #dfdfd7 !important;
  border-radius: 0;
  height: 80px;
  margin-top: 0 !important;
  padding: 15px;
  border-right-width: 0
}

@media only screen and (max-width:641px) {
  .bps-membership .bps-wizard-footer {
    display: inline-block;
    height: auto;
    border-radius: 0
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-wizard-footer {
    border-right-width: 1px;
    border-radius: 0 0 4px 4px !important
  }
}

@media only screen and (max-width:641px) {
  .bps-membership .bps-wizard-footer div.float-right {
    display: -webkit-box;
    display: flex;
    flex-direction: column-reverse
  }
}

.bps-membership .bps-wizard-footer .button .icon {
  font-size: 11px;
  letter-spacing: 1.5px;
  line-height: 16px
}

.bps-membership .bps-wizard-footer .button .icon.cw-icon-chevron-left {
  margin-right: 6px
}

.bps-membership .bps-wizard-footer .button .icon.cw-icon-chevron-right {
  margin-left: 6px
}

.bps-membership .bps-wizard-footer a {
  font-size: 17px;
  margin-right: 24px;
  text-decoration: underline;
  vertical-align: middle
}

@media only screen and (max-width:641px) {
  .bps-membership .bps-wizard-footer a {
    font-size: 14px;
    margin-right: 0;
    margin-top: 8px;
    text-align: right
  }
}

.bps-membership .loading-icon-container {
  height: 100px;
  margin: 0 auto 30px;
  width: 100px
}

@media only screen and (min-width:641px) {
  .bps-membership .loading-icon-container {
    margin: auto
  }
}

.bps-membership .bps-team-management img {
  display: none;
  margin: 28px;
  width: 170px
}

.bps-membership .bps-team-management .manage-team-wrapper {
  text-align: left
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-team-management .manage-team-wrapper {
    border: 1px solid #dfdfd7;
    border-radius: 0 0 4px 4px
  }
}

.bps-membership .bps-team-management .manage-team-actions {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-team-management .manage-team-actions {
    display: block;
    padding: 20px
  }
}

.bps-membership .bps-team-management .manage-team-actions button {
  margin: 5px 0
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-team-management .manage-team-actions button {
    margin: 0 10px 0 0
  }
}

.bps-membership .bps-team-management .manage-team-actions button .icon {
  font-size: 12px;
  margin-right: 10px
}

.bps-membership .bps-team-management .action-icons {
  display: -webkit-box;
  display: flex;
  justify-content: space-evenly
}

.bps-membership .bps-team-management .action-icons .cw-icon-pencil,
.bps-membership .bps-team-management .action-icons .cw-icon-trash {
  color: #c1c1ba;
  font-size: 17px
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-team-management .show-for-medium-up {
    display: inline-block !important
  }
}

.bps-membership .bps-team-management.no-recipients {
  text-align: center
}

.bps-membership .bps-team-management.no-recipients img {
  display: inline-block
}

.bps-membership .bps-team-management.no-recipients .introduction {
  text-align: center
}

.bps-membership .bps-team-management.no-recipients .introduction p {
  max-width: 400px;
  margin: 20px auto 5px
}

.bps-membership .bps-team-management.no-recipients .introduction .h60 {
  font-weight: 500
}

.bps-membership .bps-team-management.no-recipients .manage-team-wrapper {
  text-align: center;
  border: 0
}

.bps-membership .bps-team-management.no-recipients .manage-team-actions {
  padding-top: 10px
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-team-management.no-recipients .manage-team-actions {
    padding-bottom: 0
  }
}

.bps-membership .bps-team-management.no-recipients .manage-team-actions button {
  max-width: 170px;
  margin: 10px auto
}

.bps-membership .bps-team-management.no-recipients:not(.wizard) {
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-team-management.no-recipients:not(.wizard) {
    border: 1px solid #dfdfd7;
    border-top: 0;
    border-radius: 0 0 4px 4px
  }
}

.bps-membership .bps-team-management:not(.no-recipients):not(.wizard) .introduction {
  display: none
}

@media only screen and (max-width:641px) {
  .bps-membership .bps-team-management:not(.no-recipients):not(.wizard) .manage-team-actions {
    padding: 20px
  }
}

@media only screen and (max-width:641px) {
  .bps-membership .bps-team-management:not(.wizard) {
    border-bottom: 1px solid #dfdfd7;
    margin-left: -20px;
    width: 100vw
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-team-management:not(.wizard) {
    margin-left: -20px;
    width: 100vw
  }
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-team-management:not(.wizard) .manage-team-wrapper {
    border-top: 0
  }
}

.bps-membership .module-wrapper {
  text-align: center
}

@media only screen and (min-width:641px) {
  .bps-membership .module-wrapper .module-side-by-side-subsection .img-container {
    height: 73px
  }
}

.bps-membership .module-wrapper .module-side-by-side-subsection .h60 {
  font-weight: 500;
  line-height: 20.9px;
  margin: 28px auto 0;
  max-width: 260px
}

@media only screen and (min-width:641px) {
  .bps-membership .module-wrapper .module-side-by-side-subsection .h60 {
    margin-top: 20px
  }
}

@media only screen and (max-width:641px) {
  .bps-membership .bps-wizard-content .module-wrapper {
    margin-left: -20px;
    width: 100vw
  }
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-wizard-content .module-wrapper {
    border: 1px solid #dfdfd7;
    border-top: 0
  }
}

.bps-membership .bps-wizard-content .module-wrapper .module-side-by-side-subsection {
  border-top: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-wizard-content .module-wrapper .module-side-by-side-subsection:last-child {
    border-left: 1px solid #dfdfd7
  }
}

.bps-membership .payment-amount {
  align-items: center;
  border-top: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 20px;
  text-align: right
}

.bps-membership .payment-amount span.dollar-sign {
  margin-right: 1px;
  position: relative;
  top: 10px;
  vertical-align: top
}

.bps-membership .payment-amount span.dollar-amount {
  font-size: 36px
}

.bps-membership .payment-amount .calculation-details {
  color: #9b9b94
}

.bps-membership .payment-amount .calculation-details .icon {
  margin: 0 4px
}

@media only screen and (min-width:641px) {
  .bps-membership .payment-amount .show-for-medium-up {
    display: inline-block !important
  }
}

.bps-membership .bps-payment-management .blue-circle {
  align-items: center;
  background-color: #369ff4;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  display: -webkit-box;
  display: flex;
  font-size: 15px;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: -17px;
  text-align: center;
  top: -17px;
  width: 34px
}

.bps-membership .bps-payment-management .payment-date img {
  height: 73px;
  width: 68px
}

.bps-membership .bps-payment-management .payment-date .input-wrapper {
  margin: 20px auto 15px;
  max-width: 280px
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-payment-management .payment-date .input-wrapper {
    max-width: 300px
  }
}

.bps-membership .bps-payment-management .payment-date .input-wrapper.readonly:after {
  top: 30%
}

.bps-membership .bps-payment-management .payment-date p {
  font-style: italic;
  color: #9b9b94;
  margin: 16px auto;
  max-width: 250px
}

.bps-membership .bps-payment-management .payment-method img {
  height: 59px;
  width: 78px
}

.bps-membership .bps-payment-management .payment-method .confirmed-method-wrapper {
  border-radius: 3px;
  border: 1px solid #dfdfd7;
  margin: 20px auto 0;
  max-width: 280px;
  padding: 20px;
  position: relative;
  text-align: left
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-payment-management .payment-method .confirmed-method-wrapper {
    max-width: 350px
  }
}

.bps-membership .bps-payment-management .payment-method .confirmed-method-wrapper p {
  margin: 0
}

.bps-membership .bps-payment-management .payment-method .confirmed-method-wrapper p.p30 {
  margin-bottom: 5px
}

.bps-membership .bps-payment-management .payment-method button {
  margin-top: 20px;
  width: 280px
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-payment-management .payment-method button {
    width: 300px
  }
}

.bps-membership .bps-payment-management .payment-method button:last-child {
  display: block;
  margin: 10px auto 0;
  width: 236px
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-payment-management .payment-method button:last-child {
    width: 256px
  }
}

.bps-membership .bps-email-management .bps-logo-upload {
  padding: 0 20px 10px
}

@media only screen and (min-width:641px) {
  .bps-membership .bps-email-management .bps-logo-upload {
    max-width: 50%
  }
}

.bps-membership .bps-email-management .bps-logo-upload .logoUpload {
  display: block
}

.bps-membership .bps-email-management .bps-logo-upload .logoUpload .input-wrapper {
  padding: 30px
}

.bps-membership .bps-email-management .bps-logo-upload .logoUpload .select-preview {
  align-items: center;
  flex-direction: column;
  height: 100%
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-email-management .bps-logo-upload .logoUpload .select-preview {
    flex-direction: row
  }
}

.bps-membership .bps-email-management .bps-logo-upload .logoUpload .cw-logo {
  cursor: default
}

.bps-membership .bps-email-management .bps-logo-upload .logoUpload .close-symbol-wrapper {
  margin: 5px 10px 10px
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-email-management .bps-logo-upload .logoUpload .close-symbol-wrapper {
    margin: 0 10px
  }
}

.bps-membership .bps-email-management .bps-logo-upload .logo-file.button {
  padding: 0
}

.bps-membership .bps-email-management .bps-email-modal .modal-inner .content img {
  max-width: 100px
}

.bps-membership .bps-email-management .bps-email-modal .modal-inner .content select {
  background-position: 90%
}

.bps-membership .bps-email-management .schedule-email {
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-email-management .schedule-email {
    flex-direction: row;
    padding: 20px
  }
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .bps-membership .bps-email-management .schedule-email .image-wrapper {
    margin-bottom: 12px
  }
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-email-management .schedule-email .image-wrapper {
    margin-left: 10px
  }
}

.bps-membership .bps-email-management .schedule-email .text-wrapper {
  margin: auto;
  max-width: 280px
}

@media only screen and (min-width:1025px) {
  .bps-membership .bps-email-management .schedule-email .text-wrapper {
    text-align: left
  }
}

.bps-membership .bps-email-management .schedule-email .text-wrapper p {
  margin-bottom: 10px;
  margin-top: 10px
}

.bps-membership .bps-email-management .schedule-email img {
  height: 61px;
  width: auto
}

.bps-membership .bps-email-management .schedule-email img.disabled {
  opacity: .5
}

.bps-membership .bps-email-management .schedule-email .h70 {
  font-weight: 500;
  line-height: 18.7px
}

.bps-membership .bps-email-management .schedule-email .schedule-emails-link {
  color: #369ff4;
  cursor: pointer;
  font-size: 15px;
  text-transform: uppercase
}

.bps-membership .bps-email-management .schedule-email .schedule-emails-link.disabled {
  color: #c1c1ba;
  cursor: default
}

.bps-membership .modal-title p.remove-link {
  margin-top: 10px;
  margin-bottom: 0
}

.bps-membership .modal-title p.remove-link a {
  color: #fa575d;
  font-size: 12px;
  font-weight: 500
}

.bps-membership .modal-title p.remove-link i {
  margin-right: 5px
}

.bps-membership .modal-body {
  text-align: left
}

.ReactTable {
  width: 100%;
  border-collapse: separate;
  border: 0;
  font-size: 14px
}

@media only screen and (max-width:641px) {
  .ReactTable {
    margin-left: calc(-1*(100vw - 100%)/2);
    width: 100vw
  }
}

.ReactTable .rt-tbody .rt-tr-group {
  padding: 8px 15px
}

.ReactTable .rt-thead {
  height: 60px;
  line-height: 58px;
  text-align: left;
  background: #f4f5f0;
  border: 0;
  border-top: 1px solid #dfdfd7;
  border-bottom: 1px solid #dfdfd7;
  display: block;
  width: 100%;
  padding: 0 20px;
  font-weight: 400;
  color: #9b9b94
}

.ReactTable .rt-thead .rt-th {
  text-transform: uppercase;
  border: 0;
  padding: 8px 15px;
  text-align: left
}

.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-th.-sort-desc {
  box-shadow: none
}

.ReactTable .rt-thead .rt-th.-sort-asc:before,
.ReactTable .rt-thead .rt-th.-sort-desc:before {
  border: 4px solid transparent;
  content: "";
  display: block;
  height: 0;
  right: 40%;
  position: absolute;
  width: 0
}

.ReactTable .rt-thead .rt-th.-sort-asc:before {
  top: 60%;
  border-bottom-color: #9b9b94;
  margin-top: -9px
}

.ReactTable .rt-thead .rt-th.-sort-desc:before {
  top: 40%;
  border-top-color: #9b9b94;
  margin-top: 1px
}

.ReactTable .rt-thead .rt-tr {
  width: 100%
}

.ReactTable .rt-tbody {
  background-color: #fff
}

.ReactTable .rt-tbody .rt-td {
  border-bottom: 0;
  border-left: 0;
  padding: 8px 15px
}

.ReactTable .-pagination {
  box-shadow: none
}

.my-projects .projects-in-progress {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/backgrounds/d2p-map-a8c6b449292a7ca5110892422238de13.png);
  background-size: cover;
  background-position: -525px -100px;
  border: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  justify-content: center
}

@media only screen and (min-width:1025px) {
  .my-projects .projects-in-progress {
    border-radius: 4px
  }
}

.my-projects .projects-in-progress .text-info {
  max-width: 555px;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .my-projects .projects-in-progress .text-info {
    padding: 0
  }
}

.my-projects .projects-in-progress .text-info h1 {
  text-transform: uppercase
}

.my-projects .projects-in-progress .text-info a {
  color: #333232;
  text-decoration: underline
}

.my-projects .pagination .current {
  background-color: #f4f5f0
}

.my-projects .pagination-info {
  display: -webkit-box;
  display: flex;
  justify-content: space-around
}

.my-projects .pagination-info p {
  color: #9b9b94;
  font-size: 14px;
  font-style: italic;
  font-weight: lighter
}

.my-projects .pagination-info b {
  font-weight: lighter
}

.my-projects .rig-card {
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.my-projects .rig-card .button {
  display: block
}

.my-projects .full-width-container {
  width: 100%
}

.my-projects .rig-image-container {
  margin: auto;
  max-width: 425px
}

.my-projects .tracking-info-container {
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .my-projects .tracking-info-container {
    flex-direction: row
  }
}

.my-projects .card-section {
  border-top: 1px solid #dfdfd7
}

@media only screen and (max-width:641px) {
  .my-projects .tracking-info-subsection:last-of-type {
    border-top: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:641px) {
  .my-projects .tracking-info-subsection:last-of-type {
    border-left: 1px solid #dfdfd7
  }
}

.my-projects .icon-wrapper {
  position: absolute
}

.my-projects .tracking-info-wrapper {
  margin-left: 17px
}

.account.default.user-profile .module {
  width: calc(100vw + 1px);
  margin-left: -21px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .account.default.user-profile .module {
    border-radius: 0
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile .module {
    width: auto;
    margin-left: 0
  }
}

.account.default.user-profile .module .content {
  text-align: left;
  padding-left: 20px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile .module .content {
    padding-left: 0
  }
}

.account.default.user-profile .module h1 {
  margin-bottom: 0
}

.account.default.user-profile .container {
  display: block;
  text-align: center;
  padding-top: 78px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile .container {
    padding-top: 88px
  }
}

@media only screen and (max-width:641px) {
  .account.default.user-profile .container.membership .history p {
    margin-right: 0
  }
}

.account.default.user-profile .profile-header .avatar-initial,
.account.default.user-profile .profile-header img.avatar {
  line-height: 90px;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  border-radius: 15px;
  font-size: 36px
}

@media only screen and (min-width:1025px) {

  .account.default.user-profile .profile-header .avatar-initial,
  .account.default.user-profile .profile-header img.avatar {
    margin: 0 22px 0 0;
    float: left
  }
}

.account.default.user-profile .profile-header .profile-header-text {
  text-align: center
}

.account.default.user-profile .profile-header .profile-header-text h1 {
  margin: 20px 0 0;
  font-size: 22px;
  line-height: 31px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile .profile-header .profile-header-text h1 {
    margin: 0;
    line-height: 34px;
    font-size: 24px
  }
}

.account.default.user-profile .profile-header .profile-header-text p {
  color: #71716c;
  line-height: 20px;
  margin: 10px 0 0;
  font-size: 16px
}

@media only screen and (min-width:1025px) and (max-width:1441px) {
  .account.default.user-profile .profile-header .profile-header-text p {
    margin: 5px 0 0
  }
}

.account.default.user-profile .profile-header .profile-header-text p span.joined-on {
  color: #1080b9;
  font-weight: 500
}

.account.default.user-profile .profile-header .profile-header-text p span.bullet {
  color: #9b9b94;
  padding: 0 10px;
  display: none
}

.account.default.user-profile .profile-header .profile-header-text p span.location {
  display: none
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile .profile-header .profile-header-text {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 90px;
    text-align: left
  }
}

.account.default.user-profile .profile-header .profile-link {
  margin: 20px 0 0;
  text-align: center
}

.account.default.user-profile .profile-header .profile-link a {
  font-size: 14px;
  width: 159px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile .profile-header .profile-link {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    height: 90px;
    margin: 0
  }
}

.account.default.user-profile .d2p-module {
  text-align: center;
  margin-bottom: 10px
}

.account.default.user-profile .d2p-module .reporting-information {
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/backgrounds/d2p-map-a8c6b449292a7ca5110892422238de13.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding-top: 67px;
  padding-bottom: 80px
}

.account.default.user-profile .d2p-module .reporting-information h1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  margin: 0 auto;
  line-height: 17px
}

.account.default.user-profile .d2p-module .reporting-information p {
  margin: 5px auto 20px;
  width: 77%
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile .d2p-module .reporting-information p {
    width: 65%
  }
}

@media only screen and (max-width:641px) {
  .account.default.user-profile .d2p-module .reporting-information {
    width: 100vw;
    margin-left: calc(-1*(100vw - 100%)/2)
  }
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile .d2p-module .reporting-information {
    padding-bottom: 134px;
    margin-top: 23px;
    margin-bottom: 16px;
    background-size: contain
  }
}

.account.default.user-profile .individual-campaign,
.account.default.user-profile .team-campaign {
  border-top: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: center
}

.account.default.user-profile .individual-campaign:first-child,
.account.default.user-profile .team-campaign:first-child {
  border: 0
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile .individual-campaign,
  .account.default.user-profile .team-campaign {
    flex-direction: row
  }
}

.account.default.user-profile .individual-campaign .campaign-contributions,
.account.default.user-profile .individual-campaign .campaign-details,
.account.default.user-profile .individual-campaign .campaign-image,
.account.default.user-profile .team-campaign .campaign-contributions,
.account.default.user-profile .team-campaign .campaign-details,
.account.default.user-profile .team-campaign .campaign-image {
  width: 100%
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile .individual-campaign .campaign-contributions,
  .account.default.user-profile .individual-campaign .campaign-details,
  .account.default.user-profile .individual-campaign .campaign-image,
  .account.default.user-profile .team-campaign .campaign-contributions,
  .account.default.user-profile .team-campaign .campaign-details,
  .account.default.user-profile .team-campaign .campaign-image {
    width: auto
  }
}

.account.default.user-profile .individual-campaign .campaign-image,
.account.default.user-profile .team-campaign .campaign-image {
  order: 1
}

.account.default.user-profile .individual-campaign .campaign-image div,
.account.default.user-profile .team-campaign .campaign-image div {
  height: 110px;
  background-size: cover;
  background-position: 50%
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile .individual-campaign .campaign-image div,
  .account.default.user-profile .team-campaign .campaign-image div {
    height: 102px
  }
}

.account.default.user-profile .individual-campaign .campaign-details,
.account.default.user-profile .team-campaign .campaign-details {
  order: 2
}

.account.default.user-profile .individual-campaign .campaign-details h1,
.account.default.user-profile .team-campaign .campaign-details h1 {
  color: #333232;
  line-height: 22px;
  margin: 0 0 5px
}

.account.default.user-profile .individual-campaign .campaign-details h1 a,
.account.default.user-profile .team-campaign .campaign-details h1 a {
  font-size: inherit;
  color: inherit
}

.account.default.user-profile .individual-campaign .campaign-details p,
.account.default.user-profile .team-campaign .campaign-details p {
  margin: 0;
  line-height: 20px
}

.account.default.user-profile .individual-campaign .campaign-details p.closed-campaign,
.account.default.user-profile .team-campaign .campaign-details p.closed-campaign {
  color: #9064bf
}

.account.default.user-profile .individual-campaign .campaign-details p.closed-campaign,
.account.default.user-profile .individual-campaign .campaign-details p.team-text,
.account.default.user-profile .team-campaign .campaign-details p.closed-campaign,
.account.default.user-profile .team-campaign .campaign-details p.team-text {
  margin: 0
}

.account.default.user-profile .individual-campaign .campaign-contributions,
.account.default.user-profile .team-campaign .campaign-contributions {
  order: 3;
  color: #59c77f;
  flex-grow: 1;
  text-align: left
}

.account.default.user-profile .individual-campaign .campaign-contributions p,
.account.default.user-profile .team-campaign .campaign-contributions p {
  margin: 0
}

.account.default.user-profile .individual-campaign .campaign-contributions .members,
.account.default.user-profile .team-campaign .campaign-contributions .members {
  line-height: 17px;
  font-size: 12px;
  color: #9b9b94
}

.account.default.user-profile .individual-campaign .campaign-contributions .members i,
.account.default.user-profile .team-campaign .campaign-contributions .members i {
  margin-right: 5px
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile .individual-campaign .campaign-contributions,
  .account.default.user-profile .team-campaign .campaign-contributions {
    text-align: right;
    margin-top: 0
  }
}

.account.default.user-profile .individual-campaign .campaign-raised,
.account.default.user-profile .team-campaign .campaign-raised {
  width: 100%
}

.account.default.user-profile .campaigns .individual-campaign.closed .campaign-details h1.h70,
.account.default.user-profile .campaigns .team-campaign .campaign-details h1.h70 {
  font-weight: 400
}

.account.default.user-profile .campaigns .individual-campaign.closed .campaign-details .team-text,
.account.default.user-profile .campaigns .team-campaign .campaign-details .team-text {
  font-size: 12px;
  color: #9b9b94
}

.account.default.user-profile .campaigns .individual-campaign.closed .campaign-contributions p.p30,
.account.default.user-profile .campaigns .team-campaign .campaign-contributions p.p30 {
  color: #333232
}

.account.default.user-profile .campaigns .individual-campaign.closed h1,
.account.default.user-profile .campaigns .team-campaign.closed h1 {
  margin: 0
}

.account.default.user-profile .campaigns .campaign-raised {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile .campaigns .campaign-raised {
    flex-wrap: nowrap
  }
}

.account.default.user-profile .campaigns .campaign-raised span {
  color: #c1c1ba;
  font-size: 10px;
  display: inline-block;
  width: 100%;
  font-weight: 500
}

.account.default.user-profile .campaigns .campaign-raised .direct,
.account.default.user-profile .campaigns .campaign-raised .team-raised,
.account.default.user-profile .campaigns .campaign-raised .total {
  border-top: 1px solid #dfdfd7;
  flex-grow: 1
}

.account.default.user-profile .campaigns .campaign-raised .direct p,
.account.default.user-profile .campaigns .campaign-raised .team-raised p,
.account.default.user-profile .campaigns .campaign-raised .total p {
  margin: 0;
  color: #000
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile .campaigns .campaign-raised .direct p,
  .account.default.user-profile .campaigns .campaign-raised .team-raised p,
  .account.default.user-profile .campaigns .campaign-raised .total p {
    line-height: 16px
  }
}

.account.default.user-profile .campaigns .campaign-raised .team-raised,
.account.default.user-profile .campaigns .campaign-raised .total {
  border-right: 1px solid #dfdfd7
}

.account.default.user-profile .campaigns .campaign-raised .total {
  flex-basis: 100%;
  border-right-style: none
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile .campaigns .campaign-raised .total {
    flex-basis: 152px;
    max-width: 152px;
    border-right: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .account.default.user-profile .campaigns .campaign-raised .direct,
  .account.default.user-profile .campaigns .campaign-raised .team-raised,
  .account.default.user-profile .campaigns .campaign-raised .total {
    max-width: none
  }
}

@media only screen and (min-width:1025px) {

  .account.default.user-profile .campaigns .campaign-raised .direct,
  .account.default.user-profile .campaigns .campaign-raised .team-raised {
    max-width: 176px
  }
}

.account.default.user-profile .campaigns .campaign-raised .direct {
  padding: 15px 20px
}

.account.default.user-profile .text-strong-heading {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px
}

.account.default.user-profile .module h2 {
  margin-bottom: 0
}

.account.default.user-profile .module h2:focus {
  outline: none
}

.account.default.user-profile footer {
  margin-top: 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.private .badge-modal .modal-content {
    padding: 0 20px
  }
}

.account.default.user-profile.private .badge-modal .badge-image {
  width: 200px
}

.account.default.user-profile.private .badge-modal .badge-image img {
  max-height: 200px
}

.account.default.user-profile.private .tab-content .module.impact {
  border-radius: 4px 4px 0 0
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper {
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  min-height: 507px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .graph.shift-left,
.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .portrait.shift-left {
  -webkit-transform: translateX(-580px);
  transform: translateX(-580px);
  z-index: 20;
  opacity: 0
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .graph.shift-left.fade-in,
.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .portrait.shift-left.fade-in {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .graph {
  background-color: transparent;
  position: relative;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .graph {
    max-width: 530px;
    width: 55vw
  }
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .graph .quote {
  display: none
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .graph .quote {
    display: block
  }
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .portrait {
  overflow: hidden;
  position: relative
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .portrait .overlay {
  content: "";
  position: relative;
  opacity: 1;
  background-color: transparent;
  border-bottom-right-radius: 4px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .portrait .overlay video {
  display: none
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .portrait .overlay video {
    display: block;
    height: 80vw;
    max-height: 780px
  }
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .sly-quiz-content {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .sly-quiz-content p {
  margin: 0
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .sly-quiz-content .profile-panel {
  border-width: 0
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results {
  width: 580px;
  opacity: 0;
  border-radius: 4px;
  z-index: -10
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results .user-avatar-image {
  width: 110px;
  border-radius: 50%;
  margin-right: -190px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results a i {
  font-size: 11px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results a.facebook {
  background-color: #3b5998
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results a.go-back,
.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results a.retake-quiz {
  font-size: 15px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .results a.retake-quiz {
  letter-spacing: 2px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .back-button {
  width: 398px;
  height: 80px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .75)), to(transparent));
  background: linear-gradient(180deg, rgba(0, 0, 0, .75) 0, transparent);
  top: -100px;
  left: -398px;
  padding-top: 15px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .back-button span {
  padding-right: 8px;
  font-size: 11px
}

.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .more-options,
.account.default.user-profile.private .tab-content .module.impact .impact-wrapper .update-portrait {
  display: none
}

@media only screen and (min-width:641px) {

  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .more-options,
  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .update-portrait {
    display: inline-block;
    background-color: rgba(0, 0, 0, .5);
    padding: 18px 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    letter-spacing: .5px;
    -webkit-transition: all .15s;
    transition: all .15s
  }

  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .more-options:hover,
  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .update-portrait:hover {
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .15s;
    transition: all .15s
  }
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.private .tab-content .module.impact .impact-wrapper .more-options {
    right: 10px
  }
}

.account.default.user-profile.private .tab-content .module.impact .more-options-menu {
  display: inline-block;
  right: 0
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .module.impact .more-options-menu {
    right: 47px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
  }
}

.account.default.user-profile.private .tab-content .module.impact .more-options-menu ul {
  margin-top: -3px;
  background-color: rgba(0, 0, 0, .4)
}

.account.default.user-profile.private .tab-content .module.impact .more-options-menu ul:before {
  height: 0;
  width: 0;
  border-bottom: 12.5px solid rgba(0, 0, 0, .4);
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
  top: -9px;
  right: 20px;
  -webkit-transform: translate(-50%, -54%);
  transform: translate(-50%, -54%);
  position: absolute;
  display: block;
  content: ""
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .module.impact .more-options-menu ul:before {
    right: auto;
    left: 50%
  }
}

.account.default.user-profile.private .tab-content .module.impact .more-options-menu li:hover {
  background-color: rgba(0, 0, 0, .3);
  -webkit-transition: all .15s;
  transition: all .15s
}

.account.default.user-profile.private .tab-content .module.impact .more-options-menu a {
  text-decoration: none;
  text-transform: uppercase
}

.account.default.user-profile.private .tab-content .module.badges {
  border-top: 0;
  border-radius: 0 0 4px 4px
}

.account.default.user-profile.private .tab-content .module.badges .badge-wrapper {
  max-width: 130px;
  min-width: 130px
}

.account.default.user-profile.private .tab-content .module.badges .badge-wrapper img {
  max-height: 108px
}

.account.default.user-profile.private .tab-content .module.badges .badge-wrapper-overflow-spacer {
  min-width: 20px
}

.account.default.user-profile.private .tab-content .module.spring .header .title {
  position: relative;
  width: 100%
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #9064bf;
  color: #9064bf;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state i {
  margin-right: 5px
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.active {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #59c77f;
  color: #59c77f
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.active i {
  margin-right: 5px
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.skipped {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #ffca0a;
  color: #ffca0a
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.skipped i {
  margin-right: 5px
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.failed_payment,
.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.incomplete {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #fa575d;
  color: #fa575d
}

.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.failed_payment i,
.account.default.user-profile.private .tab-content .module.spring .header .title .subscription-state.incomplete i {
  margin-right: 5px
}

.account.default.user-profile.private .tab-content .module.spring .content {
  padding: 0
}

.account.default.user-profile.private .tab-content .module.spring .content .section,
.account.default.user-profile.private .tab-content .module.spring .content section {
  padding: 20px;
  border-top: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  align-items: center
}

.account.default.user-profile.private .tab-content .module.spring .content .section.no-top-border,
.account.default.user-profile.private .tab-content .module.spring .content section.no-top-border {
  border-top: 0
}

.account.default.user-profile.private .tab-content .module.spring .content .section.payment-method .plaid-update-form input[type=text],
.account.default.user-profile.private .tab-content .module.spring .content section.payment-method .plaid-update-form input[type=text] {
  margin-bottom: 16px
}

.account.default.user-profile.private .tab-content .module.spring .content .section.payment-method p,
.account.default.user-profile.private .tab-content .module.spring .content section.payment-method p {
  margin-top: 0
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options,
.account.default.user-profile.private .tab-content .module.spring .content section .options {
  text-align: left
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p,
.account.default.user-profile.private .tab-content .module.spring .content section .options p {
  padding: 0;
  margin: 0 10px 0 0
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p.monthly-amount sup,
.account.default.user-profile.private .tab-content .module.spring .content section .options p.monthly-amount sup {
  font-size: 16px;
  line-height: 35px;
  vertical-align: top;
  top: 0
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p.monthly-amount span:after,
.account.default.user-profile.private .tab-content .module.spring .content section .options p.monthly-amount span:after {
  content: attr(data-end);
  font-size: 28px
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p.monthly-amount .amount,
.account.default.user-profile.private .tab-content .module.spring .content section .options p.monthly-amount .amount {
  font-size: 42px;
  line-height: 1.1em
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p.monthly-amount .text,
.account.default.user-profile.private .tab-content .module.spring .content section .options p.monthly-amount .text {
  font-size: 16px
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p.payment-info,
.account.default.user-profile.private .tab-content .module.spring .content section .options p.payment-info {
  margin-top: 10px
}

.account.default.user-profile.private .tab-content .module.spring .content .section .options p.payment-info .error,
.account.default.user-profile.private .tab-content .module.spring .content section .options p.payment-info .error {
  margin-top: 10px;
  color: #fa575d
}

.account.default.user-profile.private .tab-content .module.spring .content .section .link,
.account.default.user-profile.private .tab-content .module.spring .content section .link {
  margin-left: auto
}

.account.default.user-profile.private .tab-content .module.spring .content .section .link a,
.account.default.user-profile.private .tab-content .module.spring .content section .link a {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  vertical-align: middle
}

.account.default.user-profile.private .tab-content .module.spring .content .section {
  display: block
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-update section {
  border-top: 0
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-update .date-info {
  margin-bottom: 0;
  text-align: center
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-update .change-payment-day-helper-text {
  margin-bottom: 20px;
  position: absolute
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-update .change-payment-day-submit-button {
  margin-bottom: 60px
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-payment-update .switch-from-wrapper {
  display: inline-block;
  margin-top: 10px
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-resume section {
  border-top: 0;
  background-color: #f7f7f7;
  border-bottom: 1px solid #dfdfd7
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-resume section .options {
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  align-items: center
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-resume section .options i {
  color: #c1c1ba;
  font-size: 18px;
  margin-right: 16px;
  display: inline-block
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.private .tab-content .module.spring .content .subscription-resume section .options i {
    display: none
  }
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-resume section .options .skip-header {
  margin-bottom: 2px
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-cancel section,
.account.default.user-profile.private .tab-content .module.spring .content .subscription-skip section {
  padding: 0;
  border: 0
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-tax-receipt {
  display: -webkit-box;
  display: flex;
  flex-direction: row
}

.account.default.user-profile.private .tab-content .module.spring .content .subscription-tax-receipt .options {
  display: none
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.private .tab-content .module.spring .content .subscription-tax-receipt .options {
    width: 30%;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .account.default.user-profile.private .tab-content .module.spring .content .subscription-tax-receipt .options img {
    height: 90px
  }
}

.account.default.user-profile.private .resume-modal .modal-inner,
.account.default.user-profile.private .skip-modal .modal-inner {
  padding-top: 26px
}

.account.default.user-profile.private .resume-modal .modal-inner .modal-title,
.account.default.user-profile.private .skip-modal .modal-inner .modal-title {
  margin: -20px -40px 20px !important
}

.account.default.user-profile.private .resume-modal .modal-inner .custom-check,
.account.default.user-profile.private .skip-modal .modal-inner .custom-check {
  margin: 16px 10px 16px 0;
  display: block
}

.account.default.user-profile.private .resume-modal .modal-inner .custom-check input,
.account.default.user-profile.private .resume-modal .modal-inner .custom-check label:before,
.account.default.user-profile.private .skip-modal .modal-inner .custom-check input,
.account.default.user-profile.private .skip-modal .modal-inner .custom-check label:before {
  width: 20px;
  height: 20px
}

.account.default.user-profile.private .resume-modal .modal-inner .custom-check label,
.account.default.user-profile.private .skip-modal .modal-inner .custom-check label {
  line-height: 20px;
  margin: 0 0 0 32px
}

.account.default.user-profile.private .resume-modal .modal-inner .custom-check input[type=radio]:checked+label:after,
.account.default.user-profile.private .skip-modal .modal-inner .custom-check input[type=radio]:checked+label:after {
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px
}

@media only screen and (min-width:641px) {

  .account.default.user-profile.private .resume-modal .modal-inner .custom-check,
  .account.default.user-profile.private .skip-modal .modal-inner .custom-check {
    display: inline-block
  }
}

.account.default.user-profile.private .resume-modal .modal-inner .skip-instructions,
.account.default.user-profile.private .skip-modal .modal-inner .skip-instructions {
  margin-bottom: 30px
}

.account.default.user-profile.private .resume-modal .modal-inner .nevermind,
.account.default.user-profile.private .skip-modal .modal-inner .nevermind {
  background-color: transparent;
  color: #9b9b94;
  padding-right: 0
}

.account.default.user-profile.private .cancel-modal .modal-inner {
  padding-bottom: 140px
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.private .cancel-modal .modal-inner {
    padding-bottom: 0
  }
}

.account.default.user-profile.private .cancel-modal .modal-inner label:before {
  top: calc(50% - 13px)
}

.account.default.user-profile.private .cancel-modal .modal-inner label:after {
  top: calc(50% - 6px)
}

.account.default.user-profile.private .resume-modal {
  text-align: center
}

.account.default.user-profile.private .resume-modal .modal-inner {
  padding-top: 40px
}

.account.default.user-profile.private .resume-modal .modal-inner .modal-title {
  text-align: center;
  margin: 0 !important;
  padding: 20px 0 0;
  border-bottom: 0
}

.account.default.user-profile.private .resume-modal .modal-inner p {
  width: 80%;
  margin: 10px auto
}

.account.default.user-profile.private .badge-modal .level-up-icon {
  height: 60px
}

.account.default.user-profile.private .spring-onboarding .step-1 {
  position: relative;
  height: 550px
}

.account.default.user-profile.private .spring-onboarding .step-1 .centered-overlay {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.account.default.user-profile.private .spring-onboarding .step-2 .section,
.account.default.user-profile.private .spring-onboarding .step-3 .section,
.account.default.user-profile.private .spring-onboarding .step-4 .section,
.account.default.user-profile.private .spring-onboarding .step-5 .section {
  height: 550px;
  width: 50%;
  padding-bottom: 89px
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .swiper-slide {
  width: auto
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .card {
  width: 300px
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .next,
.account.default.user-profile.private .spring-onboarding .email-preference-cards .prev {
  border-color: #369ff4;
  cursor: pointer;
  color: #369ff4;
  padding: 1em;
  top: 165px;
  z-index: 3
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .next.swiper-button-disabled,
.account.default.user-profile.private .spring-onboarding .email-preference-cards .prev.swiper-button-disabled {
  border-color: #dfdfd7;
  color: #dfdfd7;
  cursor: default
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .next i,
.account.default.user-profile.private .spring-onboarding .email-preference-cards .prev i {
  top: .5em;
  left: .8em
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .prev {
  left: 10px
}

.account.default.user-profile.private .spring-onboarding .email-preference-cards .next {
  left: 430px
}

.account.default.user-profile.private .spring-impact-module-wrapper.for-onboarding-flow {
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.account.default.user-profile.private .bar-chart {
  margin-left: -37px;
  padding-bottom: 56.25%;
  position: relative
}

.account.default.user-profile.private .bar-chart .recharts-responsive-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.account.default.user-profile.private .recharts-wrapper .recharts-cartesian-grid-horizontal line[y2="0"] {
  display: none
}

.account.default.user-profile.private .recharts-wrapper text {
  color: #71716c;
  font-size: 13px;
  font-weight: 500
}

.account.default.user-profile.private .recharts-wrapper line {
  stroke: #dfdfd7 !important
}

.account.default.user-profile.private .recharts-wrapper .tooltip {
  border-radius: 2px;
  background-color: #333232;
  color: #fff;
  max-width: 80px;
  font-weight: 500;
  font-size: 12px;
  font-style: italic;
  padding: 5px;
  text-align: center
}

.account.default.user-profile.private .impact-inbox .impact-inbox-content {
  max-height: 650px
}

.account.default.user-profile.private .impact-inbox .video-overlay {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 999px;
  height: 48px;
  position: absolute;
  width: 48px;
  margin-left: 26px
}

.account.default.user-profile.private .impact-inbox .video-overlay:before {
  color: #fff;
  align-items: center;
  display: -webkit-box;
  display: flex;
  height: 100%;
  justify-content: center
}

.account.default.user-profile.private .impact-inbox .featured-item {
  border-bottom: 1px solid #dfdfd7
}

.account.default.user-profile.private .impact-inbox .featured-item .featured-badge {
  top: 35px;
  left: 35px
}

.account.default.user-profile.private .impact-inbox .featured-item img,
.account.default.user-profile.private .impact-inbox .featured-item p {
  margin-top: 0;
  margin-bottom: 15px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .account.default.user-profile.private .impact-inbox .featured-item img {
    margin-bottom: 0;
    margin-right: 20px
  }
}

.account.default.user-profile.private .impact-inbox .info {
  height: 85px
}

.account.default.user-profile.private .impact-inbox .info p:first-of-type {
  height: 69px
}

.account.default.user-profile.private .tab-content {
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

.account.default.user-profile.private .tab-content .left-side {
  order: 2
}

.account.default.user-profile.private .tab-content .right-side {
  order: 1
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content {
    display: -webkit-box;
    display: flex;
    flex-direction: row
  }

  .account.default.user-profile.private .tab-content .left-side {
    order: 1
  }

  .account.default.user-profile.private .tab-content .right-side {
    order: 2
  }
}

.account.default.user-profile.private .tab-content.settings-only {
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

.account.default.user-profile.private .tab-content.settings-only .left-side {
  order: 1
}

.account.default.user-profile.private .tab-content.settings-only .right-side {
  order: 2
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content.settings-only {
    display: -webkit-box;
    display: flex;
    flex-direction: row
  }

  .account.default.user-profile.private .tab-content.settings-only .left-side {
    order: 1
  }

  .account.default.user-profile.private .tab-content.settings-only .right-side {
    order: 2
  }
}

.account.default.user-profile.private .tab-content .user-data {
  margin-bottom: 20px
}

.account.default.user-profile.private .tab-content .user-data .module {
  margin-top: 0;
  margin-bottom: 0
}

.account.default.user-profile.private .tab-content .module.settings .content {
  padding: 20px;
  position: relative;
  display: table;
  width: 100%
}

.account.default.user-profile.private .tab-content .module.settings .content .photo {
  display: table
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper {
  margin: 0
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .input-visible .inputs,
.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .upload .inputs {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .upload {
  display: -webkit-box;
  display: flex
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .upload img {
  margin: 0;
  border-radius: 5px;
  min-width: 70px;
  min-height: 70px
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .upload p {
  font-size: 12px;
  color: #9b9b94;
  margin: 5px 0
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .upload a {
  color: #fa575d;
  font-size: 12px;
  text-transform: none
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .upload a i {
  margin-right: 5px
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .input-visible .placeholder-img {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 0;
  background-color: #f7f7f7;
  border-radius: 5px;
  border: 1px dashed #c1c1ba;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #369ff4;
  font-size: 28px
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .input-visible .placeholder-img:before {
  content: "+"
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .input-visible .fileUpload {
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  cursor: pointer
}

.account.default.user-profile.private .tab-content .module.settings .content .photo .uploader .input-wrapper .input-visible input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 0 0 100%;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 32px
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date {
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date label {
  flex: 0 1 100%
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date select {
  background-position: 95%;
  flex: 1 0 33%
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date .month {
  border-radius: 4px 0 0 4px
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date .month option {
  color: #333232
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date .day {
  border-radius: 0;
  border-right: 0;
  border-left: 0
}

.account.default.user-profile.private .tab-content .module.settings .content .input-wrapper.date .year {
  border-radius: 0 4px 4px 0
}

.account.default.user-profile.private .tab-content .module.settings .content .content-divider {
  background-color: #dfdfd7;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 0
}

.account.default.user-profile.private .tab-content .module.settings .content .actions {
  padding-top: 20px;
  text-align: right
}

.account.default.user-profile.private .tab-content .module.settings .content .actions input {
  width: 100%
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .module.settings .content .actions input {
    width: auto
  }
}

.account.default.user-profile.private .tab-content .module.settings .label,
.account.default.user-profile.private .tab-content .module.settings .links {
  width: 50%
}

.account.default.user-profile.private .tab-content .module.settings .label {
  display: table-cell;
  vertical-align: middle;
  text-align: left
}

.account.default.user-profile.private .tab-content .module.settings .label p {
  margin: 0
}

.account.default.user-profile.private .tab-content .module.settings .label p.email {
  font-weight: 500;
  margin-top: 5px
}

.account.default.user-profile.private .tab-content .module.settings .links {
  display: table-cell;
  vertical-align: middle;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase
}

.account.default.user-profile.private .tab-content .module.settings .links a {
  font-size: 14px
}

.account.default.user-profile.private .tab-content .quick-links ul {
  list-style: none;
  padding-left: 0
}

.account.default.user-profile.private .tab-content .quick-links ul li {
  line-height: 30px
}

.account.default.user-profile.private .tab-content .referral.birthday-referral .title {
  width: 100%;
  text-align: left
}

.account.default.user-profile.private .tab-content .referral.birthday-referral .title:after {
  content: "";
  position: absolute;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/birthday_icon-3c6b2f507a5b6863fd28f6e0385acbde.png);
  background-size: contain;
  width: 80px;
  height: 80px;
  top: -30px;
  right: 0
}

.account.default.user-profile.private .tab-content .referral .title {
  position: relative
}

.account.default.user-profile.private .tab-content .activity-wrapper {
  padding: 0;
  border-radius: 4px 4px 0 0
}

.account.default.user-profile.private .tab-content .activity-wrapper .header {
  border-bottom: 0
}

.account.default.user-profile.private .tab-content .activity-wrapper .content {
  position: relative
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container {
  padding: 30px;
  border-top: 1px solid #dfdfd7
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box {
  border-radius: 4px
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder {
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/backgrounds/dashboard-video-cover-ac3a5dfc1147abd21024eac8784d0055.jpg) no-repeat;
  background-size: cover;
  background-position: 50%;
  display: -webkit-box;
  display: flex;
  align-items: center
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play {
  width: 219px;
  margin: 0 auto;
  border-radius: 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  background: transparent;
  position: relative;
  top: auto;
  left: auto;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play {
    width: 260px;
    height: 40px;
    margin: 0 164px
  }
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play span {
  display: inline-block
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play span.play-button.content {
  display: -webkit-box;
  display: flex
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play span.text {
  line-height: 36px
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play span.text:after {
    content: " (2:05)"
  }
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play .icn {
  padding: 0;
  margin: 0 10px 0 0;
  font-size: 1.25em;
  line-height: 36px
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .video-box .placeholder .play .icn {
    font-size: 1.5em
  }
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .default {
  text-align: center;
  margin: 0 auto;
  width: 75%;
  padding-bottom: 20px
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {
  .account.default.user-profile.private .tab-content .activity-wrapper .content .video-box-container .default {
    width: 80%
  }
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats {
  border-top: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  height: 120px
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity {
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex: 1 1;
  height: 120px;
  text-align: center;
  border-right: 1px solid #dfdfd7
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity:last-of-type {
  border-right: 0
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity .amount-with-tooltip {
  position: relative;
  top: -2px
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity .inner {
  width: 100%
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity p {
  margin: 2px 0;
  color: #c1c1ba
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity sup {
  font-size: 14px
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .activity-stats .activity i {
  color: #c1c1ba
}

.account.default.user-profile.private .tab-content .activity-wrapper .content .campaigns {
  border: 0
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .account.default.user-profile.private .tab-content .activity-wrapper .content .campaigns {
    border-bottom: 1px solid #dfdfd7
  }
}

.account.default.user-profile.private .individual-campaign,
.account.default.user-profile.private .team-campaign {
  padding: 20px
}

.account.default.user-profile.private .individual-campaign .campaign-image,
.account.default.user-profile.private .team-campaign .campaign-image {
  margin: 0 0 15px
}

.account.default.user-profile.private .individual-campaign .campaign-image div,
.account.default.user-profile.private .team-campaign .campaign-image div {
  min-width: 200px;
  border-radius: 4px
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile.private .individual-campaign .campaign-image,
  .account.default.user-profile.private .team-campaign .campaign-image {
    margin: 0 15px 0 0
  }
}

.account.default.user-profile.private .campaigns.module,
.account.default.user-profile.private .donations.module {
  display: block;
  border-top-style: none;
  border-radius: 0
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {

  .account.default.user-profile.private .campaigns.module,
  .account.default.user-profile.private .donations.module {
    border-top: 1px solid #dfdfd7
  }
}

.account.default.user-profile.private .campaigns.module .header,
.account.default.user-profile.private .donations.module .header {
  border-radius: 0;
  border: 0
}

.account.default.user-profile.private .campaigns.module .header h1,
.account.default.user-profile.private .donations.module .header h1 {
  text-transform: uppercase;
  color: #9b9b94;
  line-height: 60px
}

.account.default.user-profile.private .campaigns.module .header .title,
.account.default.user-profile.private .donations.module .header .title {
  letter-spacing: 1px
}

.account.default.user-profile.private .campaigns.module .individual-campaign.closed .campaign-image div,
.account.default.user-profile.private .campaigns.module .team-campaign .campaign-image div,
.account.default.user-profile.private .donations.module .individual-campaign.closed .campaign-image div,
.account.default.user-profile.private .donations.module .team-campaign .campaign-image div {
  min-width: 105px;
  height: 110px
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile.private .campaigns.module .individual-campaign.closed .campaign-image div,
  .account.default.user-profile.private .campaigns.module .team-campaign .campaign-image div,
  .account.default.user-profile.private .donations.module .individual-campaign.closed .campaign-image div,
  .account.default.user-profile.private .donations.module .team-campaign .campaign-image div {
    height: 65px
  }
}

.account.default.user-profile.private .campaigns.module .individual-campaign.closed .campaign-image,
.account.default.user-profile.private .campaigns.module .team-campaign.closed .campaign-image,
.account.default.user-profile.private .donations.module .individual-campaign.closed .campaign-image,
.account.default.user-profile.private .donations.module .team-campaign.closed .campaign-image {
  display: none
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile.private .campaigns.module .individual-campaign.closed .campaign-image,
  .account.default.user-profile.private .campaigns.module .team-campaign.closed .campaign-image,
  .account.default.user-profile.private .donations.module .individual-campaign.closed .campaign-image,
  .account.default.user-profile.private .donations.module .team-campaign.closed .campaign-image {
    display: inline-block
  }
}

.account.default.user-profile.private .campaigns.module .campaign-raised .team-raised,
.account.default.user-profile.private .campaigns.module .campaign-raised .total,
.account.default.user-profile.private .donations.module .campaign-raised .team-raised,
.account.default.user-profile.private .donations.module .campaign-raised .total {
  margin-left: 20px;
  padding: 15px 0
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile.private .campaigns.module .campaign-raised .team-raised,
  .account.default.user-profile.private .campaigns.module .campaign-raised .total,
  .account.default.user-profile.private .donations.module .campaign-raised .team-raised,
  .account.default.user-profile.private .donations.module .campaign-raised .total {
    margin: 0;
    padding: 15px 20px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px),
only screen and (min-width:1025px) {

  .account.default.user-profile.private .campaigns.module .campaign-raised,
  .account.default.user-profile.private .donations.module .campaign-raised {
    padding-left: 140px
  }
}

.account.default.user-profile.private .campaigns.module .campaign-raised .total,
.account.default.user-profile.private .donations.module .campaign-raised .total {
  padding-left: 0
}

@media only screen and (max-width:641px) {

  .account.default.user-profile.private .campaigns.module .individual-campaign .campaign-contributions,
  .account.default.user-profile.private .campaigns.module .team-campaign .campaign-contributions,
  .account.default.user-profile.private .donations.module .individual-campaign .campaign-contributions,
  .account.default.user-profile.private .donations.module .team-campaign .campaign-contributions {
    margin-top: 4px
  }
}

.account.default.user-profile.private .campaigns.module .footer,
.account.default.user-profile.private .donations.module .footer {
  border-top: 1px solid #dfdfd7;
  padding: 15px 20px;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #9b9b94;
  font-weight: lighter
}

@media only screen and (min-width:641px) {

  .account.default.user-profile.private .campaigns.module .footer,
  .account.default.user-profile.private .donations.module .footer {
    flex-direction: row;
    justify-content: space-between
  }
}

.account.default.user-profile.private .campaigns.module .footer .item-count,
.account.default.user-profile.private .donations.module .footer .item-count {
  font-style: italic;
  font-size: 14px;
  color: #9b9b94;
  order: 2;
  margin-right: 5px
}

@media only screen and (min-width:641px) {

  .account.default.user-profile.private .campaigns.module .footer .item-count,
  .account.default.user-profile.private .donations.module .footer .item-count {
    order: 1
  }
}

.account.default.user-profile.private .campaigns.module .footer .pagination,
.account.default.user-profile.private .donations.module .footer .pagination {
  margin-bottom: 15px;
  order: 1
}

@media only screen and (min-width:641px) {

  .account.default.user-profile.private .campaigns.module .footer .pagination,
  .account.default.user-profile.private .donations.module .footer .pagination {
    margin-bottom: 0;
    order: 2
  }
}

.account.default.user-profile.private .campaigns.module .footer .pagination ul,
.account.default.user-profile.private .donations.module .footer .pagination ul {
  display: -webkit-box;
  display: flex
}

.account.default.user-profile.private .campaigns.module .footer .pagination ul li a,
.account.default.user-profile.private .donations.module .footer .pagination ul li a {
  border: 1px solid #c1c1ba;
  border-left-style: none;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 0;
  min-width: 30px;
  font-weight: 400;
  color: #9b9b94
}

.account.default.user-profile.private .campaigns.module .footer .pagination ul li a i,
.account.default.user-profile.private .donations.module .footer .pagination ul li a i {
  font-size: 14px;
  line-height: 30px;
  margin-top: -1px;
  display: inline-block
}

.account.default.user-profile.private .campaigns.module .footer .pagination ul li:first-of-type a,
.account.default.user-profile.private .donations.module .footer .pagination ul li:first-of-type a {
  border-style: solid
}

.account.default.user-profile.private .campaigns.module .footer .pagination ul li.current a,
.account.default.user-profile.private .donations.module .footer .pagination ul li.current a {
  background-color: #f4f5f0;
  font-weight: 500
}

.account.default.user-profile.private .donations.module {
  border-top: 0
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .account.default.user-profile.private .donations.module {
    border-top: 0
  }
}

.account.default.user-profile.private .donations.module .header {
  border-bottom: 1px solid #dfdfd7
}

.account.default.user-profile.private .donations.module .donation-cards {
  margin-bottom: 30px;
  position: relative;
  text-align: left
}

.account.default.user-profile.private .donations.module .bg-line {
  position: absolute;
  width: 1px;
  margin: 50px 60px;
  height: calc(100% - 80px);
  background-color: #dfdfd7
}

.account.default.user-profile.private .donations.module .donation {
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px 30px 0
}

.account.default.user-profile.private .donations.module .donation .donation-image {
  width: 60px;
  height: 60px;
  position: relative
}

.account.default.user-profile.private .donations.module .donation .donation-image .avatar-initial,
.account.default.user-profile.private .donations.module .donation .donation-image img {
  border-radius: 4px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  font-size: 24px;
  line-height: 60px;
  position: relative
}

.account.default.user-profile.private .donations.module .donation .my-cw-icon {
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 5px;
  right: -13px
}

.account.default.user-profile.private .donations.module .donation .my-cw-icon img {
  min-width: 35px
}

.account.default.user-profile.private .donations.module .donation .donation-details {
  margin: 0 20px
}

.account.default.user-profile.private .donations.module .donation .donation-details p {
  margin: 5px 0 0;
  text-align: left
}

.account.default.user-profile.private .donations.module .donation .donation-details p a {
  color: #333232;
  padding-bottom: 1px;
  border-bottom: 1px solid #333232
}

.account.default.user-profile.private .donations.module .footer {
  margin-top: 30px
}

.account.default.user-profile.private .donate-form-container {
  max-width: 100%;
  padding-top: 0
}

.account.default.user-profile.private .adf-form-header {
  text-align: left !important
}

.account.default.user-profile.private .subscription-payment-update form {
  border: 0
}

.account.default.user-profile.private .spring-mark-svg-wrapper {
  min-width: 117px
}

.account.default.user-profile.public .profile-header {
  width: 100vw;
  margin-left: calc(-1*(100vw - 100%)/2);
  max-width: none
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .profile-header {
    margin: 0 auto;
    max-width: 980px
  }
}

.account.default.user-profile.public .d2p-container {
  margin-top: -20px;
  border-bottom: 1px solid #dfdfd7;
  width: 100vw;
  margin-left: calc(-1*(100vw - 100%)/2);
  margin-bottom: 20px;
  max-width: none
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container {
    display: table;
    border: 1px solid #dfdfd7;
    border-radius: 4px;
    padding: 0;
    margin: 0 auto 30px;
    position: relative;
    top: 10px;
    max-width: 980px
  }
}

.account.default.user-profile.public .d2p-container .d2p-module {
  margin-bottom: 0
}

.account.default.user-profile.public .d2p-container .d2p-module .reporting-information {
  background: transparent;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0;
  background-size: cover;
  padding-bottom: 67px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information {
    border: 0;
    margin-top: 0;
    padding: 40px
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .info {
    display: table-cell;
    text-align: left;
    width: 50%;
    padding: 0
  }
}

.account.default.user-profile.public .d2p-container .d2p-module .reporting-information .info h1 {
  margin: 0 0 5px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .info h1 {
    text-align: left
  }
}

.account.default.user-profile.public .d2p-container .d2p-module .reporting-information .info p {
  margin: 0 auto;
  width: 70%;
  padding-bottom: 20px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .info p {
    margin: 0;
    width: 100%;
    padding-bottom: 0
  }
}

.account.default.user-profile.public .d2p-container .d2p-module .reporting-information .image {
  display: block;
  position: absolute;
  z-index: -1
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .image {
    top: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.75);
    transform: scale(1.75)
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .image {
    top: -5%;
    left: 0;
    width: 100%;
    height: 100%
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .image {
    top: 0;
    left: 48%;
    width: 50%;
    height: 100%;
    -webkit-transform: scale(1.45);
    transform: scale(1.45)
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .d2p-container .d2p-module .reporting-information .link {
    display: table-cell;
    padding: 0;
    text-align: right;
    vertical-align: middle
  }
}

.account.default.user-profile.public .campaigns.module {
  margin: 0;
  border: 0
}

.account.default.user-profile.public .campaigns.module .header {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  height: auto;
  width: 100%
}

.account.default.user-profile.public .campaigns.module .header .action {
  margin-bottom: 20px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .campaigns.module .header .action {
    margin-bottom: 0
  }
}

.account.default.user-profile.public .campaigns.module .campaign-raised .direct p span,
.account.default.user-profile.public .campaigns.module .campaign-raised .team-raised p span,
.account.default.user-profile.public .campaigns.module .campaign-raised .total p span {
  display: block
}

.account.default.user-profile.public .campaigns.module .campaign-raised .team-raised,
.account.default.user-profile.public .campaigns.module .campaign-raised .total {
  padding: 15px 0 15px 20px
}

@media only screen and (min-width:1025px) {

  .account.default.user-profile.public .campaigns.module .campaign-raised .team-raised,
  .account.default.user-profile.public .campaigns.module .campaign-raised .total {
    margin: 0;
    padding: 15px 20px
  }
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .campaigns.module .teams .card {
    width: 100%
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .campaigns.module .teams .card {
    width: calc(50% - 10px)
  }
}

.account.default.user-profile.public .individual-campaign,
.account.default.user-profile.public .team-campaign {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0
}

.account.default.user-profile.public .individual-campaign .campaign-image,
.account.default.user-profile.public .team-campaign .campaign-image {
  width: 100%;
  margin: 0;
  border-bottom: 5px solid #dfdfd7
}

.account.default.user-profile.public .individual-campaign .campaign-image div,
.account.default.user-profile.public .team-campaign .campaign-image div {
  background-color: #dfdfd7;
  min-width: none;
  border-radius: 3px 3px 0 0
}

.account.default.user-profile.public .individual-campaign .campaign-contributions,
.account.default.user-profile.public .individual-campaign .campaign-details,
.account.default.user-profile.public .team-campaign .campaign-contributions,
.account.default.user-profile.public .team-campaign .campaign-details {
  padding: 20px
}

.account.default.user-profile.public .individual-campaign .campaign-details,
.account.default.user-profile.public .team-campaign .campaign-details {
  justify-content: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

.account.default.user-profile.public .individual-campaign {
  height: 260px;
  flex-direction: column;
  align-items: stretch
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.public .individual-campaign .campaign-image div {
    height: 107px
  }
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .individual-campaign .campaign-image div {
    height: 112px
  }
}

@media only screen and (max-width:641px) {
  .account.default.user-profile.public .individual-campaign .campaign-image {
    flex-basis: 111px
  }
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .individual-campaign .campaign-image {
    flex-basis: 116px
  }
}

.account.default.user-profile.public .individual-campaign .campaign-contributions,
.account.default.user-profile.public .individual-campaign .campaign-details {
  width: 100%;
  text-align: center
}

.account.default.user-profile.public .individual-campaign .campaign-details {
  padding: 0
}

.account.default.user-profile.public .individual-campaign .campaign-contributions {
  padding: 0 20px 20px
}

.account.default.user-profile.public .individual-campaign.closed .campaign-details p {
  margin: 5px 0 0
}

.account.default.user-profile.public .individual-campaign.closed .campaign-details p.amount-raised {
  color: #333232
}

.account.default.user-profile.public .team-campaign .campaign-image div {
  min-height: 140px
}

.account.default.user-profile.public .team-campaign .campaign-contributions p,
.account.default.user-profile.public .team-campaign .campaign-details p {
  margin-top: 5px
}

@media only screen and (min-width:641px) {

  .account.default.user-profile.public .team-campaign .campaign-contributions p.members,
  .account.default.user-profile.public .team-campaign .campaign-details p.members {
    margin-top: 0
  }
}

.account.default.user-profile.public .team-campaign .campaign-details {
  max-width: 300px;
  align-items: flex-start;
  padding-bottom: 0
}

.account.default.user-profile.public .team-campaign .campaign-details h1 {
  margin: 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .team-campaign .campaign-details {
    padding-bottom: 20px;
    min-height: 87px
  }
}

.account.default.user-profile.public .team-campaign .campaign-contributions {
  padding-top: 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .team-campaign .campaign-contributions {
    padding-top: 20px
  }
}

.account.default.user-profile.public .activity-placeholder.signed-in {
  height: 430px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  position: relative
}

.account.default.user-profile.public .activity-placeholder.signed-in .info {
  margin: 150px auto 0
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .activity-placeholder.signed-in .info {
    width: 50%;
    margin-top: 90px
  }
}

.account.default.user-profile.public .activity-placeholder.signed-in .info img {
  position: absolute;
  z-index: -1;
  left: -86%;
  top: 75px;
  min-width: 980px;
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .activity-placeholder.signed-in .info img {
    left: 0;
    top: 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    min-width: 0
  }
}

.account.default.user-profile.public .activity-placeholder.signed-in .info h1 {
  font-size: 22px
}

.account.default.user-profile.public .activity-placeholder.signed-in .info p {
  margin-bottom: 30px
}

.account.default.user-profile.public .activity-placeholder.signed-out .content {
  margin-top: 30px;
  color: #9b9b94
}

.account.default.user-profile.public .activity-placeholder.signed-out .content p {
  margin: 10px auto 50px;
  width: 75%
}

@media only screen and (min-width:641px) {
  .account.default.user-profile.public .activity-placeholder.signed-out .content p {
    width: 50%
  }
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .activity-placeholder.signed-out .content p {
    width: 40%
  }
}

.account.default.user-profile.public .activity-placeholder.signed-out .why-water-text .subheader {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 0
}

.account.default.user-profile.public .activity-placeholder.signed-out .why-water-text .fact {
  width: 75%;
  margin: 5px auto 20px
}

@media only screen and (min-width:1025px) {
  .account.default.user-profile.public .activity-placeholder.signed-out .why-water-text .fact {
    width: 100%;
    margin: 5px 0 20px
  }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

  .account.default.user-profile.public .campaigns,
  .account.default.user-profile.public .card .individual-campaign,
  .account.default.user-profile.public .card .team-campaign {
    display: block
  }

  .account.default.user-profile.public .tab-wrapper nav ul {
    justify-content: flex-start
  }
}

[class*=" icon-"] {
  background-repeat: no-repeat
}

.icon-bd {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/bd-85e6d89a452bb1f942a48e3bd3c4fee2.png)
}

.icon-bf {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/bf-d461f745d3545f601164a2e98242220a.png)
}

.icon-bo {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/bo-f01e939e830eac5b99b7435037f66e96.png)
}

.icon-cd {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/cd-39476825d6c68fa9f5021945b261698a.png)
}

.icon-cf {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/cf-c1c23e8778866cf6a612a761166a2bfc.png)
}

.icon-ci {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ci-611d0f82ae3ff8173bc6d62ba743e788.png)
}

.icon-et {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/et-bf52457ad48d7d7ea7ee61fedb0595d8.png)
}

.icon-gt {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/gt-db9cee17ed89769ee93bdf92a3130f83.png)
}

.icon-hn {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/hn-5b665ea52318e2481707dd315915a1bf.png)
}

.icon-ht {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ht-619a53e6d82daced87b27bf0363b8b6d.png)
}

.icon-in {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/in-d8f850c79e4e9d3b28db5b044410524a.png)
}

.icon-ir {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ir-6cf4e0ff9f3953d20d79c10bdba6b0be.png)
}

.icon-ke {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ke-5e34efd995a38fd6b1037e6841cd04be.png)
}

.icon-kh {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/kh-f14e51948a07b211e3bc00b36d4879d0.png)
}

.icon-lr {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/lr-b2d0344ae83cbdebf6f956c7c943cb7e.png)
}

.icon-ml {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ml-9bbe660829841390354b3922f8bd98e7.png)
}

.icon-mw {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/mw-808f022d19e994dcdef9313dbcd1829f.png)
}

.icon-ne {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ne-0f02798cd107382f046e77aff3646018.png)
}

.icon-np {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/np-db3522f17b70064fe86cfe55207a0172.png)
}

.icon-mz {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/mz-377364f880db7b348902de21d2f4da85.png)
}

.icon-pk {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/pk-24b0ef6d191e35c60dd6b3ff571f7524.png)
}

.icon-rw {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/rw-856041cbc035e0824e69153803bcd209.png)
}

.icon-sl {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/sl-c4b35c023cfe2e9e9ca369b3832047cd.png)
}

.icon-tz {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/tz-686a4875b165d587e67333e302690da1.png)
}

.icon-ug {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/ug-f95c9da349f398d8ceb06b55c2dbc3d9.png)
}

.container.project {
  padding: 70px 0 0
}

@media only screen and (min-width:641px) {
  .container.project {
    padding: 90px 20px 0
  }
}

.container.project .h35 {
  font-size: 22px
}

@media only screen and (min-width:1025px) {
  .container.project .h35 {
    font-size: 30px
  }
}

.container.project .black {
  color: #333232
}

.container.project .grey-40 {
  color: #c1c1ba
}

.container.project .grey-50 {
  color: #9b9b94
}

.container.project .grey-60 {
  color: #71716c
}

.container.project .yellow {
  color: #ffca0a
}

.container.project .uppercase {
  text-transform: uppercase
}

.container.project .icon.cw-icon-match {
  color: #f8c525
}

.container.project .panel {
  border-color: #dfdfd7
}

.container.project .float-right {
  text-align: right
}

.container.project .community-info {
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .container.project .community-info {
    border-bottom: 1px solid #e9eae4;
    margin-bottom: 30px;
    padding: 0
  }
}

.container.project .community-info .icon.cw-icon-ok {
  background: #369ff4;
  border-radius: 12px;
  border: 5.5px solid #369ff4;
  font-size: 13px;
  color: #fff;
  margin-right: 8px
}

.container.project .community-info .community-name {
  padding-bottom: 30px
}

.container.project .community-info p {
  margin: 0
}

.container.project .icon.cw-icon-question-sign {
  color: #369ff4;
  opacity: .5;
  font-size: 10px
}

.container.project .icon.cw-icon-question-sign:hover {
  opacity: 1
}

.container.project .photos {
  padding-bottom: 20px
}

@media only screen and (min-width:641px) {
  .container.project .photos {
    padding-bottom: 0
  }

  .container.project .photos>div>div {
    height: 100%
  }
}

.container.project .photos .small-photos {
  height: 100%;
  min-height: 195px;
  position: relative
}

.container.project .photos .small-photos .icon {
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  z-index: 9999
}

.container.project .photos .small-photos .icon.cw-icon-angle-left {
  top: 41%;
  left: 20px
}

.container.project .photos .small-photos .icon.cw-icon-angle-right {
  top: 41%;
  right: 20px
}

.container.project .photos .small-photos .photo {
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  min-height: 196px
}

@media only screen and (min-width:641px) {
  .container.project .photos .small-photos .photo {
    border-radius: 4px
  }
}

.container.project .photos .large-photos .modal-close {
  color: #fff;
  position: fixed
}

.container.project .photos .large-photos .modal-inner {
  background: none;
  width: inherit;
  max-width: 980px;
  margin: 0 auto;
  padding: 40px 0
}

.container.project .photos .large-photos .modal-inner .icon {
  color: #fff;
  cursor: pointer;
  font-size: 35px;
  position: absolute;
  top: 380px;
  z-index: 9999
}

@media only screen and (min-width:641px) {
  .container.project .photos .large-photos .modal-inner .icon {
    font-size: 70px
  }
}

.container.project .photos .large-photos .cw-icon-angle-left {
  left: 20px
}

@media only screen and (min-width:1025px) {
  .container.project .photos .large-photos .cw-icon-angle-left {
    left: -40px
  }
}

.container.project .photos .large-photos .cw-icon-angle-right {
  right: 20px
}

@media only screen and (min-width:1025px) {
  .container.project .photos .large-photos .cw-icon-angle-right {
    right: -40px
  }
}

.container.project .photos .large-photos .photo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 700px;
  width: 100%
}

.container.project .project-info .project-summary {
  padding-bottom: 30px
}

@media only screen and (min-width:641px) {
  .container.project .project-info .project-summary {
    display: -webkit-box;
    display: flex
  }
}

.container.project .project-info .project-summary .location {
  padding: 0 20px 20px;
  display: -webkit-box;
  display: flex;
  align-items: center
}

@media only screen and (min-width:641px) {
  .container.project .project-info .project-summary .location {
    margin-left: 11px;
    margin-top: 7px;
    padding: 0
  }
}

.container.project .project-info .project-summary .location .country-image {
  background-position: 50%;
  background-size: contain;
  display: inline-block;
  width: 64px;
  height: 48px
}

.container.project .project-info .project-summary .location .country-name {
  margin-left: 11px
}

.container.project .project-info .project-summary .location .country-name h1.h60 {
  margin-bottom: 0
}

.container.project .project-info .project-summary .location .coordinates {
  line-height: 30px
}

.container.project .project-info .project-summary .location .coordinates .icon.cw-icon-location {
  color: #c1c1ba;
  font-size: 14px;
  margin-right: 5px
}

.container.project .project-info .project-details {
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .container.project .project-info .project-details {
    padding: 0
  }
}

.container.project .project-info .project-details .columns {
  margin-bottom: 30px
}

.container.project .project-info .project-details .h80 {
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: .5px
}

.container.project .project-info .project-details .p40 {
  margin: 0
}

.container.project .project-info .project-details .field-notes .p40 {
  margin: 0 0 30px
}

.container.project .project-info .project-details .field-notes p:first-of-type {
  margin-top: 0
}

.container.project .project-info .mobile-map {
  display: block;
  padding-top: 30px
}

@media only screen and (min-width:1025px) {
  .container.project .project-info .mobile-map {
    display: none
  }
}

.container.project .desktop-map {
  display: none
}

@media only screen and (min-width:1025px) {
  .container.project .desktop-map {
    display: block
  }
}

.container.project .map {
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/projects/map-texture-85aff17097cbe4b3edd7cb99303e64f5.png) no-repeat 50%;
  width: auto;
  height: 234px
}

@media only screen and (min-width:1025px) {
  .container.project .map {
    width: auto;
    height: 647px;
    margin-left: 18px;
    border-radius: 4px
  }
}

.container.project .map .button {
  position: relative;
  margin: -48px -88px;
  width: 176px;
  height: 48px;
  top: 45%;
  left: 50%
}

.container.project .donor-info {
  margin-top: 30px
}

.container.project .donor-info .panel {
  padding: 0 20px 20px;
  margin-bottom: 0
}

.container.project .donor-info .donations {
  padding: 20px 20px 0
}

.container.project .donor-info .donations .donation {
  padding: 4px 0
}

.container.project .donor-info .donations .donation:first-child {
  padding-top: 0
}

.container.project .donor-info .donations .donation:last-child {
  padding-bottom: 0
}

.container.project .donor-info .donations .h70 {
  color: #9b9b94
}

.container.project .donor-info .donations .h70.amount {
  display: inline
}

.container.project .donor-info .donations .match-container {
  padding-left: 35px;
  position: relative
}

.container.project .donor-info .donations .match-container .cw-icon-match {
  display: inline;
  font-size: 30px;
  left: 0;
  position: absolute;
  top: 1px
}

.container.project .donor-info .campaign-info {
  border-bottom: 0;
  border-top: 1px solid #dfdfd7;
  position: relative;
  min-height: 100px
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info {
    border-top: 0
  }
}

.container.project .donor-info .campaign-info.loading:after {
  position: absolute;
  display: block;
  content: "";
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/loading-d9e46bf01b6d1060bbfd5773554ff533.gif);
  background-size: contain;
  height: 60px;
  width: 60px;
  top: 52px;
  left: 48.9%;
  z-index: 9999
}

.container.project .donor-info .campaign-info .campaign-funding-count {
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 18px;
  padding-bottom: 19px
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info .campaign-funding-count {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }
}

.container.project .donor-info .campaign-info .campaign-funding-count.panel {
  background: #f4f5f0
}

.container.project .donor-info .campaign-info .campaign-funding-count .h60 {
  margin-bottom: 0
}

.container.project .donor-info .campaign-info .campaign.invis.panel {
  cursor: default
}

.container.project .donor-info .campaign-info .campaign.invis.panel .h60 {
  color: #71716c
}

.container.project .donor-info .campaign-info .campaign.panel {
  background: #fff;
  border-bottom: 0;
  border-top: 1px solid #dfdfd7;
  padding: 20px 21px;
  cursor: pointer
}

.container.project .donor-info .campaign-info .campaign.panel.closed .cw-icon-caret-up {
  display: none
}

.container.project .donor-info .campaign-info .campaign.panel.last.closed {
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info .campaign.panel.last.closed {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }
}

.container.project .donor-info .campaign-info .campaign.panel.last+div .donations-info {
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info .campaign.panel.last.open+div .donations-info {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }
}

.container.project .donor-info .campaign-info .campaign.panel.open .cw-icon-caret-down {
  display: none
}

.container.project .donor-info .campaign-info .campaign.panel.wallstrom {
  border-bottom: 1px solid #dfdfd7
}

.container.project .donor-info .campaign-info .campaign.panel .row {
  display: -webkit-box;
  display: flex;
  align-items: center
}

.container.project .donor-info .campaign-info .campaign.panel .row .donation-count {
  display: none;
  font-weight: 500
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info .campaign.panel .row .donation-count {
    color: #71716c;
    display: inline-block;
    padding-right: 16px;
    text-transform: uppercase
  }
}

.container.project .donor-info .campaign-info .campaign .donations-caret {
  color: #369ff4;
  display: block;
  float: right;
  font-size: 20px;
  margin-top: 3px
}

.container.project .donor-info .campaign-info .campaign .h60 {
  margin-bottom: 5px
}

.container.project .donor-info .campaign-info .campaign .p40 {
  margin: 0
}

.container.project .donor-info .campaign-info .campaign.highlight {
  background-color: #f1f8fe
}

.container.project .donor-info .campaign-info .campaign .icon.cw-icon-star {
  background: gold;
  border: 3px solid gold;
  border-radius: 18px;
  color: #fff;
  font-size: 12px;
  margin-top: 2px;
  margin-left: 5px;
  position: absolute
}

.container.project .donor-info .campaign-info .funded-by-label {
  display: none
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaign {
  background-color: #f7f7f7
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaign.panel {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 0;
  border-top: 0;
  cursor: default
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info.single-funding-campaign .campaign.panel {
    border-top: 1px solid #dfdfd7
  }
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaign.panel.last.open+div .donations-info.paginated {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaign.panel .donation-count {
  padding-right: 0
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaign.highlight {
  background-color: #f1f8fe
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaign-funding-count {
  display: none
}

.container.project .donor-info .campaign-info.single-funding-campaign .funded-by-label {
  display: block;
  text-transform: uppercase
}

.container.project .donor-info .campaign-info.single-funding-campaign .donations-info {
  padding-left: 0;
  padding-right: 0;
  background-color: #fff;
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .campaign-info.single-funding-campaign .donations-info {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }
}

.container.project .donor-info .campaign-info.single-funding-campaign .campaigner-info {
  margin-top: 5px;
  display: none
}

.container.project .donor-info .paginated.campaign-info .campaign.panel.last,
.container.project .donor-info .paginated.campaign-info .campaign.panel.last.open+div .donations-info {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.container.project .donor-info .donations-container {
  max-height: 0;
  overflow: hidden
}

.container.project .donor-info .donations-container.open {
  max-height: 1000px;
  -webkit-transition: max-height .45s ease-in;
  transition: max-height .45s ease-in
}

.container.project .donor-info .donations-info {
  background: #f7f7f7;
  border-bottom: 0;
  border-top: 1px solid #dfdfd7
}

.container.project .donor-info .donations-info .highlight .name {
  margin-left: -20px
}

.container.project .donor-info .donations-info .highlight .name:before {
  color: #ffca0a;
  content: "\e632";
  font-family: cw-icons;
  font-size: 22px;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -5px
}

@media only screen and (max-width:641px) {
  .container.project .donor-info .donations-info .highlight .name:before {
    margin-right: 5px;
    display: inline
  }
}

.container.project .donor-info .donations-info h1 {
  display: inline
}

.container.project .donor-info .donations-info .pagination-info {
  background: #f7f7f7;
  padding: 0 20px
}

.container.project .donor-info .donations-info .pagination-info p.em {
  margin: 0;
  padding: 10px 0 5px
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .donations-info .pagination-info p.em {
    padding-top: 25px
  }
}

.container.project .donor-info .pagination-info {
  background: #fff;
  border-top: 0;
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .pagination-info {
    display: block
  }
}

.container.project .donor-info .pagination-info.rounded {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.container.project .donor-info .pagination-info .words {
  order: 2
}

.container.project .donor-info .pagination-info .pages {
  order: 1
}

.container.project .donor-info .pagination-info .pagination {
  padding-top: 20px
}

.container.project .donor-info .pagination-info .pagination li.selected {
  background: #f4f5f0
}

.container.project .donor-info .pagination-info .pagination .break {
  border: 1px solid #dfdfd7;
  border-left-style: none;
  color: #9b9b94;
  font-size: 12px;
  font-weight: 500;
  outline: none;
  min-width: 30px;
  padding: 2px
}

.container.project .donor-info .other-funding {
  text-align: center
}

.container.project .donor-info .other-funding .panel {
  background: #fff;
  border-bottom: 1px solid #dfdfd7;
  border-top: 0;
  padding-top: 20px
}

@media only screen and (min-width:641px) {
  .container.project .donor-info .other-funding .panel {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
  }
}

.container.project .stats {
  display: -webkit-box;
  display: flex
}

@media only screen and (min-width:641px) {
  .container.project .stats {
    margin-top: 19px
  }
}

.container.project .stats .stat {
  align-items: center;
  border: 1px solid #e9eae4;
  border-left-style: none;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  justify-content: center;
  min-height: 119px
}

.container.project .stats .stat .p10,
.container.project .stats .stat .p40 {
  margin: 0
}

.container.project .stats .stat .p10 {
  line-height: 40px
}

.container.project .stats .stat .p40 {
  margin-top: 8px
}

.container.project .stats .stat:last-of-type {
  border-color: #e9eae4;
  border-style: solid none;
  border-width: 1px;
  min-height: 119px
}

.container.project .stats .stat:last-of-type .implementation.icon {
  font-size: 40px
}

.container.project.rig .stats {
  margin-bottom: 30px
}

@media only screen and (min-width:1025px) {
  .container.project.rig .stats {
    margin-bottom: 50px
  }
}

@media only screen and (max-width:641px) {
  .container.project.rig .stats {
    margin-top: 20px;
    display: block
  }
}

@media only screen and (max-width:641px) {
  .container.project.rig .stats .stat {
    border-style: solid solid none
  }

  .container.project.rig .stats .stat:last-of-type {
    border-style: solid
  }
}

.container.project.rig .general-info h2,
.container.project.rig .general-info p,
.container.project.rig .rig-info h2,
.container.project.rig .rig-info p {
  margin-left: auto;
  margin-right: auto
}

.container.project.rig .general-info p,
.container.project.rig .rig-info p {
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 840px
}

.container.project.rig .general-info h2,
.container.project.rig .rig-info h2 {
  max-width: 600px
}

.container.project.rig .rig-image {
  margin-top: 30px
}

.container.project.rig .media {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dfdfd7
}

.container.project.rig .photos h2,
.container.project.rig .video h2 {
  margin: 20px 20px 10px
}

@media only screen and (min-width:641px) {

  .container.project.rig .photos h2,
  .container.project.rig .video h2 {
    margin: 20px 40px 10px 0
  }
}

.container.project.rig .photos p,
.container.project.rig .video p {
  margin: 0 20px
}

@media only screen and (min-width:641px) {

  .container.project.rig .photos p,
  .container.project.rig .video p {
    margin: 0 40px 0 0
  }
}

.container.project.rig .video .embed-container {
  width: 100%;
  height: 56.25vw
}

@media only screen and (min-width:641px) {
  .container.project.rig .video .embed-container {
    height: auto;
    padding-bottom: 56.25%;
    position: relative
  }

  .container.project.rig .video .embed-container>div {
    position: absolute;
    width: 100%;
    height: 100%
  }
}

@media only screen and (min-width:641px) {
  .container.project.rig .photos .small-photos {
    min-height: 0
  }

  .container.project.rig .photos .small-photos .photo {
    min-height: 0;
    height: auto;
    padding-bottom: 56.25%
  }
}

.container.project.rig .rig-map {
  text-align: center
}

.container.project.rig .rig-map-iframe {
  max-width: 980px
}

.project-show-page .modal-inner .cw-icon-match {
  display: inline;
  font-size: 34px;
  top: 9px;
  left: auto;
  position: relative;
  padding-right: 5px;
  margin-left: -5px;
  color: #f8c525
}

.rig_twitter_follow a {
  color: #fff
}

.redeem-the-spring-page .redeem-card {
  max-width: 400px
}

.redeem-the-spring-page form.new_code_redemption input[type=submit] {
  background-color: #0d6593
}

.redeem-the-spring-page form.new_user .panel {
  background: none;
  border: 0
}

.redeem-the-spring-page .error-container ul {
  margin: 0
}

.redeem-the-spring-page .error-container li {
  margin-top: 1em
}

@media only screen and (min-width:641px) {
  .redeem-the-spring-page .error-container li {
    margin-bottom: -32px
  }
}

.redeem-the-spring-page .new_code_redemption ul li {
  color: #fff !important
}

.redeem-the-spring-page .spring-benefits img {
  height: 70px;
  min-width: 70px;
  width: 70px
}

.redeem-the-spring-page .darken-badge-color.badge-cw-spring-med-green {
  background-color: #00936c
}

.redeem-the-spring-page .darken-badge-color.badge-cw-spring-med-blue {
  background-color: #0e70a2
}

.redeem-the-spring-page .darken-badge-color.badge-cw-spring-peach {
  background-color: #e47762
}

@media only screen and (min-width:641px) {
  .search form {
    display: -webkit-box;
    display: flex
  }
}

@media only screen and (min-width:641px) {
  .search .search-form-query {
    border-radius: 4px 0 0 4px
  }
}

.search .search-form-button {
  width: 100%;
  margin-top: 10px
}

@media only screen and (min-width:641px) {
  .search .search-form-button {
    border-radius: 0 4px 4px 0;
    width: 300px;
    margin-top: 0
  }
}

.search .campaign-results {
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 40px 0 0 -20px
}

.search .campaign {
  width: 100%;
  margin: 0 0 20px 20px;
  border: 1px solid #dfdfd7;
  border-radius: 4px;
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .search .campaign {
    width: calc(50% - 20px)
  }
}

@media only screen and (min-width:1025px) {
  .search .campaign {
    width: calc(33.3% - 20px)
  }
}

.search .campaign-main-body {
  display: -webkit-box;
  display: flex;
  align-items: center;
  height: 150px
}

.search .campaign-image {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 5px solid #dfdfd7;
  height: 112px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.search .campaign-user {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #f7f7f7;
  border-top: 1px solid #dfdfd7;
  padding: 20px;
  text-align: left;
  display: -webkit-box;
  display: flex;
  align-items: center;
  flex: 1 1
}

.search .user-avatar,
.search .user-name {
  display: inline-block
}

.search .avatar-initial {
  height: 35px;
  width: 35px;
  line-height: 35px
}

.search .user-avatar {
  min-width: 35px
}

.search .user-avatar img {
  border-radius: 4px
}

.search .user-name {
  padding-left: 10px
}

.search .progress-wrapper {
  padding: 10px 0 0
}

.search .stats {
  font-size: 14px
}

.spring-mailing-list-subscribers-signup {
  color: #295160
}

.spring-mailing-list-subscribers-signup .form-wrapper {
  max-width: none
}

.spring-mailing-list-subscribers-signup .header {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .header {
    max-width: 510px
  }
}

.spring-mailing-list-subscribers-signup .container {
  padding: 0;
  text-align: center
}

.spring-mailing-list-subscribers-signup .button {
  background-color: #1ba9e0
}

.spring-mailing-list-subscribers-signup .button:hover {
  background-color: #45bbe9
}

.spring-mailing-list-subscribers-signup h2 {
  line-height: 30px
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup h2 {
    line-height: 22px
  }
}

.spring-mailing-list-subscribers-signup .hero {
  padding-left: 20px;
  padding-right: 20px
}

.spring-mailing-list-subscribers-signup .hero h2 {
  margin-top: 20px
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .hero h2 {
    line-height: 22px
  }
}

.spring-mailing-list-subscribers-signup .hero .logo {
  width: 140px;
  margin-top: 86px
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .hero .logo {
    margin-top: 50px
  }
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/spring-mailing-list-subscribers/drinking-clean-water-large-up-dc07c52b8c4b2f30429119dbcc1cfae7.jpg);
    background-size: cover;
    padding: 20% 0;
    position: relative
  }
}

.spring-mailing-list-subscribers-signup .hero:after {
  content: "";
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/spring-mailing-list-subscribers/drinking-clean-water-8245b22bd55f9733da8aae6298391b4d.jpg);
  background-size: cover;
  background-position: top;
  height: 0;
  padding-bottom: 80%;
  width: calc(100% + 40px);
  margin: 0 -20px
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .hero:after {
    display: none
  }
}

.spring-mailing-list-subscribers-signup .hero p {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .hero .hero-main-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(5%, -50%);
    transform: translate(5%, -50%);
    max-width: 460px
  }
}

.spring-mailing-list-subscribers-signup .hero .join-button {
  display: none
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .hero .join-button {
    display: block;
    color: #295160;
    background: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-weight: 500;
    padding: 0 30px;
    border-radius: 4px;
    letter-spacing: 1px;
    -webkit-transition: color .15s linear;
    transition: color .15s linear;
    text-transform: uppercase
  }

  .spring-mailing-list-subscribers-signup .hero .join-button:hover {
    color: #386f84
  }
}

.spring-mailing-list-subscribers-signup .form {
  background: #f4f7f8;
  padding: 40px 0;
  position: relative
}

.spring-mailing-list-subscribers-signup .form h2 {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 40px
}

.spring-mailing-list-subscribers-signup .form .spring-icn {
  display: block;
  margin: 30px auto 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 40px;
  height: 40px
}

@media only screen and (min-width:641px) {
  .spring-mailing-list-subscribers-signup .form .spring-icn {
    float: left;
    margin-right: 30px;
    margin-top: 0;
    margin-bottom: 30px
  }
}

.spring-mailing-list-subscribers-signup .form .water-icon {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/spring-mailing-list-subscribers/icon-drop-d4f12ed62ed4abd4195606155f894fc5.png)
}

.spring-mailing-list-subscribers-signup .form .gear-icon {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/spring-mailing-list-subscribers/icon-gear-562bd691b35ffa64ab0218dcadfd37b3.png)
}

.spring-mailing-list-subscribers-signup .form form {
  margin-right: 20px;
  margin-left: 20px
}

@media only screen and (min-width:641px) {
  .spring-mailing-list-subscribers-signup .form form {
    max-width: 440px;
    margin-right: 0;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 30px;
    border-right: 1px solid #dfdfd7
  }
}

.spring-mailing-list-subscribers-signup .form .stat {
  margin-left: 20px;
  margin-right: 20px;
  text-align: center
}

@media only screen and (min-width:641px) {
  .spring-mailing-list-subscribers-signup .form .stat {
    margin-left: 0;
    padding-left: 30px;
    max-width: 440px;
    text-align: left
  }

  .spring-mailing-list-subscribers-signup .form .stat p {
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 70px
  }
}

.spring-mailing-list-subscribers-signup .form .side {
  border-bottom: 1px solid #dfdfd7;
  padding-bottom: 30px;
  flex: none
}

@media only screen and (min-width:641px) {
  .spring-mailing-list-subscribers-signup .form .side {
    border-bottom: 0;
    padding-bottom: 0;
    flex: 1 1
  }
}

.spring-mailing-list-subscribers-signup .final-cta {
  padding-top: 60px;
  background: #f4f7f8
}

@media only screen and (min-width:641px) {
  .spring-mailing-list-subscribers-signup .final-cta {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/spring-mailing-list-subscribers/carrying-clean-water-medium-up-e3a98a3ea30f65dc3adbaadca60cf8f4.jpg);
    background-size: cover;
    color: #fff;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-top: 12%;
    padding-bottom: 12%
  }
}

.spring-mailing-list-subscribers-signup .final-cta h3 {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .spring-mailing-list-subscribers-signup .final-cta h3 {
    max-width: 330px
  }
}

.spring-mailing-list-subscribers-signup .final-cta p {
  margin: 30px 0
}

.spring-mailing-list-subscribers-signup .final-cta:after {
  content: "";
  display: block;
  width: calc(100% + 40px);
  margin: 0 -20px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/spring-mailing-list-subscribers/carrying-clean-water-9b1dbafc2f1723455988e821c47d3b4d.jpg);
  background-size: cover;
  height: 0;
  padding-bottom: 120%
}

@media only screen and (min-width:641px) {
  .spring-mailing-list-subscribers-signup .final-cta:after {
    display: none
  }
}

.about-page .container {
  padding: 0
}

.about-page .about-us-section {
  padding: 60px 20px
}

@media only screen and (min-width:1025px) {
  .about-page .about-us-section {
    padding-top: 100px;
    padding-bottom: 100px
  }
}

.about-page .about-us-section.photo-section {
  padding-top: 120px;
  padding-bottom: 120px;
  background-position: 50%;
  background-size: cover
}

@media only screen and (min-width:1025px) {
  .about-page .about-us-section.photo-section {
    padding-top: 175px;
    padding-bottom: 175px;
    background-position: top
  }
}

.about-page .subhead {
  margin-left: auto;
  margin-right: auto
}

.about-page .subhead a {
  font-size: 1em
}

.about-page .button-links .button {
  display: block;
  margin-top: 20px;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .about-page .button-links .button {
    display: inline-block;
    margin: 20px 10px 0
  }
}

.about-page .about-hero {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/about/about-hero-ac506024300b499f6be1f62d0f5ca37a.jpg);
  background-size: cover;
  background-position: 50%;
  color: #fff;
  padding: 75px 20px 80%;
  position: relative
}

@media only screen and (min-width:641px) {
  .about-page .about-hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/about/about-hero-medium-up-4b8c3eeed225fd8b488ff9cf16781d19.jpg);
    padding-top: 85px;
    padding-bottom: 320px
  }
}

@media only screen and (min-width:1025px) {
  .about-page .about-hero {
    padding-top: 110px
  }
}

.about-page .about-hero .subhead {
  max-width: 500px
}

.about-page .about-hero .about-hero-mission {
  font-size: 16px;
  color: #fff;
  font-weight: 500
}

.about-page .about-hero .about-hero-mission:hover {
  color: hsla(0, 0%, 100%, .75)
}

.about-page .about-org img {
  max-width: 200px
}

@media only screen and (min-width:1025px) {
  .about-page .about-org img {
    height: 150px
  }
}

.about-page .about-org p {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto
}

.about-page .about-org a {
  text-transform: uppercase;
  font-weight: 700
}

.about-page .about-org a:hover {
  color: #7fc2f8
}

.about-page .org-block {
  margin-top: 60px
}

.about-page .org-block:first-child {
  margin-top: 0
}

@media only screen and (min-width:1025px) {
  .about-page .org-block {
    margin-top: 0
  }
}

.about-page .about-blog {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/about/tyler-f0d8f09d3391bf2e9c9eb055558feafe.jpg);
  color: #fff
}

@media only screen and (min-width:641px) {
  .about-page .about-blog {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/about/tyler-medium-up-5ca0f5930f7e48c2e7551f016c0b86b8.jpg)
  }
}

.about-page .about-blog .subhead {
  max-width: 340px
}

@media only screen and (min-width:641px) {
  .about-page .about-blog .subhead {
    max-width: 460px
  }
}

@media only screen and (min-width:1025px) {
  .about-page .about-us-section-split {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .about-page .about-us-section-split:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #f4f5f0;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.about-page .about-us-section-inner img {
  max-width: 150px
}

.about-page .about-us-section-inner .subhead {
  max-width: 350px
}

.about-page .more-about-cw {
  margin-bottom: 60px
}

@media only screen and (min-width:1025px) {
  .about-page .more-about-cw {
    margin-bottom: 0;
    margin-right: 200px;
    margin-top: 9px
  }
}

.about-page .work-for-us {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/about/anna-4b2d19449f0595b44a2f19808ce0f3da.jpg);
  color: #fff
}

@media only screen and (min-width:641px) {
  .about-page .work-for-us {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/about/anna-medium-up-1ee657215f31cc3adc8290c84ae56948.jpg)
  }
}

.about-page .work-for-us h2 {
  max-width: 510px
}

@media only screen and (min-width:1025px) {
  .about-page .work-for-us h2 {
    max-width: 740px
  }
}

.brand-partnerships .container {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0
}

.brand-partnerships .container .brand-partnerships-header {
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-header {
    max-width: 620px
  }
}

.brand-partnerships .container .hero-text {
  background: #369ff4;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff;
  position: relative
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .hero-text {
    padding-top: 6%;
    padding-bottom: 6% !important;
    margin-top: 30px
  }
}

.brand-partnerships .container .hero-text .text {
  max-width: 450px;
  margin: 0 auto 30px
}

.brand-partnerships .container .hero-text .text .p30 {
  margin-top: 25px;
  margin-bottom: 25px
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .hero-text .text {
    max-width: 980px;
    margin-left: auto;
    text-align: left;
    margin-bottom: 0
  }

  .brand-partnerships .container .hero-text .text .text-elm {
    max-width: 400px
  }
}

.brand-partnerships .container .hero-text .spotlight-image {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .hero-text .spotlight-image {
    width: 50%;
    height: 100%;
    right: 0;
    left: auto;
    bottom: 0;
    padding-bottom: 0 !important
  }
}

.brand-partnerships .container .sell {
  padding: 60px 20px 40%;
  position: relative
}

.brand-partnerships .container .sell:after {
  content: "";
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/brand_partnerships/solo-in-field-default-c862c3c443a8c77770bbbe5097728963.jpg);
  height: 0;
  padding-bottom: 75%;
  position: absolute;
  background-size: cover;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/brand_partnerships/solo-in-field-medium-up-8d0d52683d3cdb2fafbd07c056f83096.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .sell:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/brand_partnerships/solo-in-field-large-up-ef5aee142221f36b51c3297938163af6.jpg)
  }
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell {
    padding-top: 90px
  }
}

.brand-partnerships .container .sell .header {
  max-width: 600px;
  margin: auto
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell .options {
    display: -webkit-box;
    display: flex;
    margin-top: 60px
  }
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .sell .options {
    margin-top: 30px
  }
}

.brand-partnerships .container .sell .options .option {
  max-width: 300px;
  border-top: 1px solid #e9eae4;
  margin: 45px auto auto;
  padding-top: 45px
}

.brand-partnerships .container .sell .options .option:first-child {
  border-top: 0
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell .options .option {
    flex: 1 1;
    padding: 0 20px;
    border: 0;
    text-align: left
  }
}

.brand-partnerships .container .sell .options .option h3 {
  text-transform: uppercase
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell .options .option h3 {
    position: relative;
    padding-left: 34px
  }
}

.brand-partnerships .container .sell .options .option img {
  display: block;
  margin: 0 auto 15px
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell .options .option img {
    margin: 0;
    position: absolute;
    left: 0;
    top: -2px
  }
}

.brand-partnerships .container .sell .options .option ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.brand-partnerships .container .sell .options .option li {
  font-size: 16px;
  text-transform: uppercase;
  color: #c1c1ba;
  font-weight: 500
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .sell .options .option.engage h3 {
    padding-left: 38px
  }

  .brand-partnerships .container .sell .options .option.engage img {
    top: -3px
  }
}

.brand-partnerships .container .brand-partnerships-partners {
  margin-top: 60px
}

.brand-partnerships .container .brand-partnerships-partners .header {
  max-width: 660px;
  margin: auto;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-partners {
    margin-top: 90px
  }
}

.brand-partnerships .container .brand-partnerships-partners .grid {
  margin-top: 60px;
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .brand-partnerships-partners .grid {
    display: -webkit-box;
    display: flex;
    flex-flow: row wrap;
    padding: 0 10px
  }
}

.brand-partnerships .container .brand-partnerships-partners .grid .partner {
  max-width: 400px;
  margin: 0 auto 60px;
  position: relative;
  vertical-align: top;
  display: block
}

.brand-partnerships .container .brand-partnerships-partners .grid .partner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  border: 2px solid #f4f5f0
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .brand-partnerships-partners .grid .partner {
    padding: 0 10px;
    max-width: none;
    flex-basis: 50%;
    margin: 0 auto 20px
  }

  .brand-partnerships .container .brand-partnerships-partners .grid .partner:hover .over-data,
  .brand-partnerships .container .brand-partnerships-partners .grid .partner:hover:after {
    opacity: 1
  }
}

.brand-partnerships .container .brand-partnerships-partners .grid .partner .image-wrapper {
  background: #f4f5f0;
  padding: 30px 20px;
  display: block
}

.brand-partnerships .container .brand-partnerships-partners .grid .partner .image-wrapper img {
  width: 150px;
  margin: auto
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .brand-partnerships-partners .grid .partner .image-wrapper {
    padding: 100px 20px
  }
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-partners .grid .partner .image-wrapper {
    padding: 60px 20px
  }
}

.brand-partnerships .container .brand-partnerships-partners .grid .partner .over-data {
  color: #333232
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .brand-partnerships-partners .grid .partner .over-data {
    position: absolute;
    opacity: 0;
    top: calc(50% - 10px);
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 30px;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    line-height: 1.5
  }
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-partners .grid .partner .over-data {
    padding: 0
  }
}

.brand-partnerships .container .corporate-sponsors {
  margin-top: 60px
}

.brand-partnerships .container .corporate-sponsors .header {
  max-width: 590px;
  margin: auto;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .corporate-sponsors {
    margin-top: 90px
  }
}

.brand-partnerships .container .corporate-sponsors .grid {
  display: -webkit-box;
  display: flex;
  flex-flow: row wrap;
  padding: 0 5px;
  justify-content: center;
  margin-top: 60px
}

.brand-partnerships .container .corporate-sponsors .grid .sponsor {
  flex-basis: calc(50% - 10px);
  color: #369ff4;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #e9eae4;
  padding: 15px;
  margin: 5px;
  font-weight: 500
}

.brand-partnerships .container .corporate-sponsors .grid .sponsor:hover {
  color: #97cdf9
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .corporate-sponsors .grid .sponsor {
    flex-basis: calc(33% - 10px);
    padding: 25px 15px
  }
}

.brand-partnerships .container .brand-partnerships-footer {
  margin-top: 60px
}

.brand-partnerships .container .brand-partnerships-footer:after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 68%;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/brand_partnerships/clean-water-girl-default-01db5959e95070f62165d4346b4874d0.jpg);
  background-size: cover;
  background-position: top
}

@media only screen and (min-width:641px) {
  .brand-partnerships .container .brand-partnerships-footer:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/brand_partnerships/clean-water-girl-medium-up-75b8e35cb1408ae686f513384b7299a4.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-footer:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/brand_partnerships/clean-water-girl-large-up-2b23d4e5cd4fdd122074f78d43e4b2be.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-footer {
    margin-top: 90px
  }
}

.brand-partnerships .container .brand-partnerships-footer .module {
  max-width: 660px;
  margin: auto
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .brand-partnerships-footer .module {
    max-width: 720px
  }
}

.brand-partnerships .container .brand-partnerships-footer .module form label {
  text-align: left
}

.brand-partnerships .container .separation {
  margin: 60px auto 0;
  position: relative;
  max-width: 980px
}

.brand-partnerships .container .separation .icn {
  background: #fff;
  padding: 20px;
  color: #369ff4
}

.brand-partnerships .container .separation:before {
  width: 100%;
  height: 1px;
  background: #e9eae4;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1
}

@media only screen and (min-width:1025px) {
  .brand-partnerships .container .separation {
    margin-top: 90px
  }
}

.company-match .container .company-match-header {
  max-width: 650px
}

@media only screen and (min-width:1025px) {
  .company-match .container .company-match-header .h80 {
    padding-bottom: 0
  }
}

.company-match .container .company-match-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row
}

.company-match .container .company-match-content .company-match-sidebar {
  order: 2;
  border-top: 1px solid #dfdfd7;
  width: calc(100% + 40px)
}

@media only screen and (min-width:1025px) {
  .company-match .container .company-match-content .company-match-sidebar {
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #dfdfd7;
    order: 1;
    padding-right: 40px;
    width: auto
  }
}

.company-match .container .company-match-content .company-match-sidebar p {
  margin: 0 auto;
  max-width: 290px
}

.company-match .container .company-match-content .company-match-sidebar img {
  height: 85px
}

.company-match .container .company-match-content .company-match-sidebar .mail p.p40 {
  margin-bottom: 15px
}

.company-match .container .company-match-content .company-match-search {
  height: 300px;
  order: 1;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .company-match .container .company-match-content .company-match-search {
    order: 2;
    width: 60%;
    height: 1100px
  }
}

.company-match .container .company-match-content .company-match-search iframe {
  width: 100%;
  height: 100%;
  border: 0
}

.company-match-iframe form {
  display: -webkit-box;
  display: flex;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .company-match-iframe form {
    margin-left: 0
  }
}

.company-match-iframe form input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.company-match-iframe form .button {
  border-radius: 0;
  height: auto;
  max-height: 48px;
  width: 200px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.projects-pages {
  min-width: 0;
  font-size: 100%
}

.projects-pages img {
  max-width: 100%
}

.projects-pages .container {
  padding-bottom: 0 !important;
  width: auto !important
}

.projects-pages .completed-projects-map {
  margin-left: -20px;
  width: 100vw
}

.projects-pages .project-section-outer .project-section {
  max-width: 980px
}

.projects-pages .project-section {
  padding: 60px 25px;
  font-family: Georgia, serif;
  color: #010101;
  width: 980px;
  margin: auto
}

.projects-pages .project-section.intro-area {
  padding-top: 110px
}

@media only screen and (max-width:641px) {
  .projects-pages .project-section.intro-area {
    padding-top: 85px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .project-section.intro-area {
    padding-top: 75px
  }
}

.projects-pages .project-section h1 {
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 25px
}

@media only screen and (max-width:641px) {
  .projects-pages .project-section h1 {
    margin-bottom: 10px
  }
}

.projects-pages .project-section h2 {
  font-weight: 600;
  font-size: 35px;
  text-transform: none
}

.projects-pages .project-section p {
  font-size: 18px;
  line-height: 30px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .project-section {
    width: auto
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .project-section h1 {
    font-size: 30px;
    line-height: 48px
  }

  .projects-pages .project-section h2 {
    font-size: 25px
  }

  .projects-pages .project-section p {
    font-size: 16px;
    line-height: 26px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .project-section {
    padding: 60px 15px
  }
}

.projects-pages .intro-area {
  padding: 20px 0 80px
}

@media only screen and (max-width:641px) {
  .projects-pages .intro-area {
    padding: 20px .5px
  }
}

.projects-pages .intro-area p {
  max-width: 700px;
  margin: 0 auto
}

.projects-pages .cwmap_search_bar,
.projects-pages .google-map,
.projects-pages .sensor-data {
  margin-left: -20px;
  margin-right: -20px
}

.projects-pages .impact {
  display: table;
  padding: 40px 0
}

.projects-pages .impact p {
  margin: 0
}

.projects-pages .impact h2 {
  font-size: 20px
}

.projects-pages .impact .copy,
.projects-pages .impact img {
  display: table-cell;
  vertical-align: middle
}

.projects-pages .impact .copy {
  width: 88%
}

@media only screen and (max-width:641px) {
  .projects-pages .impact img {
    margin-bottom: 40px
  }

  .projects-pages .impact .copy {
    text-align: center
  }

  .projects-pages .impact .copy,
  .projects-pages .impact img {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
}

.projects-pages .sensor-data {
  display: -webkit-box;
  display: flex
}

.projects-pages .sensor-data .image {
  width: 50%;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_projects/water-in-jerry-9b03481b7cd58e9d9358bff5d05cb73b.jpg) no-repeat;
  background-size: cover
}

.projects-pages .sensor-data .copy {
  color: #333232;
  padding: 80px;
  width: 50%;
  background: #f7f7f7 url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_projects/deploy-background-d40ec86212b1ef10eb83d5a68094b13b.jpg) no-repeat;
  background-size: 80%
}

.projects-pages .sensor-data .button {
  margin-right: 5px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .sensor-data .image {
    width: 40%;
    background-position: -200px
  }

  .projects-pages .sensor-data .copy {
    width: 70%;
    padding: 40px
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .sensor-data {
    display: block;
    height: auto
  }

  .projects-pages .sensor-data .image {
    height: 400px
  }

  .projects-pages .sensor-data .copy,
  .projects-pages .sensor-data .image {
    width: 100%;
    background-position: 0
  }

  .projects-pages .sensor-data .copy {
    padding: 40px
  }

  .projects-pages .sensor-data .button {
    display: block;
    text-align: center;
    margin-right: 0
  }

  .projects-pages .sensor-data .button:first-of-type {
    margin-bottom: 10px
  }
}

.projects-pages .box-link {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -999em;
  top: 0;
  left: 0
}

.projects-pages .center-it {
  text-align: center
}

.projects-pages .widow-fix p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}

.projects-pages .hero-wrapper {
  background-position: 50%;
  background-size: cover;
  position: relative
}

.projects-pages .hero-wrapper.mechanics {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/mechanic-portraits-462b3a0db2efe269557712f2ff1861d4.jpg);
  height: 406px;
  margin-top: 30px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .hero-wrapper.mechanics {
    background-position: 0
  }
}

@media only screen and (max-width:0) {
  .projects-pages .hero-wrapper.mechanics {
    background-position: -250px
  }
}

.projects-pages .hero-wrapper.countries-map {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_projects/project-map-49c5e7d153fca4b8775d2009760d57ec.png);
  height: 510px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  position: relative
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .hero-wrapper.countries-map {
    height: 470px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_projects/project-map-pins-157336d5ca3f7928ec0e2c031145f8bf.png)
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .hero-wrapper.countries-map {
    height: 380px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .hero-wrapper.countries-map {
    height: 180px
  }
}

.projects-pages .hero-wrapper .overlay-text {
  position: absolute;
  top: 140px;
  right: 50px;
  text-align: center
}

.projects-pages .hero-wrapper .overlay-text p {
  color: #fff;
  width: 375px;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0
}

.projects-pages .hero-wrapper .overlay-text .d-button {
  margin: 20px auto 0;
  display: inline-block
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .hero-wrapper .overlay-text {
    color: rgba(0, 0, 0, .5);
    text-align: left;
    padding: 15px;
    top: auto;
    bottom: 0;
    width: 100%;
    right: auto;
    left: 0
  }

  .projects-pages .hero-wrapper .overlay-text p {
    margin-right: 30px;
    font-size: 16px;
    line-height: 26px;
    width: 65%;
    float: left
  }

  .projects-pages .hero-wrapper .overlay-text .d-button {
    float: right;
    display: inline-block;
    margin: 0;
    padding-top: 15px
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .hero-wrapper .overlay-text {
    padding: 15px 40px
  }

  .projects-pages .hero-wrapper .overlay-text p {
    float: none;
    color: #eee;
    width: 100%;
    display: inline;
    margin-right: 0
  }

  .projects-pages .hero-wrapper .overlay-text .d-button {
    background: none;
    border: 0;
    padding: 0;
    float: none;
    text-transform: none;
    box-shadow: none;
    display: inline
  }

  .projects-pages .hero-wrapper .overlay-text .d-button:hover {
    text-decoration: underline
  }
}

.projects-pages .hero-wrapper .full-wrapper {
  position: relative;
  max-width: 980px;
  margin: auto
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .hero-wrapper .full-wrapper {
    position: static
  }
}

.projects-pages .d-button {
  padding: 1.1em 1.6em
}

.projects-pages .image-border {
  border: 1px solid #ddd;
  box-shadow: 0 0 3px 1px #ddd;
  padding: 5px
}

.projects-pages .three-box .box-col {
  width: 30%;
  float: left;
  margin: .1 .5%;
  position: relative
}

.projects-pages .two-box .box-col {
  width: 45%
}

.projects-pages .two-box .first-box {
  float: left
}

.projects-pages .two-box .last-box {
  float: right
}

.projects-pages .two-box-row {
  margin-bottom: 60px
}

.projects-pages .overlay-title .box-col {
  position: relative
}

.projects-pages .overlay-title .box-col:before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: background .1s linear;
  transition: background .1s linear
}

.projects-pages .overlay-title .box-col img {
  display: block;
  position: relative;
  z-index: 1
}

.projects-pages .overlay-title .box-col p {
  color: #fff;
  text-align: center;
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  font-weight: 600;
  font-size: 20px
}

.projects-pages .overlay-title .box-col:hover:before {
  background-color: rgba(0, 0, 0, .15)
}

.projects-pages .page-header p {
  color: #444
}

.projects-pages .how-we-work {
  border-bottom: 1px solid #e0e0e0
}

.projects-pages .how-we-work .three-box {
  margin-top: 62px
}

.projects-pages .how-we-work .three-box .box-col:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 2;
  -webkit-transition: background .1s linear;
  transition: background .1s linear
}

.projects-pages .how-we-work .three-box .box-col:hover:before {
  background-color: rgba(0, 0, 0, .15)
}

.projects-pages .how-we-work .three-box .box-col img {
  display: block;
  z-index: 1;
  position: relative
}

.projects-pages .how-we-work .three-box .box-col a {
  color: #fff
}

.projects-pages .how-we-work .three-box .box-col a:hover {
  text-decoration: none
}

.projects-pages .how-we-work .three-box p {
  color: #fff;
  font-weight: 600;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  margin: -25px 0 0;
  width: 100%;
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .how-we-work .three-box p {
    font-size: 14px;
    line-height: 21px;
    margin-top: -21px
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .how-we-work .three-box p {
    font-size: 20px;
    line-height: 30px;
    margin-top: -25px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .how-we-work .three-box p {
    font-size: 14px;
    line-height: 21px;
    margin-top: -21px
  }
}

.projects-pages .how-we-work .three-box .learn {
  display: block;
  font-size: 16px;
  line-height: 18px
}

@media only screen and (max-width:641px) {
  .projects-pages .how-we-work .three-box .box-col {
    width: 100%;
    max-width: 400px;
    float: none;
    margin: 0 auto 20px
  }
}

.projects-pages .map-section {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 60px
}

.projects-pages .map-section p {
  margin: 30px 0
}

.projects-pages .map {
  height: 800px
}

@media only screen and (max-width:0) {
  .projects-pages .map {
    height: 500px
  }
}

.projects-pages .map_wrapper {
  height: 800px
}

.projects-pages .meet-people .under-header {
  max-width: 820px;
  margin: auto
}

.projects-pages .meet-people .meet {
  display: block;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .meet-people {
    padding: 30px
  }
}

.projects-pages .future-is-bright {
  border-top: 1px solid #e0e0e0
}

.projects-pages .future-is-bright .two-box {
  margin-top: 60px
}

.projects-pages .future-is-bright h2 {
  margin: 15px .5px;
  font-size: 24px
}

.projects-pages .future-is-bright .icn {
  color: #46beb8;
  font-size: 3.25em;
  margin-bottom: .5em;
  display: block;
  line-height: 1.5em
}

.projects-pages .future-is-bright .icn:hover {
  text-decoration: none
}

@media only screen and (max-width:641px) {
  .projects-pages .future-is-bright {
    text-align: center
  }

  .projects-pages .future-is-bright .box-col {
    float: none;
    width: 100%
  }

  .projects-pages .future-is-bright .first-box {
    margin-bottom: 60px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .future-is-bright {
    text-align: left
  }
}

.projects-pages .future-is-bright .future-approach-section {
  margin: 25px auto 0;
  text-align: center
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .circle-box-wrapper {
    display: inline-block
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .circle-box-wrapper {
    display: block
  }
}

.projects-pages .circle-wrapper {
  margin: 85px auto 65px
}

.projects-pages .circle-wrapper .circle-box {
  border-radius: 50%;
  margin: 0 20px;
  width: 265px;
  height: 265px;
  float: left;
  background-size: cover
}

.projects-pages .circle-wrapper .circle-box:before {
  border-radius: 50%
}

.projects-pages .circle-wrapper .circle-box p {
  line-height: 19px;
  padding: 0 30px;
  font-weight: 600;
  position: absolute;
  height: 42px;
  margin: -21px 0 0;
  top: 50%;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 2px
}

.projects-pages .circle-wrapper .circle-box .line-one {
  display: block
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .circle-wrapper .circle-box {
    width: 175px;
    height: 185px
  }

  .projects-pages .circle-wrapper .circle-box p {
    font-size: 11px
  }

  .projects-pages .circle-wrapper .circle-box span {
    font-size: 13px;
    margin-bottom: 0
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .circle-wrapper .circle-box {
    width: 280px;
    height: 280px;
    margin: 15px auto 30px;
    float: none
  }

  .projects-pages .circle-wrapper .circle-box p {
    font-size: 20px
  }

  .projects-pages .circle-wrapper .circle-box span {
    font-size: 16px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .circle-wrapper .circle-box {
    width: 230px;
    height: 230px
  }

  .projects-pages .circle-wrapper .circle-box p {
    font-size: 15px
  }

  .projects-pages .circle-wrapper .circle-box span {
    font-size: 12px;
    margin-bottom: 2px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .stories .project-section {
    padding-bottom: 0
  }
}

.projects-pages .story-update {
  font-style: italic;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 30px
}

.projects-pages .story-bq {
  margin-left: 30px;
  padding-top: 5px
}

.projects-pages .bq-label {
  text-transform: uppercase
}

.projects-pages .story-list-page .intro-area {
  padding-bottom: 15px
}

.projects-pages .story-list-page .intro-area h1 {
  margin-bottom: 15px
}

.projects-pages .story-list-page .container {
  overflow: hidden
}

.projects-pages .story-section-wrapper {
  margin: auto
}

.projects-pages .story-categories {
  width: 25%;
  float: left
}

.projects-pages .story-categories li {
  position: relative
}

.projects-pages .story-categories li a {
  display: block;
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 25px 15px 100%;
  margin-left: -150px;
  color: #c2c2c2;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
  position: relative;
  background: #f9f9f9
}

.projects-pages .story-categories li a:hover {
  text-decoration: none;
  color: #333232
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .story-categories li a {
    padding: 15px;
    margin: 0
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .story-categories li a {
    padding: 15px 40px;
    font-size: 17px;
    left: auto !important
  }
}

.projects-pages .story-categories li a .cw-icon-angle-close {
  position: absolute;
  top: 15px;
  right: 40px;
  display: none;
  font-size: 18px
}

.projects-pages .story-categories li.active a {
  background: #fff;
  color: #333232;
  display: block
}

.projects-pages .story-categories li.active a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: -11px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.projects-pages .story-categories .show-more-cat {
  display: none
}

@media only screen and (max-width:641px) {
  .projects-pages .story-categories {
    width: 100%
  }

  .projects-pages .story-categories .show-cat-nav {
    position: relative
  }

  .projects-pages .story-categories .show-cat-nav .show-more-cat {
    font-size: 18px;
    color: #6e6e6e;
    display: block;
    position: absolute;
    height: 13px;
    top: 17px;
    right: 40px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
  }

  .projects-pages .story-categories.more-cat-active .show-more-cat {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .projects-pages .story-categories .collapsible a {
    display: none
  }

  .projects-pages .story-categories .active .cw-icon-angle-close,
  .projects-pages .story-categories.more-cat-active .collapsible a {
    display: block
  }
}

.projects-pages .story-wrapper {
  width: 75%;
  min-height: 685px;
  float: left;
  border-left: 1px solid #e0e0e0;
  padding: 40px 25px 0 60px;
  max-width: 950px
}

@media only screen and (max-width:641px) {
  .projects-pages .story-wrapper {
    width: 100%;
    background: #fff;
    min-height: 0
  }
}

@media only screen and (max-width:0) {
  .projects-pages .story-wrapper {
    padding: 40px 25px
  }
}

.projects-pages .story-header h1 {
  margin-bottom: 10px
}

@media only screen and (max-width:641px) {
  .projects-pages .story-header h1 {
    line-height: normal;
    margin-bottom: 0
  }
}

.projects-pages .story-header .summary {
  width: 580px;
  margin: auto;
  color: #adadad;
  font-style: italic;
  display: none
}

@media only screen and (max-width:641px) {
  .projects-pages .story-header .summary {
    width: auto
  }
}

.projects-pages .story-header .story-attr {
  font-size: 12px;
  font-style: italic;
  line-height: normal;
  margin-bottom: 0
}

.projects-pages .story-header .story-hero-image {
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat
}

.projects-pages .story-header.sn-equipping-mechanics-in-india h1:before {
  display: block;
  content: "";
  width: 53px;
  height: 51px;
  margin: 0 auto 20px;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/tools-mini-d96bf56df0b0d3effa3ba3c456a0f9c0.png)
}

.projects-pages .story-header.sn-equipping-mechanics-in-india .summary {
  display: block
}

.projects-pages .story-header.sn-equipping-mechanics-in-india .story-hero-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/story-cover-1-d4622292360e443a66ee7f57db1c37ae.jpg);
  background-position: top;
  height: 508px;
  margin-top: 30px
}

@media only screen and (max-width:641px) {
  .projects-pages .story-header.sn-equipping-mechanics-in-india .story-hero-image {
    height: 390px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .story-header.sn-equipping-mechanics-in-india .story-hero-image {
    height: 290px
  }
}

.projects-pages .story-header.sn-asharfis-story .story-hero-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/india_mechanics_image4-2641e2dac7db000072f4b312176ad637.jpg);
  height: 640px
}

@media only screen and (max-width:641px) {
  .projects-pages .story-header.sn-asharfis-story .story-hero-image {
    height: 465px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .story-header.sn-asharfis-story .story-hero-image {
    height: 345px
  }
}

.projects-pages .story-header.sn-asharfis-story h1 {
  display: none
}

.projects-pages .story-header.sn-i-feel-beautiful-for-the-first-time {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/uganda_helen_title-f31539d5f69ed33ccb5f5bce27a5968e.jpg);
  background-repeat: no-repeat;
  background-position: top;
  width: 800px;
  height: 379px;
  margin-top: 60px
}

.projects-pages .story-header.sn-i-feel-beautiful-for-the-first-time h1,
.projects-pages .story-header.sn-i-feel-beautiful-for-the-first-time p {
  display: none
}

@media only screen and (max-width:641px) {
  .projects-pages .story-header.sn-i-feel-beautiful-for-the-first-time {
    width: auto;
    height: 275px;
    background-size: contain
  }
}

@media only screen and (max-width:0) {
  .projects-pages .story-header.sn-i-feel-beautiful-for-the-first-time {
    width: auto;
    height: 200px;
    background-size: contain
  }
}

.projects-pages .story-excerpt {
  padding-left: 150px;
  min-height: 125px;
  margin-bottom: 60px;
  position: relative;
  color: #333232
}

.projects-pages .story-excerpt h2 a {
  color: #333;
  text-transform: none;
  font-size: 18px;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .story-excerpt h2 a:hover {
  text-decoration: none;
  color: #2e9df7
}

.projects-pages .story-excerpt p {
  font-family: Georgia, serif;
  margin: 8px 0
}

.projects-pages .story-excerpt a {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .story-excerpt a:hover {
  text-decoration: none;
  color: #065b9f
}

.projects-pages .story-excerpt .story-photo {
  border-radius: 50%;
  background-size: cover;
  background-position: 50%;
  width: 125px;
  height: 125px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto
}

@media only screen and (max-width:0) {
  .projects-pages .story-excerpt {
    padding-left: 0;
    text-align: center
  }

  .projects-pages .story-excerpt .story-photo {
    position: static;
    width: 175px;
    height: 175px;
    margin: 0 auto 15px
  }
}

.projects-pages .story-body {
  padding-top: 0;
  max-width: 800px
}

@media only screen and (max-width:0) {
  .projects-pages .story-body {
    padding-top: 30px
  }
}

.projects-pages .story-body p {
  margin-bottom: 25px
}

.projects-pages .story-body .last-paragraph {
  margin-bottom: 0
}

.projects-pages .story-body .span-accross {
  display: block;
  margin: 0 auto 25px
}

.projects-pages .story-body .span-accross.two-images img {
  float: left;
  width: 48%
}

.projects-pages .story-body .span-accross.two-images img.first-image {
  margin-right: 2%
}

@media only screen and (max-width:641px) {
  .projects-pages .story-body .span-accross.two-images img {
    width: auto;
    float: none;
    display: block
  }

  .projects-pages .story-body .span-accross.two-images img.first-image {
    margin: 0 0 25px
  }
}

.projects-pages .story-body .span-accross.set-width-1 {
  max-width: 540px;
  margin: 0 auto 25px
}

.projects-pages .story-body .span-accross.set-width-1 img.first-image {
  margin-right: 20px
}

.projects-pages .story-body .span-accross.height-fix-1 img {
  width: auto;
  max-height: 370px
}

@media only screen and (max-width:641px) {
  .projects-pages .story-body .span-accross.height-fix-1 img {
    max-height: none
  }
}

.projects-pages .story-body .small-attr {
  font-size: 14px;
  line-height: 20px;
  color: #999
}

.projects-pages .story-body .small-attr.video-attr {
  margin-top: 15px
}

.projects-pages .story-body .story-sep-title {
  margin: 0 auto 25px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-right: 0;
  padding: 30px 0;
  max-width: 750px;
  font-size: 25px
}

@media only screen and (max-width:0) {
  .projects-pages .story-body .story-sep-title {
    font-size: 19px;
    line-height: 27px
  }
}

.projects-pages .story-body.sn-gasi-spring-ethiopia {
  padding-top: 30px;
  margin-top: 0
}

.projects-pages .story-body .compare-before-after {
  margin-bottom: 80px
}

.projects-pages .story-body .compare-before-after h2 {
  font-size: 25px;
  padding: 12px;
  background: #333;
  color: #fff
}

.projects-pages .story-body .compare-before-after p {
  font-size: 16px;
  max-width: 750px;
  margin: 20px auto 0;
  line-height: 26px;
  color: #555
}

.projects-pages .story-body .compare-before-after .video {
  padding-bottom: 66.65%
}

.projects-pages .story-body .compare-before-after .story-slider {
  margin-bottom: 0
}

@media only screen and (max-width:641px) {
  .projects-pages .story-body .compare-before-after h2 {
    font-size: 20px
  }

  .projects-pages .story-body .compare-before-after p {
    font-size: 14px;
    text-align: left
  }
}

.projects-pages .story-body .video {
  position: relative;
  padding-bottom: 56.65%
}

.projects-pages .story-body .video iframe {
  position: absolute;
  width: 100%;
  height: 100%
}

@media only screen and (max-width:0) {
  .projects-pages .story-body .india-mechanica-stats {
    width: 290px;
    height: 320px;
    background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/india_mechanics_image6b-c10cd9a165261687b84621a227053dbb.png) no-repeat;
    margin: 0 auto 25px
  }

  .projects-pages .story-body .india-mechanica-stats img {
    display: none
  }

  .projects-pages .story-body .hurricane-stats {
    width: 290px;
    height: 274px;
    background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/katrina-vs-sidr-b-3a959c0f5672db3ed77e68c651b95e6e.png) no-repeat;
    margin: 0 auto 25px
  }

  .projects-pages .story-body .hurricane-stats img {
    display: none
  }
}

.projects-pages .story-media-block {
  position: relative
}

.projects-pages .story-media-block:after {
  clear: both;
  content: "";
  display: table
}

.projects-pages .story-media-block h2 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 15px
}

.projects-pages .story-media-block.position-right img {
  float: right;
  margin: 0 .15px 15px
}

.projects-pages .story-media-block.position-right img.no-mb {
  margin-bottom: 0
}

@media only screen and (max-width:641px) {
  .projects-pages .story-media-block.position-right img {
    display: block;
    margin: 0 0 25px;
    float: none
  }

  .projects-pages .story-media-block.position-right img.no-mb {
    margin-bottom: 25px
  }
}

.projects-pages .story-media-block.position-left img {
  float: left;
  margin: .15px 15px 0
}

.projects-pages .story-media-block.position-left img.no-mb {
  margin-bottom: 0
}

@media only screen and (max-width:641px) {
  .projects-pages .story-media-block.position-left img {
    display: block;
    margin: 0 0 25px;
    float: none
  }

  .projects-pages .story-media-block.position-left img.no-mb {
    margin-bottom: 25px
  }
}

.projects-pages .story-media-block.abs-size-small-left {
  min-height: 85px;
  padding-left: 95px
}

.projects-pages .story-media-block.abs-size-small-left img {
  position: absolute;
  top: 0;
  left: 0
}

@media only screen and (max-width:0) {
  .projects-pages .story-media-block.abs-size-small-left {
    padding-left: 0
  }

  .projects-pages .story-media-block.abs-size-small-left img {
    display: none
  }
}

.projects-pages .story-share {
  border-top: 1px solid #e0e0e0
}

.projects-pages .story-share .project-section {
  max-width: 800px
}

.projects-pages .related-stories {
  border-top: 1px solid #e0e0e0;
  background: #f9f9f9
}

.projects-pages .related-stories .project-section {
  max-width: 800px
}

@media only screen and (max-width:641px) {
  .projects-pages .related-stories h1 {
    margin-bottom: 30px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .related-stories h1 {
    text-align: center
  }
}

.projects-pages .story-share-buttons .left-side {
  float: left;
  margin-right: 20px
}

.projects-pages .story-share-buttons .right-side {
  float: right
}

.projects-pages .story-share-buttons .top-row-buttons {
  width: 365px
}

.projects-pages .story-share-buttons .hollow-btn {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  background: #fbfbfb;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  padding: 1.1em 1.6em;
  color: #333;
  -webkit-transition: all .1s linear;
  transition: all .1s linear
}

.projects-pages .story-share-buttons .hollow-btn:hover {
  text-decoration: none;
  background: #fff;
  border-color: #989898
}

.projects-pages .story-share-buttons .socialcount {
  margin-top: 12px
}

@media only screen and (max-width:641px) {
  .projects-pages .story-share-buttons .socialcount {
    text-align: left
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .story-share-buttons .top-row-buttons {
    width: auto
  }

  .projects-pages .story-share-buttons .top-row-buttons .left-side {
    width: 48.5%
  }

  .projects-pages .story-share-buttons .top-row-buttons .donate {
    float: left
  }

  .projects-pages .story-share-buttons .top-row-buttons .all-stories {
    float: right;
    margin-top: 0
  }

  .projects-pages .story-share-buttons .left-side {
    float: none;
    margin-right: 0;
    text-align: center
  }

  .projects-pages .story-share-buttons .right-side {
    float: none
  }

  .projects-pages .story-share-buttons .d-button {
    display: block
  }

  .projects-pages .story-share-buttons .hollow-btn {
    margin-top: 15px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .story-share-buttons .top-row-buttons .left-side {
    width: auto
  }

  .projects-pages .story-share-buttons .top-row-buttons .donate {
    float: none
  }

  .projects-pages .story-share-buttons .top-row-buttons .all-stories {
    float: none;
    margin-top: 12px
  }
}

.projects-pages .story-slider {
  position: relative;
  background: url(/images/loading.gif) no-repeat 50%;
  margin-bottom: 25px;
  min-height: 400px
}

.projects-pages .story-slider .slideshow {
  display: none;
  position: relative;
  overflow: visible !important;
  margin: auto;
  max-width: 800px
}

.projects-pages .story-slider .photos-attr {
  font-size: 12px;
  font-style: italic;
  display: none;
  color: #999
}

@media only screen and (max-width:641px) {
  .projects-pages .story-slider .photos-attr {
    text-align: left
  }
}

.projects-pages .story-slider .slide-nav a {
  background-position: 50%
}

.projects-pages .story-slider .slidesjs-navigation {
  text-indent: -999em;
  padding: 15px 25px;
  position: absolute;
  z-index: 999;
  top: 50%;
  display: block;
  -webkit-transition: background .1s linear;
  transition: background .1s linear;
  background-color: rgba(0, 0, 0, .75);
  height: 50px;
  margin-top: -25px
}

.projects-pages .story-slider .slidesjs-navigation:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, .95)
}

.projects-pages .story-slider .slidesjs-next {
  right: 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/arrow-next-191053c8c34d032f4746a1383f97db21.png);
  background-repeat: no-repeat;
  background-size: 20% 30%
}

.projects-pages .story-slider .slidesjs-previous {
  left: 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/arrow-prev-8574c55f8b7df232ad7ff05e4f7966e1.png);
  background-repeat: no-repeat;
  background-size: 20% 30%
}

@media only screen and (max-width:641px) {
  .projects-pages .story-slider .slide-nav {
    position: static;
    margin-top: 15px
  }

  .projects-pages .story-slider .slide-nav a {
    display: inline-block;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    margin: .5px 0 0;
    padding: 6px 20px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .story-slider {
    min-height: 300px
  }
}

.projects-pages .m-no-backgroundsize .story-slider .slidesjs-next {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/arrow-next-small-3c4c456164a66d7b1b3cd82f996d5c09.png)
}

.projects-pages .m-no-backgroundsize .story-slider .slidesjs-prev {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/stories/arrow-prev-small-fc7c01b459f16c5fcedd04ee7cbc8603.png)
}

.projects-pages .featured-hero-blocks {
  text-align: center;
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-right: 0
}

.projects-pages .feature-block {
  color: #333232;
  display: inline-block;
  max-width: 290px;
  margin: 5px;
  vertical-align: top
}

.projects-pages .feature-block.first-feature {
  margin-left: 0
}

.projects-pages .feature-block.last-feature {
  margin-right: 0
}

.projects-pages .feature-block img {
  margin: 0;
  display: block
}

.projects-pages .feature-block h2 {
  font-size: 18px
}

@media only screen and (max-width:641px) {
  .projects-pages .feature-block h2 {
    font-size: 18px
  }
}

.projects-pages .feature-block h3 {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px
}

.projects-pages .feature-block p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0
}

.projects-pages .feature-block a {
  display: block
}

.projects-pages .feature-block .feature-info {
  padding: 20px 12px 12px;
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-top: 0;
  height: 440px;
  text-align: left
}

@media only screen and (max-width:0) {
  .projects-pages .feature-block {
    width: auto;
    margin-left: 0;
    margin-right: 0
  }

  .projects-pages .feature-block .feature-info {
    height: auto
  }
}

.projects-pages .all-partners {
  text-align: center
}

.projects-pages .all-partners .three-box {
  margin-top: 65px
}

.projects-pages .all-partners .project-section {
  padding-bottom: 60px
}

.projects-pages .all-partners p {
  padding: .25px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto
}

.projects-pages .partner-list-wrapper {
  margin: 40px 30px 0;
  text-align: center
}

.projects-pages .partner-logo-block {
  position: relative;
  width: 180px;
  height: 150px;
  display: inline-block;
  border: 1px solid #f0f0f0;
  margin: 5px
}

.projects-pages .partner-logo-block img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  width: 130px
}

.projects-pages .partner-logo-block:hover {
  text-decoration: none
}

.projects-pages .partner-logo-block:hover img {
  opacity: .5
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .partner-logo-block {
    border: 1px solid #f0f0f0 !important;
    margin: 5px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .partner-logo-block {
    width: 47.5%;
    height: 100px;
    margin: .75%
  }

  .projects-pages .partner-logo-block img {
    width: 110px
  }
}

.projects-pages .partners-faq.two-box .box-col {
  width: 48%
}

@media only screen and (max-width:641px) {
  .projects-pages .partners-faq.two-box .box-col {
    width: auto
  }
}

.projects-pages .partners-faq h1 {
  margin-bottom: 60px
}

@media only screen and (max-width:641px) {
  .projects-pages .partners-faq h1 {
    text-align: left;
    margin-bottom: 60px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .partners-faq h1 {
    margin-bottom: 20px
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .partners-faq .faq-questions .box-col {
    width: 100%;
    float: none
  }
}

.projects-pages .partners-faq .faq-block {
  margin-bottom: 60px;
  height: 210px
}

.projects-pages .partners-faq .faq-block .question {
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 10px
}

.projects-pages .partners-faq .faq-block .answer {
  font-size: 16px;
  line-height: 26px;
  width: 90%
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .partners-faq .faq-block {
    height: auto
  }
}

.projects-pages .partners-faq {
  padding-bottom: 0
}

.projects-pages .approach-section {
  position: relative;
  padding: 0;
  margin-bottom: 70px
}

.projects-pages .approach-section:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  top: 0;
  background: #ff902a
}

.projects-pages .approach-section:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -64px;
  left: 50%;
  margin-left: -13px;
  width: 25px;
  height: 66px;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_approach/end-timeline-drop-6b4399c99fe72e6bce4edf2c283ae6f9.png);
  background-size: cover
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .approach-section {
    padding: .25px
  }

  .projects-pages .approach-section:before {
    left: 25px;
    margin-left: 0
  }

  .projects-pages .approach-section:after {
    left: 13px;
    margin-left: 0
  }
}

@media only screen and (max-width:0) {
  .projects-pages .approach-section {
    padding: .25px
  }
}

.projects-pages .timeline-section {
  text-align: center;
  position: relative;
  z-index: 2
}

.projects-pages .timeline-section h2 {
  background: #ff902a;
  color: #fff;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  border-radius: 5px
}

@media only screen and (max-width:641px) {
  .projects-pages .timeline-section h2 {
    display: block;
    width: 50%;
    font-size: 18px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .timeline-section h2 {
    padding-left: 50px;
    width: auto
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .timeline-section {
    text-align: left
  }
}

.projects-pages .timeline-block-wrapper {
  margin-top: 60px
}

.projects-pages .timeline-block {
  background: #f8f8f8;
  margin-bottom: 40px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 20px;
  display: inline-block;
  width: 460px;
  text-align: left;
  position: relative
}

.projects-pages .timeline-block:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #000;
  border: 5px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.projects-pages .timeline-block:after {
  content: "";
  display: block;
  background: #f8f8f8;
  border: 1px solid #dbdbdb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.projects-pages .timeline-block h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 5px
}

.projects-pages .timeline-block p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px
}

.projects-pages .timeline-block.left {
  float: left
}

.projects-pages .timeline-block.left:before {
  left: 479px
}

.projects-pages .timeline-block.left:after {
  border-left: 0;
  border-bottom: 0;
  left: 450px
}

.projects-pages .timeline-block.right {
  float: right
}

.projects-pages .timeline-block.right:before {
  right: 479px
}

.projects-pages .timeline-block.right:after {
  right: 450px;
  border-right: 0;
  border-top: 0
}

.projects-pages .timeline-block .technology-icons {
  margin: 30px 0
}

.projects-pages .timeline-block .technology-icons a {
  font-size: 80px;
  margin-right: 10px;
  color: #333131;
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
  display: inline-block
}

.projects-pages .timeline-block .technology-icons a:hover {
  text-decoration: none;
  color: #2e9df7
}

.projects-pages .timeline-block .technology-icons a:last-child {
  margin-right: 0
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .timeline-block .technology-icons a {
    margin: 10px
  }

  .projects-pages .timeline-block .technology-icons a:last-child {
    margin-right: 10px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .timeline-block .technology-icons a {
    font-size: 70px
  }
}

.projects-pages .timeline-block.text-bubble {
  padding: 0
}

.projects-pages .timeline-block.text-bubble h3 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #eee;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  position: relative
}

.projects-pages .timeline-block.text-bubble h3:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  display: block;
  background: #fff
}

.projects-pages .timeline-block.text-bubble p {
  padding: 0 20px 20px
}

.projects-pages .timeline-block.text-bubble .d2p-logo-in-bubble {
  display: block;
  margin: 15px 0 2px 20px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .timeline-block {
    width: auto;
    margin-left: 40px
  }

  .projects-pages .timeline-block.left {
    float: none
  }

  .projects-pages .timeline-block.left:before {
    left: -50px;
    right: auto
  }

  .projects-pages .timeline-block.left:after {
    left: -10px;
    right: auto;
    border: 1px solid #dbdbdb;
    border-right: 0;
    border-top: 0
  }

  .projects-pages .timeline-block.right {
    float: none
  }

  .projects-pages .timeline-block.right:before {
    left: -50px;
    right: auto
  }

  .projects-pages .timeline-block.right:after {
    left: -10px;
    right: auto;
    border: 1px solid #dbdbdb;
    border-right: 0;
    border-top: 0
  }
}

.projects-pages .image-grid-one:after,
.projects-pages .image-grid-one:before {
  margin-top: 132px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .projects-pages .image-grid-one:after,
  .projects-pages .image-grid-one:before {
    margin-top: auto
  }
}

.projects-pages .image-grid-one img {
  display: inline-block
}

.projects-pages .image-grid-one img.apr-img-1 {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 200px
}

.projects-pages .image-grid-one img.apr-img-2 {
  margin-bottom: 10px;
  width: 200px
}

@media only screen and (max-width:641px) {
  .projects-pages .image-grid-one img {
    display: block;
    width: 100%
  }

  .projects-pages .image-grid-one img.apr-img-1 {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%
  }

  .projects-pages .image-grid-one img.apr-img-2 {
    width: 100%;
    margin-bottom: 20px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .image-grid-one {
    max-width: 460px
  }
}

.projects-pages .image-single img {
  display: block;
  margin: auto;
  width: 100%
}

.projects-pages .monitoring-evaluating:after,
.projects-pages .monitoring-evaluating:before {
  margin-top: 65px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .projects-pages .monitoring-evaluating:after,
  .projects-pages .monitoring-evaluating:before {
    margin-top: auto
  }
}

.projects-pages .ensuring-sustainability:after,
.projects-pages .ensuring-sustainability:before {
  margin-top: 135px
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .projects-pages .ensuring-sustainability:after,
  .projects-pages .ensuring-sustainability:before {
    margin-top: auto
  }
}

.projects-pages .d2p-logo {
  background: none;
  border: 0;
  width: 200px;
  margin-bottom: 0;
  margin-right: 280px
}

.projects-pages .d2p-logo:after,
.projects-pages .d2p-logo:before {
  display: none
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .d2p-logo {
    margin-right: 0
  }
}

.projects-pages .pie-chart-label {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 20px
}

.projects-pages .pie-chart-wrapper {
  margin-top: 20px;
  padding: 0 20px 20px
}

.projects-pages .pie-chart-wrapper .pie-chart {
  float: left;
  width: 70px;
  margin-right: 20px
}

.projects-pages .pie-chart-wrapper .chart-number-key {
  float: left;
  font-weight: 600;
  text-transform: uppercase;
  width: 320px
}

.projects-pages .pie-chart-wrapper .chart-number-key p {
  position: relative;
  padding: 0 0 .25px;
  float: left;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 150px
}

.projects-pages .pie-chart-wrapper .chart-number-key p:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0
}

.projects-pages .pie-chart-wrapper .chart-number-key p.materials:before {
  background: #2e9df7
}

.projects-pages .pie-chart-wrapper .chart-number-key p.materials .percent {
  color: #2e9df7
}

.projects-pages .pie-chart-wrapper .chart-number-key p.personnel:before {
  background: #f03 .1
}

.projects-pages .pie-chart-wrapper .chart-number-key p.personnel .percent {
  color: #f03 .1
}

.projects-pages .pie-chart-wrapper .chart-number-key p.capital-costs:before {
  background: #ff902a
}

.projects-pages .pie-chart-wrapper .chart-number-key p.capital-costs .percent {
  color: #ff902a
}

.projects-pages .pie-chart-wrapper .chart-number-key p.support-costs:before {
  background: #f5402c
}

.projects-pages .pie-chart-wrapper .chart-number-key p.support-costs .percent {
  color: #f5402c
}

.projects-pages .pie-chart-wrapper .chart-number-key p.consumables:before {
  background: #4fcb53
}

.projects-pages .pie-chart-wrapper .chart-number-key p.consumables .percent {
  color: #4fcb53
}

.projects-pages .pie-chart-wrapper .chart-number-key p.transportation:before {
  background: #7b2cff
}

.projects-pages .pie-chart-wrapper .chart-number-key p.transportation .percent {
  color: #7b2cff
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .pie-chart-wrapper .pie-chart {
    width: auto;
    max-width: 200px
  }

  .projects-pages .pie-chart-wrapper .chart-number-key {
    width: auto;
    max-width: 320px;
    margin-top: 25px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .pie-chart-wrapper .pie-chart {
    width: 100%;
    max-width: auto;
    margin: 0 0 20px
  }
}

.projects-pages .technology-block-wrapper {
  padding-top: 0;
  padding-bottom: 0
}

@media only screen and (max-width:0) {
  .projects-pages .technology-block-wrapper {
    padding-top: 0
  }
}

.projects-pages .tech-block {
  width: 33%;
  height: 280px;
  float: left;
  padding: 15px;
  text-align: center;
  cursor: pointer
}

.projects-pages .tech-block:hover i {
  color: #2e9df7
}

.projects-pages .tech-block i {
  font-size: 85px;
  margin-bottom: 10px;
  display: block;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .tech-block h2 {
  font-size: 20px;
  margin-bottom: 5px
}

@media only screen and (max-width:641px) {
  .projects-pages .tech-block h2 {
    font-size: 20px
  }
}

.projects-pages .tech-block p {
  font-size: 16px;
  line-height: 26px
}

.projects-pages .tech-block a {
  font-weight: 600;
  font-size: 14px;
  color: #2e9df7;
  text-transform: uppercase;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .tech-block a:hover {
  text-decoration: none
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .tech-block {
    width: 50%
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .tech-block {
    max-width: 350px;
    width: auto !important;
    float: none;
    height: auto;
    padding: 0;
    margin: 0 auto 60px
  }
}

.projects-pages .countries-map-overlay {
  position: relative;
  overflow: hidden
}

.projects-pages .marker-overlay {
  height: 321px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 980px;
  white-space: nowrap
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .marker-overlay {
    display: none
  }
}

.projects-pages .info-window {
  position: absolute;
  top: 0;
  -webkit-transition: all .15s linear;
  transition: all .15s linear
}

.projects-pages .info-window:hover {
  text-decoration: none
}

.projects-pages .info-window .dot {
  width: 20px;
  height: 30px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_projects/map-marker-2-6dd21f7a449efaba3b689e72b66d1ab2.png);
  background-size: 100%;
  display: block;
  position: relative;
  z-index: 998;
  opacity: 0;
  -webkit-transition: all .25s linear;
  transition: all .25s linear
}

.projects-pages .info-window .country {
  opacity: 0;
  color: #444;
  visibility: hidden;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  top: -75px;
  left: -16px;
  padding: 10px 35px 10px 12px;
  min-width: 170px;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
  background-image: linear-gradient(#fff, #f2f2f2);
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .15);
  border: 1px solid #ccc;
  position: relative;
  z-index: 999
}

.projects-pages .info-window .country:before {
  background: #f2f2f2;
  border: 1px solid #aaa;
  border-top: 0;
  border-left: 0;
  width: 10px;
  height: 10px;
  left: 18px;
  bottom: -6px;
  margin: auto
}

.projects-pages .info-window .country:after,
.projects-pages .info-window .country:before {
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute
}

.projects-pages .info-window .country:after {
  border: 3px solid #ccc;
  border-left: 0;
  border-bottom: 0;
  width: 6px;
  height: 6px;
  top: 18px;
  right: 10px;
  -webkit-transition: border-color .25s linear;
  transition: border-color .25s linear
}

.projects-pages .info-window .country:hover {
  text-decoration: none;
  color: #000;
  border-color: #aaa
}

.projects-pages .info-window .country:hover:after {
  border-color: #aaa
}

.projects-pages .info-window .country i {
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30px;
  height: 20px;
  float: left;
  margin-right: 10px
}

.projects-pages .info-window.mouseover .country {
  opacity: 1;
  visibility: visible;
  top: -83px
}

.projects-pages .info-window.marker-bangladesh .country,
.projects-pages .info-window.marker-cambodia .country,
.projects-pages .info-window.marker-india .country,
.projects-pages .info-window.marker-nepal .country {
  left: -99px
}

.projects-pages .info-window.marker-bangladesh .country:before,
.projects-pages .info-window.marker-cambodia .country:before,
.projects-pages .info-window.marker-india .country:before,
.projects-pages .info-window.marker-nepal .country:before {
  left: auto;
  right: 18px
}

.projects-pages .info-window.marker-india .country {
  left: -99px
}

.projects-pages .info-window.marker-nepal .country {
  left: -106px
}

.projects-pages .info-window.marker-bangladesh .country {
  left: -161px
}

.projects-pages .info-window.marker-cambodia .country {
  left: -139px
}

.projects-pages .info-window.marker-bd {
  left: 767px
}

.projects-pages .info-window.marker-bo {
  left: 267px
}

.projects-pages .info-window.marker-bf {
  left: 487px
}

.projects-pages .info-window.marker-kh {
  left: 830px
}

.projects-pages .info-window.marker-cf {
  left: 543px
}

.projects-pages .info-window.marker-ci {
  left: 466px
}

.projects-pages .info-window.marker-cd {
  left: 561px
}

.projects-pages .info-window.marker-et {
  left: 614px
}

.projects-pages .info-window.marker-gt {
  left: 182px
}

.projects-pages .info-window.marker-ht {
  left: 243px
}

.projects-pages .info-window.marker-hn {
  left: 195px
}

.projects-pages .info-window.marker-in {
  left: 740px
}

.projects-pages .info-window.marker-ke {
  left: 608px
}

.projects-pages .info-window.marker-lr {
  left: 452px
}

.projects-pages .info-window.marker-ml {
  left: 477px
}

.projects-pages .info-window.marker-mw {
  left: 592px
}

.projects-pages .info-window.marker-mz {
  left: 601px
}

.projects-pages .info-window.marker-ne {
  left: 506px
}

.projects-pages .info-window.marker-np {
  left: 747px
}

.projects-pages .info-window.marker-pk {
  left: 704px
}

.projects-pages .info-window.marker-rw {
  left: 590px
}

.projects-pages .info-window.marker-sl {
  left: 441px
}

.projects-pages .info-window.marker-tz {
  left: 602px
}

.projects-pages .info-window.marker-ug {
  left: 594px
}

.projects-pages .info-window.begin-animate .dot {
  opacity: 1
}

.projects-pages .info-window.begin-animate.marker-bd {
  top: 182px
}

.projects-pages .info-window.begin-animate.marker-bo {
  top: 333px
}

.projects-pages .info-window.begin-animate.marker-bf {
  top: 215px
}

.projects-pages .info-window.begin-animate.marker-kh {
  top: 220px
}

.projects-pages .info-window.begin-animate.marker-cf {
  top: 245px
}

.projects-pages .info-window.begin-animate.marker-ci {
  top: 241px
}

.projects-pages .info-window.begin-animate.marker-cd {
  top: 282px
}

.projects-pages .info-window.begin-animate.marker-et {
  top: 237px
}

.projects-pages .info-window.begin-animate.marker-gt {
  top: 211px
}

.projects-pages .info-window.begin-animate.marker-ht {
  top: 193px
}

.projects-pages .info-window.begin-animate.marker-hn {
  top: 212px
}

.projects-pages .info-window.begin-animate.marker-in {
  top: 195px
}

.projects-pages .info-window.begin-animate.marker-ke {
  top: 268px
}

.projects-pages .info-window.begin-animate.marker-lr {
  top: 245px
}

.projects-pages .info-window.begin-animate.marker-ml {
  top: 197px
}

.projects-pages .info-window.begin-animate.marker-mw {
  top: 314px
}

.projects-pages .info-window.begin-animate.marker-mz {
  top: 330px
}

.projects-pages .info-window.begin-animate.marker-ne {
  top: 207px
}

.projects-pages .info-window.begin-animate.marker-np {
  top: 166px
}

.projects-pages .info-window.begin-animate.marker-pk {
  top: 161px
}

.projects-pages .info-window.begin-animate.marker-rw {
  top: 272px
}

.projects-pages .info-window.begin-animate.marker-sl {
  top: 236px
}

.projects-pages .info-window.begin-animate.marker-tz {
  top: 294px
}

.projects-pages .info-window.begin-animate.marker-ug {
  top: 263px
}

.projects-pages .countries-single .story-slider .slidesjs-navigation {
  margin-top: 0
}

@media only screen and (max-width:641px) {
  .projects-pages .country-videos .country-video {
    display: none
  }
}

.projects-pages .country-videos .embed-video-wrap {
  display: none;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 20px
}

.projects-pages .country-videos .embed-video-wrap:last-child {
  margin-bottom: 0
}

.projects-pages .country-videos .embed-video-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%
}

@media only screen and (max-width:641px) {
  .projects-pages .country-videos .embed-video-wrap {
    display: block
  }
}

.projects-pages .hero-header-wrapper {
  height: 400px;
  background: url(/images/loading.gif) no-repeat 50%
}

.projects-pages .hero-header-wrapper.loaded {
  background: none
}

.projects-pages .hero-header-wrapper.loaded .hero-wrapper {
  opacity: 1
}

.projects-pages .hero-header-wrapper .hero-wrapper {
  opacity: 0;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear
}

@media only screen and (max-width:641px) {
  .projects-pages .hero-header-wrapper {
    height: 300px
  }
}

@media only screen and (max-width:0) {
  .projects-pages .hero-header-wrapper {
    height: 200px
  }
}

.projects-pages .country-header {
  background-size: cover;
  height: 400px
}

.projects-pages .country-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background: linear-gradient(rgba(0, 0, 0, .5), transparent);
  z-index: 10
}

@media only screen and (max-width:641px) {
  .projects-pages .country-header {
    height: 300px;
    background-position: top
  }

  .projects-pages .country-header.header-bangladesh,
  .projects-pages .country-header.header-burkina-faso,
  .projects-pages .country-header.header-cambodia {
    background-position: 100% 0
  }

  .projects-pages .country-header.header-guatemala,
  .projects-pages .country-header.header-liberia {
    background-position: 0 0
  }
}

@media only screen and (max-width:0) {
  .projects-pages .country-header {
    height: 200px
  }
}

.projects-pages .country-overflow-wrapper {
  overflow: hidden;
  position: relative
}

.projects-pages .country-display-table-wrapper {
  padding-top: 0
}

.projects-pages .country-display-table-wrapper .country-label {
  display: none;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-left: 20px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-display-table-wrapper .country-label {
    display: block
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-display-table-wrapper {
    padding: 60px 0
  }
}

@media only screen and (max-width:0) {
  .projects-pages .country-display-table-wrapper {
    padding: 60px 0
  }
}

.projects-pages .country-display-table {
  width: 100%;
  margin-top: 30px
}

.projects-pages .country-display-table tr td {
  border: 1px solid #ddd
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-display-table tr td {
    border: 0
  }
}

.projects-pages .country-display-table thead {
  border: 1px solid #ddd;
  background: #f5f5f5
}

.projects-pages .country-display-table thead .cw-table-col2 .sort {
  text-indent: 0
}

.projects-pages .country-display-table thead .hint--bottom:after {
  text-transform: none
}

.projects-pages .country-display-table tbody tr {
  -webkit-transition: background .1s linear;
  transition: background .1s linear
}

.projects-pages .country-display-table tbody tr:hover {
  background: #fff
}

.projects-pages .country-display-table th {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px .15px 10px;
  width: 25%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.projects-pages .country-display-table td {
  padding: 10px;
  vertical-align: middle
}

.projects-pages .country-display-table tr {
  cursor: pointer
}

.projects-pages .country-display-table tr a {
  color: inherit
}

.projects-pages .country-display-table tr a:hover {
  text-decoration: none
}

.projects-pages .country-display-table tr .cw-table-col2 {
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .country-display-table tr .cw-table-col2 .label-link {
  max-width: 200px;
  display: block
}

.projects-pages .country-display-table tr.row-link:hover {
  text-decoration: none
}

.projects-pages .country-display-table tr.coming-soon td em {
  color: #ccc
}

.projects-pages .country-display-table .cw-table-col1 {
  width: 7.5%
}

.projects-pages .country-display-table .cw-table-col2 {
  width: 23.5%
}

.projects-pages .country-display-table .cw-table-col3,
.projects-pages .country-display-table .cw-table-col4,
.projects-pages .country-display-table .cw-table-col5 {
  width: 23%
}

.projects-pages .country-display-table .sortable {
  cursor: pointer;
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
  color: #212121
}

.projects-pages .country-display-table .sortable:hover {
  color: #666
}

.projects-pages .country-display-table .sortable:hover .sort {
  color: #aaa
}

.projects-pages .country-display-table .sortable .sort {
  display: inline-block;
  margin-left: 10px;
  color: #ccc;
  font-size: 18px;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .country-display-table .sortable.active-sort .sort {
  color: #2e9df7
}

.projects-pages .country-display-table .country-image {
  background-size: contain;
  display: block;
  width: 100%;
  height: 30px
}

.projects-pages .country-display-table .cw-country img {
  display: inline-block;
  margin-right: 15px
}

.projects-pages .country-display-table .tech-icons i {
  display: inline-block;
  margin: 5px 5px 5px 0;
  color: #333;
  font-size: 35px;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .country-display-table .cw-icon-chevron-right {
  display: none
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-display-table thead {
    display: none
  }

  .projects-pages .country-display-table tr {
    display: block;
    position: relative;
    -webkit-transition: color .1s linear;
    transition: color .1s linear;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }

  .projects-pages .country-display-table tr .cw-icon-chevron-right {
    display: block;
    color: #999;
    position: absolute;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: 20px;
    -webkit-transition: color .1s linear;
    transition: color .1s linear;
    font-size: 13px
  }

  .projects-pages .country-display-table tr:hover {
    color: #999
  }

  .projects-pages .country-display-table tr:hover .sort {
    color: #222
  }

  .projects-pages .country-display-table tr.active-country:hover {
    color: #000
  }

  .projects-pages .country-display-table td:before {
    display: block;
    float: left;
    content: " "attr(data-label) ":";
    margin-right: 15px;
    font-weight: 600;
    width: 125px
  }

  .projects-pages .country-display-table .cw-table-col1 {
    display: inline-block;
    width: 80px;
    margin-left: 10px;
    margin-right: -20px
  }

  .projects-pages .country-display-table .cw-table-col2 {
    display: inline-block;
    width: auto
  }

  .projects-pages .country-display-table .cw-table-col1:before,
  .projects-pages .country-display-table .cw-table-col2:before {
    content: ""
  }

  .projects-pages .country-display-table .cw-table-col3,
  .projects-pages .country-display-table .cw-table-col4,
  .projects-pages .country-display-table .cw-table-col5 {
    display: none
  }
}

@media only screen and (max-width:0) {
  .projects-pages .country-display-table td:before {
    float: none;
    margin-bottom: 5px
  }
}

.projects-pages .country-content {
  width: 595px;
  float: left
}

.projects-pages .country-content .country-sub {
  margin-top: 40px
}

.projects-pages .country-content h2 {
  margin-bottom: 15px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-content {
    width: 60%
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .country-content {
    width: 100%;
    float: none
  }
}

.projects-pages .country-details {
  width: 305px;
  float: right
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-details {
    width: 35%
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .country-details {
    width: 100%;
    float: none;
    margin-top: 60px
  }
}

.projects-pages .aside-country-block-info:first-child h3 {
  border-top: 1px solid #dcdcdc
}

.projects-pages .aside-country-block-info h3 {
  background: #fbfbfb;
  font-weight: 600;
  text-transform: uppercase;
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-top: 0
}

.projects-pages .aside-country-block-info ul {
  border: 1px solid #dcdcdc;
  border-top: 0;
  border-bottom: 0;
  padding: 35px 20px
}

.projects-pages .aside-country-block-info ul:last-child {
  border-bottom: 1px solid #dcdcdc
}

.projects-pages .aside-country-block-info ul li {
  margin-bottom: 10px
}

.projects-pages .aside-country-block-info ul li:last-child {
  margin-bottom: 0
}

.projects-pages .aside-country-block-info ul a {
  color: inherit;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .aside-country-block-info ul a:hover {
  text-decoration: none;
  color: #2e9df7
}

.projects-pages .aside-country-block-info ul.partners-listing a {
  display: table
}

.projects-pages .aside-country-block-info ul.partners-listing .partner-image {
  display: table-cell;
  width: 50px
}

.projects-pages .aside-country-block-info ul.partners-listing .partner-title {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px
}

.projects-pages .aside-country-block-info ul.tech-icons li {
  margin-bottom: 15px
}

.projects-pages .aside-country-block-info ul.tech-icons li:last-child {
  margin-bottom: 0
}

.projects-pages .aside-country-block-info ul.tech-icons a {
  display: table
}

.projects-pages .aside-country-block-info ul.tech-icons i {
  display: table-cell;
  margin-right: 10px;
  font-size: 40px
}

.projects-pages .aside-country-block-info ul.tech-icons .solution-label {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px
}

.projects-pages .aside-country-block-info .country-detail-note {
  font-style: italic;
  color: #999;
  font-size: 14px;
  line-height: 20px;
  display: none
}

.m-touch .projects-pages .aside-country-block-info .icn,
.projects-pages .aside-country-block-info .star {
  display: none
}

.m-touch .projects-pages .aside-country-block-info .country-detail-note {
  display: block
}

.m-touch .projects-pages .aside-country-block-info .star {
  display: inline
}

@media only screen and (max-width:641px) {
  .projects-pages .aside-country-block-info .icn {
    display: none
  }

  .projects-pages .aside-country-block-info .country-detail-note {
    display: block
  }

  .projects-pages .aside-country-block-info .star {
    display: inline-block
  }
}

.projects-pages .country-video {
  position: relative;
  display: inline-block;
  width: 30%;
  margin: .75%
}

.projects-pages .country-video:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid hsla(0, 0%, 100%, .9);
  background-color: rgba(0, 0, 0, .4);
  -webkit-transition: background .1s linear;
  transition: background .1s linear
}

.projects-pages .country-video:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto auto auto -7px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid hsla(0, 0%, 100%, .85);
  -webkit-transition: border-color .1s linear;
  transition: border-color .1s linear
}

.projects-pages .country-video:hover:before {
  background-color: rgba(0, 0, 0, .55)
}

.projects-pages .country-video:hover:after {
  border-left-color: #fff
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .projects-pages .country-video:before {
    width: 45px;
    height: 45px
  }

  .projects-pages .country-video:after {
    margin-left: -3px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 11px solid hsla(0, 0%, 100%, .85)
  }
}

@media only screen and (max-width:641px) {
  .projects-pages .country-video {
    width: 47.5%
  }

  .projects-pages .country-video:before {
    width: 60px;
    height: 60px
  }

  .projects-pages .country-video:after {
    margin-left: -7px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid hsla(0, 0%, 100%, .85)
  }
}

@media only screen and (max-width:0) {
  .projects-pages .country-video {
    width: 100%;
    margin: 0 .15px
  }
}

.projects-pages .bottom-country-wrapper {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 20px
}

.projects-pages .next-prev-countries {
  max-width: 920px;
  margin: auto
}

.projects-pages .next-prev-countries:after {
  clear: both;
  content: "";
  display: table
}

.projects-pages .next-prev-countries .prev-country {
  float: left
}

.projects-pages .next-prev-countries .prev-country .country-flag {
  margin-right: 15px
}

.projects-pages .next-prev-countries .next-country {
  float: right
}

.projects-pages .next-prev-countries .next-country .country-flag {
  margin-left: 15px
}

.projects-pages .next-prev-countries a {
  color: #ccc
}

.projects-pages .next-prev-countries a:hover {
  text-decoration: none
}

.projects-pages .next-prev-countries a:hover .country-label {
  color: #555
}

.projects-pages .next-prev-countries .next-prev-arrow {
  vertical-align: middle;
  font-size: 35px;
  display: inline-block
}

.projects-pages .next-prev-countries .next-prev-arrow.cw-icon-angle-left {
  margin-right: 15px
}

.projects-pages .next-prev-countries .next-prev-arrow.cw-icon-angle-right {
  margin-left: 15px
}

.projects-pages .next-prev-countries .country-flag {
  vertical-align: middle;
  display: inline-block;
  width: 60px;
  height: 45px;
  background-size: contain
}

.projects-pages .next-prev-countries .country-label {
  vertical-align: middle;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-transition: color .1s linear;
  transition: color .1s linear
}

.projects-pages .next-prev-countries .mobile-country-label {
  display: none;
  color: #555;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600
}

@media only screen and (max-width:641px) {
  .projects-pages .next-prev-countries .country-flag {
    width: 30px;
    height: 23px
  }

  .projects-pages .next-prev-countries .country-label {
    display: none
  }

  .projects-pages .next-prev-countries .mobile-country-label {
    display: inline-block
  }

  .projects-pages .next-prev-countries .next-prev-arrow {
    font-size: 20px;
    color: #444
  }

  .projects-pages .next-prev-countries .next-prev-arrow.cw-icon-angle-left {
    margin-right: 10px
  }

  .projects-pages .next-prev-countries .next-prev-arrow.cw-icon-angle-right {
    margin-left: 10px
  }
}

.projects-pages Fancy Box .responsive .fancybox-nav span {
  visibility: visible
}

.projects-pages Fancy Box .responsive .fancybox-prev span {
  left: -39px
}

.projects-pages Fancy Box .responsive .fancybox-next span {
  right: -35px;
  background-position: 0 -69px
}

.projects-pages Fancy Box .responsive .fancybox-close {
  top: 32px;
  right: 4px
}

.projects-pages Fancy Box .responsive .fancybox-overlay {
  background-color: hsla(0, 0%, 100%, .9)
}

.projects-pages Fancy Box .responsive .fancybox-skin {
  border-radius: none;
  padding: 40px !important;
  background: transparent
}

.projects-pages Fancy Box .responsive .fancybox-opened .fancybox-skin {
  box-shadow: none
}

.projects-pages .m-no-js .country-video {
  display: block
}

.projects-pages .m-no-js .hero-header-wrapper.loaded .hero-wrapper {
  opacity: 1
}

.projects-pages .m-no-svg .icon-bd {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/bd-85e6d89a452bb1f942a48e3bd3c4fee2.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-bf {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/bf-d461f745d3545f601164a2e98242220a.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-bo {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/bo-f01e939e830eac5b99b7435037f66e96.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-cd {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/cd-39476825d6c68fa9f5021945b261698a.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-cf {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/cf-c1c23e8778866cf6a612a761166a2bfc.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-ci {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ci-611d0f82ae3ff8173bc6d62ba743e788.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-et {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/et-bf52457ad48d7d7ea7ee61fedb0595d8.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-gt {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/gt-db9cee17ed89769ee93bdf92a3130f83.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-hn {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/hn-5b665ea52318e2481707dd315915a1bf.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-ht {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ht-619a53e6d82daced87b27bf0363b8b6d.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-in {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/in-d8f850c79e4e9d3b28db5b044410524a.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-ir {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ir-6cf4e0ff9f3953d20d79c10bdba6b0be.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-ke {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ke-5e34efd995a38fd6b1037e6841cd04be.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-kh {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/kh-9805613dc9a4730ca6e8d78e7c33363f.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-lr {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/lr-b2d0344ae83cbdebf6f956c7c943cb7e.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-mw {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/mw-808f022d19e994dcdef9313dbcd1829f.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-np {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/np-db3522f17b70064fe86cfe55207a0172.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-mz {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/mz-377364f880db7b348902de21d2f4da85.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-pk {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/pk-24b0ef6d191e35c60dd6b3ff571f7524.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-rw {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/rw-856041cbc035e0824e69153803bcd209.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-sl {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/sl-c4b35c023cfe2e9e9ca369b3832047cd.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-tz {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/tz-686a4875b165d587e67333e302690da1.png);
  background-repeat: no-repeat
}

.projects-pages .m-no-svg .icon-ug {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ug-f95c9da349f398d8ceb06b55c2dbc3d9.png);
  background-repeat: no-repeat
}

.projects-pages .ie8 .hero-wrapper.countries-map {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_projects/project-map-pins-157336d5ca3f7928ec0e2c031145f8bf.png)
}

.projects-pages .ie8 .marker-overlay {
  display: none
}

.projects-pages .ie8 .how-we-work .three-box .box-col:before,
.projects-pages .ie8 .overlay-title .box-col:before {
  z-index: 2
}

.projects-pages .ie8 .box-link {
  z-index: 99;
  background: transparent
}

.projects-pages .ie8 .circle-wrapper .circle-box p {
  z-index: 0
}

.css-docs {
  margin: auto
}

.css-docs .introduction {
  line-height: 1.4
}

.css-docs .example {
  display: block;
  margin: 19px;
  padding: 19px;
  border: 1px solid #e9eae4
}

.css-docs pre {
  font-size: 16px
}

.css-docs .badge .example-filled {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #369ff4;
  color: #fff
}

.css-docs .badge .example-filled i {
  margin-right: 5px
}

.css-docs .badge .example-outline {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #59c77f;
  color: #59c77f
}

.css-docs .badge .example-outline i {
  margin-right: 5px
}

.css-docs .avatar-initial {
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 36px;
  background-color: #369ff4
}

.css-docs .example-progress-meter {
  padding: 25px;
  width: 130px
}

.css-docs .example-progress-meter.percent-0 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter.percent-0 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.css-docs .example-progress-meter.percent-0 .meter-text:after {
  content: "0%"
}

.css-docs .example-progress-meter.percent-0 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.css-docs .example-progress-meter.percent-0 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.css-docs .example-progress-meter.percent-0 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.css-docs .example-progress-meter.percent-0 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 0;
  margin-left: 32.5px;
  position: absolute;
  width: 0
}

.css-docs .example-progress-meter.percent-0 .meter-quadrant-2 {
  background-color: #59c77f;
  height: -32.5px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: -32.5px
}

.css-docs .example-progress-meter.percent-0 .meter-quadrant-3 {
  background-color: #59c77f;
  height: -65px;
  margin-left: 97.5px;
  margin-top: 130px;
  position: absolute;
  width: -65px
}

.css-docs .example-progress-meter.percent-0 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -97.5px;
  position: absolute;
  top: 130px;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-25 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter.percent-25 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.css-docs .example-progress-meter.percent-25 .meter-text:after {
  content: "25%"
}

.css-docs .example-progress-meter.percent-25 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.css-docs .example-progress-meter.percent-25 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.css-docs .example-progress-meter.percent-25 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.css-docs .example-progress-meter.percent-25 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 32.5px;
  margin-left: 32.5px;
  position: absolute;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-25 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 0;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 0
}

.css-docs .example-progress-meter.percent-25 .meter-quadrant-3 {
  background-color: #59c77f;
  height: -32.5px;
  margin-left: 65px;
  margin-top: 97.5px;
  position: absolute;
  width: -32.5px
}

.css-docs .example-progress-meter.percent-25 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -65px;
  position: absolute;
  top: 97.5px;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-50 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter.percent-50 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.css-docs .example-progress-meter.percent-50 .meter-text:after {
  content: "50%"
}

.css-docs .example-progress-meter.percent-50 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.css-docs .example-progress-meter.percent-50 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.css-docs .example-progress-meter.percent-50 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.css-docs .example-progress-meter.percent-50 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 65px;
  margin-left: 32.5px;
  position: absolute;
  width: 65px
}

.css-docs .example-progress-meter.percent-50 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 32.5px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-50 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 0;
  margin-left: 32.5px;
  margin-top: 65px;
  position: absolute;
  width: 0
}

.css-docs .example-progress-meter.percent-50 .meter-quadrant-4 {
  background-color: #59c77f;
  height: -32.5px;
  position: absolute;
  top: 65px;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-75 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter.percent-75 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.css-docs .example-progress-meter.percent-75 .meter-text:after {
  content: "75%"
}

.css-docs .example-progress-meter.percent-75 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.css-docs .example-progress-meter.percent-75 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.css-docs .example-progress-meter.percent-75 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.css-docs .example-progress-meter.percent-75 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 97.5px;
  margin-left: 32.5px;
  position: absolute;
  width: 97.5px
}

.css-docs .example-progress-meter.percent-75 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 65px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 65px
}

.css-docs .example-progress-meter.percent-75 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 32.5px;
  margin-left: 0;
  margin-top: 32.5px;
  position: absolute;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-75 .meter-quadrant-4 {
  background-color: #59c77f;
  height: 0;
  position: absolute;
  top: 32.5px;
  width: 32.5px
}

.css-docs .example-progress-meter.percent-100 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter.percent-100 .meter-text {
  color: #59c77f;
  text-align: center;
  width: 65px;
  z-index: 3
}

.css-docs .example-progress-meter.percent-100 .meter-text:after {
  content: "100%"
}

.css-docs .example-progress-meter.percent-100 .meter-frame {
  border-radius: 32.5px;
  height: 65px;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 65px
}

.css-docs .example-progress-meter.percent-100 .meter-back {
  background-color: #e9eae4;
  border-radius: 32.5px;
  height: 65px;
  width: 65px
}

.css-docs .example-progress-meter.percent-100 .meter-front {
  background-color: #fff;
  border-radius: 32.5px;
  height: 55px;
  margin-left: 5px;
  margin-top: 5px;
  position: absolute;
  width: 55px;
  z-index: 2
}

.css-docs .example-progress-meter.percent-100 .meter-quadrant-1 {
  background-color: #59c77f;
  height: 130px;
  margin-left: 32.5px;
  position: absolute;
  width: 130px
}

.css-docs .example-progress-meter.percent-100 .meter-quadrant-2 {
  background-color: #59c77f;
  height: 97.5px;
  margin-left: 32.5px;
  margin-top: 32.5px;
  position: absolute;
  width: 97.5px
}

.css-docs .example-progress-meter.percent-100 .meter-quadrant-3 {
  background-color: #59c77f;
  height: 65px;
  margin-left: -32.5px;
  margin-top: 0;
  position: absolute;
  width: 65px
}

.css-docs .example-progress-meter.percent-100 .meter-quadrant-4 {
  background-color: #59c77f;
  height: 32.5px;
  position: absolute;
  top: 0;
  width: 32.5px
}

.css-docs .example-progress-meter p {
  font-weight: 500
}

.css-docs .example-progress-meter-customized {
  padding: 25px;
  width: 130px
}

.css-docs .example-progress-meter-customized.percent-0 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter-customized.percent-0 .meter-text {
  color: #369ff4;
  text-align: center;
  width: 50px;
  z-index: 3
}

.css-docs .example-progress-meter-customized.percent-0 .meter-text:after {
  content: "0%"
}

.css-docs .example-progress-meter-customized.percent-0 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-0 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-0 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.css-docs .example-progress-meter-customized.percent-0 .meter-quadrant-1 {
  background-color: #369ff4;
  height: 0;
  margin-left: 25px;
  position: absolute;
  width: 0
}

.css-docs .example-progress-meter-customized.percent-0 .meter-quadrant-2 {
  background-color: #369ff4;
  height: -25px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: -25px
}

.css-docs .example-progress-meter-customized.percent-0 .meter-quadrant-3 {
  background-color: #369ff4;
  height: -50px;
  margin-left: 75px;
  margin-top: 100px;
  position: absolute;
  width: -50px
}

.css-docs .example-progress-meter-customized.percent-0 .meter-quadrant-4 {
  background-color: #369ff4;
  height: -75px;
  position: absolute;
  top: 100px;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-25 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter-customized.percent-25 .meter-text {
  color: #369ff4;
  text-align: center;
  width: 50px;
  z-index: 3
}

.css-docs .example-progress-meter-customized.percent-25 .meter-text:after {
  content: "25%"
}

.css-docs .example-progress-meter-customized.percent-25 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-25 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-25 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.css-docs .example-progress-meter-customized.percent-25 .meter-quadrant-1 {
  background-color: #369ff4;
  height: 25px;
  margin-left: 25px;
  position: absolute;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-25 .meter-quadrant-2 {
  background-color: #369ff4;
  height: 0;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 0
}

.css-docs .example-progress-meter-customized.percent-25 .meter-quadrant-3 {
  background-color: #369ff4;
  height: -25px;
  margin-left: 50px;
  margin-top: 75px;
  position: absolute;
  width: -25px
}

.css-docs .example-progress-meter-customized.percent-25 .meter-quadrant-4 {
  background-color: #369ff4;
  height: -50px;
  position: absolute;
  top: 75px;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-50 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter-customized.percent-50 .meter-text {
  color: #369ff4;
  text-align: center;
  width: 50px;
  z-index: 3
}

.css-docs .example-progress-meter-customized.percent-50 .meter-text:after {
  content: "50%"
}

.css-docs .example-progress-meter-customized.percent-50 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-50 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-50 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.css-docs .example-progress-meter-customized.percent-50 .meter-quadrant-1 {
  background-color: #369ff4;
  height: 50px;
  margin-left: 25px;
  position: absolute;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-50 .meter-quadrant-2 {
  background-color: #369ff4;
  height: 25px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-50 .meter-quadrant-3 {
  background-color: #369ff4;
  height: 0;
  margin-left: 25px;
  margin-top: 50px;
  position: absolute;
  width: 0
}

.css-docs .example-progress-meter-customized.percent-50 .meter-quadrant-4 {
  background-color: #369ff4;
  height: -25px;
  position: absolute;
  top: 50px;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-75 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter-customized.percent-75 .meter-text {
  color: #369ff4;
  text-align: center;
  width: 50px;
  z-index: 3
}

.css-docs .example-progress-meter-customized.percent-75 .meter-text:after {
  content: "75%"
}

.css-docs .example-progress-meter-customized.percent-75 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-75 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-75 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.css-docs .example-progress-meter-customized.percent-75 .meter-quadrant-1 {
  background-color: #369ff4;
  height: 75px;
  margin-left: 25px;
  position: absolute;
  width: 75px
}

.css-docs .example-progress-meter-customized.percent-75 .meter-quadrant-2 {
  background-color: #369ff4;
  height: 50px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-75 .meter-quadrant-3 {
  background-color: #369ff4;
  height: 25px;
  margin-left: 0;
  margin-top: 25px;
  position: absolute;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-75 .meter-quadrant-4 {
  background-color: #369ff4;
  height: 0;
  position: absolute;
  top: 25px;
  width: 25px
}

.css-docs .example-progress-meter-customized.percent-100 {
  align-items: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative
}

.css-docs .example-progress-meter-customized.percent-100 .meter-text {
  color: #369ff4;
  text-align: center;
  width: 50px;
  z-index: 3
}

.css-docs .example-progress-meter-customized.percent-100 .meter-text:after {
  content: "100%"
}

.css-docs .example-progress-meter-customized.percent-100 .meter-frame {
  border-radius: 25px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-100 .meter-back {
  background-color: #e9eae4;
  border-radius: 25px;
  height: 50px;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-100 .meter-front {
  background-color: #fff;
  border-radius: 25px;
  height: 44px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  width: 44px;
  z-index: 2
}

.css-docs .example-progress-meter-customized.percent-100 .meter-quadrant-1 {
  background-color: #369ff4;
  height: 100px;
  margin-left: 25px;
  position: absolute;
  width: 100px
}

.css-docs .example-progress-meter-customized.percent-100 .meter-quadrant-2 {
  background-color: #369ff4;
  height: 75px;
  margin-left: 25px;
  margin-top: 25px;
  position: absolute;
  width: 75px
}

.css-docs .example-progress-meter-customized.percent-100 .meter-quadrant-3 {
  background-color: #369ff4;
  height: 50px;
  margin-left: -25px;
  margin-top: 0;
  position: absolute;
  width: 50px
}

.css-docs .example-progress-meter-customized.percent-100 .meter-quadrant-4 {
  background-color: #369ff4;
  height: 25px;
  position: absolute;
  top: 0;
  width: 25px
}

.css-docs .example-progress-meter-customized p {
  font-weight: 500
}

.css-docs .centered-overlay .example-icon {
  position: relative;
  width: 440px;
  font-size: 51px
}

.css-docs .centered-overlay .example-icon i {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.css-docs .centered-overlay .example-text {
  position: relative;
  width: 440px;
  font-weight: 700
}

.css-docs .centered-overlay .example-text span {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.css-docs .blobs .blob-container>hr,
.css-docs .blobs .blob-container>p {
  display: none
}

.css-docs .blobs h2 {
  margin: 100px 0 20px;
  position: relative
}

.css-docs .blobs h2:before {
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  background: #e9eae4;
  height: 1px;
  left: 0;
  width: 100%
}

.css-docs .blobs h2:first-child {
  margin-top: 60px
}

.css-docs .blobs h2:first-child:before {
  display: none
}

.css-docs .blobs h3 {
  margin: 20px 0
}

@media only screen and (min-width:1025px) and (max-width:1441px) {
  .css-docs .guide-page .nav-bar {
    left: 340px
  }

  .css-docs .guide-page .nav-bar-section {
    margin: 0;
    padding: 0
  }
}

.css-docs .sidebar-nav {
  display: none
}

@media only screen and (min-width:641px) {
  .css-docs .sidebar-nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    list-style-type: none;
    padding: 0;
    width: 260px;
    margin: 0;
    height: 100vh;
    overflow-y: scroll
  }
}

.css-docs .sidebar-nav a {
  color: #369ff4;
  padding: 10px;
  display: block;
  border: 1px #e9eae4;
  border-style: solid solid none;
  font-size: 12px
}

.css-docs .sidebar-nav a.active,
.css-docs .sidebar-nav a:hover {
  background: #f4f5f0
}

.css-docs .sidebar-nav a.active {
  border-right: 5px solid #369ff4
}

.css-docs .sidebar-nav li:last-of-type a {
  border-style: solid
}

.css-docs .hamburger-nav {
  padding: 20px 20px 20px 0;
  display: table;
  float: right
}

.css-docs .hamburger-nav .menu-text {
  font-size: 16px;
  position: relative;
  top: -3px
}

@media only screen and (min-width:1025px) and (max-width:1441px) {
  .css-docs .hamburger-nav {
    display: none
  }
}

.css-docs .clear-hamburger-navigation-float {
  clear: both
}

@media only screen and (min-width:641px) {
  .css-docs .doc-collections {
    position: relative;
    left: 320px;
    width: calc(100% - 375px)
  }
}

.css-docs .docs-example {
  position: relative;
  padding: 15px;
  font-size: 13px;
  line-height: 1.4;
  border: 1px solid #e9eae4;
  border-radius: .25rem .25rem 0 0;
  margin-top: 20px
}

.css-docs .docs-example .button,
.css-docs .docs-example button {
  margin-top: 10px
}

.css-docs .docs-example .button:first-of-type,
.css-docs .docs-example button:first-of-type {
  margin-top: 0
}

.css-docs .docs-example+.highlight {
  margin-top: -1px;
  border: 1px solid #e9eae4;
  border-radius: 0 0 .25rem .25rem
}

.css-docs figure.highlight {
  margin: 0
}

.css-docs .highlight pre {
  padding: 0;
  overflow: auto;
  font-size: 13px;
  line-height: 18px;
  background-color: #f7f7f7;
  border-radius: 3px;
  margin: 0
}

.css-docs .example-grid .columns {
  background: #f4f5f0;
  padding: 20px;
  height: 100px;
  margin-bottom: 20px;
  font-size: 12px
}

.css-docs .hero {
  background: #f4f5f0;
  text-align: center;
  padding: 35px;
  margin-top: 20px
}

.css-docs .hero img {
  height: 20px
}

.css-docs .hero h1 {
  font-size: 40px;
  text-transform: uppercase;
  margin: 20px 0 0
}

.css-docs .hero h2 {
  margin: 10px auto 0;
  font-size: 16px;
  max-width: 480px
}

.css-docs .hero .button {
  display: inline-block;
  margin-top: 20px
}

.css-docs .footer {
  color: #9b9b94;
  margin: 60px 0 0;
  font-size: 12px
}

.css-docs .footer .hearts {
  color: #fa575d
}

.css-docs .icon-wrapper {
  display: table;
  border-bottom: 1px solid #e9eae4;
  padding: 20px 0;
  width: 100%
}

.css-docs .icon-wrapper:last-child {
  border-bottom: 0
}

.css-docs .icon-wrapper span {
  width: 150px;
  display: table-cell;
  font-size: 40px
}

.css-docs .icon-wrapper p {
  display: table-cell;
  font-family: Proxima Nova, sans-serif;
  font-size: 14px;
  vertical-align: middle;
  font-style: italic;
  text-align: right
}

.css-docs table.options {
  margin-top: 40px
}

.css-docs table.options code {
  background: #e9eae4
}

.css-docs .hex-color-block {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 15px;
  margin-right: 10px;
  border: 1px solid rgba(0, 0, 0, .5)
}

.css-docs .change-color-based-on-media-queries {
  padding: 100px 20px;
  color: #fff;
  background: #333232;
  margin-bottom: 20px;
  text-align: center
}

@media only screen and (max-width:641px) {
  .css-docs .change-color-based-on-media-queries {
    background: #369ff4
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .css-docs .change-color-based-on-media-queries {
    background: #59c77f
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {
  .css-docs .change-color-based-on-media-queries {
    background: #fe813a
  }
}

@media only screen and (min-width:1441px) {
  .css-docs .change-color-based-on-media-queries {
    background: #9064bf
  }
}

.css-docs .max-color-change {
  padding: 10px;
  margin-top: 20px;
  background: #333232;
  color: #fff
}

@media only screen and (max-width:0) {
  .css-docs .change-color-xs-only {
    background: #369ff4
  }
}

@media only screen and (max-width:641px) {
  .css-docs .change-color-sm-only {
    background: #59c77f
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .css-docs .change-color-md-only {
    background: #fe813a
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {
  .css-docs .change-color-lg-only {
    background: #9064bf
  }
}

@media only screen and (min-width:1441px) {
  .css-docs .change-color-xl-only {
    background: #fa575d
  }
}

.css-docs .components-container .docs-example {
  padding: 0
}

.css-docs .action-tile-icon {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/main-list-18a36615ce23dc7267f62ac96e4e9f1b.svg)
}

.css-docs .full-bottom-bg {
  margin-top: 13%
}

.css-docs .highlight .hll {
  background-color: #ffc
}

.css-docs .highlight .c {
  color: #999
}

.css-docs .highlight .err {
  color: #a00;
  background-color: #faa
}

.css-docs .highlight .k {
  color: #069
}

.css-docs .highlight .o {
  color: #555
}

.css-docs .highlight .cm {
  color: #09f;
  font-style: italic
}

.css-docs .highlight .cp {
  color: #099
}

.css-docs .highlight .c1,
.css-docs .highlight .cs {
  color: #999
}

.css-docs .highlight .gd {
  background-color: #fcc;
  border: 1px solid #c00
}

.css-docs .highlight .ge {
  font-style: italic
}

.css-docs .highlight .gr {
  color: red
}

.css-docs .highlight .gh {
  color: #030
}

.css-docs .highlight .gi {
  background-color: #cfc;
  border: 1px solid #0c0
}

.css-docs .highlight .go {
  color: #aaa
}

.css-docs .highlight .gp {
  color: #009
}

.css-docs .highlight .gu {
  color: #030
}

.css-docs .highlight .gt {
  color: #9c6
}

.css-docs .highlight .kc,
.css-docs .highlight .kd,
.css-docs .highlight .kn,
.css-docs .highlight .kp,
.css-docs .highlight .kr {
  color: #069
}

.css-docs .highlight .kt {
  color: #078
}

.css-docs .highlight .m {
  color: #f60
}

.css-docs .highlight .s {
  color: #d44950
}

.css-docs .highlight .na {
  color: #4f9fcf
}

.css-docs .highlight .nb {
  color: #366
}

.css-docs .highlight .nc {
  color: #0a8
}

.css-docs .highlight .no {
  color: #360
}

.css-docs .highlight .nd {
  color: #99f
}

.css-docs .highlight .ni {
  color: #999
}

.css-docs .highlight .ne {
  color: #c00
}

.css-docs .highlight .nf {
  color: #c0f
}

.css-docs .highlight .nl {
  color: #99f
}

.css-docs .highlight .nn {
  color: #0cf
}

.css-docs .highlight .nt {
  color: #2f6f9f
}

.css-docs .highlight .nv {
  color: #033
}

.css-docs .highlight .ow {
  color: #000
}

.css-docs .highlight .w {
  color: #bbb
}

.css-docs .highlight .mf,
.css-docs .highlight .mh,
.css-docs .highlight .mi,
.css-docs .highlight .mo {
  color: #f60
}

.css-docs .highlight .sb,
.css-docs .highlight .sc {
  color: #c30
}

.css-docs .highlight .sd {
  color: #c30;
  font-style: italic
}

.css-docs .highlight .s2,
.css-docs .highlight .se,
.css-docs .highlight .sh {
  color: #c30
}

.css-docs .highlight .si {
  color: #a00
}

.css-docs .highlight .sx {
  color: #c30
}

.css-docs .highlight .sr {
  color: #3aa
}

.css-docs .highlight .s1 {
  color: #c30
}

.css-docs .highlight .ss {
  color: #fc3
}

.css-docs .highlight .bp {
  color: #366
}

.css-docs .highlight .vc,
.css-docs .highlight .vg,
.css-docs .highlight .vi {
  color: #033
}

.css-docs .highlight .il {
  color: #f60
}

.css-docs .css .nt+.nt,
.css-docs .css .o,
.css-docs .css .o+.nt {
  color: #999
}

.education-page .container {
  padding: 0
}

.education-page .underlined {
  display: inline-block;
  border-bottom: 7px solid #ffca0a;
  line-height: 10px;
  font-weight: 500
}

.education-page .decorative-lines {
  display: none
}

@media only screen and (min-width:1025px) {
  .education-page .decorative-lines {
    position: absolute;
    width: 20%;
    height: 129px;
    max-width: 300px;
    display: inline-block
  }

  .education-page .decorative-lines.left-side {
    left: -40px;
    bottom: -60px
  }

  .education-page .decorative-lines.right-side {
    right: -40px;
    top: -30px
  }
}

.education-page .hero {
  display: -webkit-box;
  display: flex;
  align-items: flex-start;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/education/hero-mobile-1b0ebb89f4335baac687084e6ad9b111.jpg);
  background-color: #97a1a2;
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: -275px 196px;
  min-height: 500px;
  padding-top: 196px
}

@media only screen and (max-width:768px) and (min-width:640px) {
  .education-page .hero {
    background-size: cover;
    min-height: 500px;
    background-position: -275px 145px;
    padding-top: 145px
  }
}

@media only screen and (min-width:641px) {
  .education-page .hero {
    background-size: cover;
    min-height: 500px;
    background-position: center 145px;
    padding-top: 145px
  }
}

@media only screen and (min-width:1025px) {
  .education-page .hero {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/education/hero-desktop-84b8cb1df5f45f63b6da6f80f5814bb0.jpg);
    min-height: 400px;
    background-position: bottom;
    padding-top: 0
  }
}

.education-page .hero .hero-content {
  width: 980px;
  z-index: 1000;
  margin: 0 auto
}

.education-page .hero .hero-content .text {
  text-align: center;
  margin-top: -98px
}

@media only screen and (min-width:641px) {
  .education-page .hero .hero-content .text {
    margin-top: -48px
  }
}

@media only screen and (min-width:1025px) {
  .education-page .hero .hero-content .text {
    text-align: left;
    margin-top: 0
  }
}

.education-page .hero .hero-content .text h1 {
  font-family: 500;
  color: #fff;
  max-width: 75%;
  margin: 0 auto;
  line-height: 40px
}

@media only screen and (max-width:768px) and (min-width:640px) {
  .education-page .hero .hero-content .text h1 {
    width: 40%;
    top: 141px;
    height: 152px
  }
}

@media only screen and (min-width:641px) {
  .education-page .hero .hero-content .text h1 {
    width: 35%
  }
}

@media only screen and (min-width:1025px) {
  .education-page .hero .hero-content .text h1 {
    margin: 0;
    line-height: 50px
  }
}

.education-page .stats {
  padding: 20px 0;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  max-width: 100%
}

@media only screen and (max-width:768px) and (min-width:640px),
only screen and (min-width:641px) {
  .education-page .stats {
    max-width: 567px;
    margin: 40px auto 60px
  }

  .education-page .stats:before {
    content: "";
    position: absolute;
    border-left: 1px solid #dfdfd7;
    left: 50%;
    height: 90%;
    top: 5%
  }

  .education-page .stats:after {
    content: "";
    position: absolute;
    border-top: 1px solid #dfdfd7;
    top: 50%;
    width: 100%;
    left: 0
  }
}

@media only screen and (min-width:1025px) {
  .education-page .stats {
    max-width: 980px;
    margin: auto;
    padding: 60px 0
  }

  .education-page .stats:after,
  .education-page .stats:before {
    display: none
  }
}

.education-page .stats .individual-stat {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #dfdfd7;
  padding: 30px;
  margin: 0 20px
}

.education-page .stats .individual-stat a {
  color: #333232;
  font-style: normal;
  position: relative
}

.education-page .stats .individual-stat:last-child {
  border-bottom: 0
}

.education-page .stats .individual-stat p {
  padding: 0;
  color: #333232;
  max-width: 230px;
  margin: 0 auto
}

@media only screen and (min-width:641px) {
  .education-page .stats .individual-stat {
    border-bottom: 0;
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 20px
  }

  .education-page .stats .individual-stat p {
    margin: 0;
    max-width: none
  }
}

@media only screen and (min-width:1025px) {
  .education-page .stats .individual-stat {
    width: 25%;
    padding: 0 15px
  }

  .education-page .stats .individual-stat:after {
    content: "";
    border-left: 1px solid #dfdfd7;
    position: absolute;
    left: 0;
    height: 170px;
    top: 10%
  }

  .education-page .stats .individual-stat:first-child:after {
    display: none
  }
}

.education-page .stats .individual-stat .icon {
  width: 120px;
  height: 100px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0 auto 20px
}

.education-page .impact {
  position: relative;
  display: -webkit-box;
  display: flex;
  max-width: 980px;
  align-items: center;
  margin: 0 40px;
  height: auto;
  flex-direction: column
}

@media only screen and (min-width:1025px) {
  .education-page .impact {
    margin: 0 auto;
    height: 230px;
    flex-direction: row
  }
}

@media only screen and (min-width:1441px) {
  .education-page .impact {
    margin: 0 auto;
    height: auto;
    flex-direction: column;
    max-width: 650px
  }
}

.education-page .impact .impact-content {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  width: 100%
}

@media only screen and (min-width:641px) {
  .education-page .impact .impact-content {
    margin: 0 auto;
    flex-direction: row
  }
}

@media only screen and (min-width:1025px) {
  .education-page .impact .impact-content {
    position: absolute;
    margin-left: -18%;
    width: auto
  }
}

@media only screen and (min-width:1441px) {
  .education-page .impact .impact-content {
    position: relative;
    width: auto;
    padding-bottom: 20px;
    margin: 0 auto;
    flex-direction: row
  }
}

.education-page .impact .impact-content .img {
  height: 230px;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 100%;
  margin-bottom: 20px;
  border-radius: 4px
}

@media only screen and (min-width:641px) {
  .education-page .impact .impact-content .img {
    min-width: 49%;
    margin-bottom: 0
  }

  .education-page .impact .impact-content .img:first-child {
    margin-right: 1%
  }

  .education-page .impact .impact-content .img:last-child {
    margin-left: 1%
  }
}

@media only screen and (min-width:1025px) {
  .education-page .impact .impact-content .img {
    min-width: 268px;
    width: 268px
  }

  .education-page .impact .impact-content .img:first-child {
    margin-right: 20px
  }

  .education-page .impact .impact-content .img:last-child {
    margin-left: 0
  }
}

.education-page .impact .text {
  text-align: center;
  margin: 0 20px
}

@media only screen and (min-width:1025px) {
  .education-page .impact .text {
    text-align: left;
    margin-left: 45%
  }
}

@media only screen and (min-width:1441px) {
  .education-page .impact .text {
    text-align: center;
    margin: 0 20px
  }
}

.education-page .impact .text p {
  margin: 30px 0 0
}

@media only screen and (min-width:1025px) {
  .education-page .impact .text p {
    margin: 0
  }
}

.education-page .faq {
  margin: 40px;
  position: relative
}

@media only screen and (max-width:768px) and (min-width:640px),
only screen and (min-width:641px) {
  .education-page .faq {
    margin: 80px 40px
  }
}

@media only screen and (min-width:1025px) {
  .education-page .faq {
    margin: 80px 0
  }
}

.education-page .faq .withAside {
  margin: -120px auto -80px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex
}

.education-page .faq .withAside .large-4 {
  display: -webkit-box;
  display: flex;
  align-items: center
}

.education-page .faq .withAside .large-8 {
  padding-top: 120px;
  padding-bottom: 80px
}

.education-page .faq .aside {
  height: 100%;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: absolute;
  max-width: 180px
}

@media only screen and (min-width:1025px) {
  .education-page .faq .aside {
    max-width: 270px
  }
}

.education-page .faq .aside .vertical {
  height: 100%;
  border-left: 2px solid #ffca0a;
  position: absolute;
  left: 50%
}

.education-page .faq .aside .cta {
  text-align: center;
  background-color: #fff;
  padding: 40px 0;
  position: relative;
  z-index: 2
}

.education-page .faq .aside .cta .h35 {
  font-style: italic;
  margin-bottom: 20px;
  line-height: 42px
}

.education-page .faq .stat-footnotes {
  color: #9b9b94;
  margin-top: 90px;
  text-align: left
}

.education-page .faq .items {
  text-align: center
}

@media only screen and (min-width:641px) {
  .education-page .faq .items {
    text-align: left
  }
}

.education-page .faq .items .item p {
  margin-bottom: 30px
}

.education-page .faq .items .item:last-child p {
  margin-bottom: 0
}

.education-page .cta-section {
  background-color: #f7f7f7;
  padding: 60px 0 0
}

@media only screen and (min-width:641px) {
  .education-page .cta-section {
    padding: 60px 20px 0
  }
}

.education-page .cta-section .content {
  position: relative
}

.education-page .cta-section .content:after {
  content: "";
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/education/coda-b0502e1900ecac942b72fbbd69c54b22.jpg);
  display: block;
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  padding-bottom: 120%;
  margin-top: 0
}

@media only screen and (min-width:641px) {
  .education-page .cta-section .content:after {
    padding-bottom: 75%;
    width: calc(100% + 40px);
    left: -20px;
    margin-top: -100px
  }
}

@media only screen and (min-width:1025px) {
  .education-page .cta-section .content:after {
    margin-top: -200px
  }
}

.education-page .cta-section .content .stories {
  min-height: 424px;
  border-bottom: 1px solid #dfdfd7;
  padding-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 10000;
  margin: 0 40px 40px
}

@media only screen and (min-width:1025px) {
  .education-page .cta-section .content .stories {
    padding: 0 0 40px;
    max-width: 980px;
    margin: 0 auto 40px
  }
}

.education-page .cta-section .content .stories h3 {
  margin: 0 -5px 40px
}

.education-page .cta-section .content .stories .outer-next-button,
.education-page .cta-section .content .stories .outer-prev-button {
  position: absolute;
  display: block;
  color: #c1c1ba;
  width: 15px;
  height: 17px;
  font-size: 24px;
  margin-top: 30%
}

@media only screen and (min-width:641px) {

  .education-page .cta-section .content .stories .outer-next-button,
  .education-page .cta-section .content .stories .outer-prev-button {
    margin-top: 15%
  }
}

@media only screen and (min-width:1025px) {

  .education-page .cta-section .content .stories .outer-next-button,
  .education-page .cta-section .content .stories .outer-prev-button {
    display: none
  }
}

.education-page .cta-section .content .stories .outer-next-button:hover,
.education-page .cta-section .content .stories .outer-prev-button:hover {
  color: #a9a99f
}

.education-page .cta-section .content .stories .outer-prev-button {
  left: -30px
}

@media only screen and (min-width:641px) {
  .education-page .cta-section .content .stories .outer-prev-button {
    left: -40px
  }
}

.education-page .cta-section .content .stories .outer-next-button {
  right: -30px
}

@media only screen and (min-width:641px) {
  .education-page .cta-section .content .stories .outer-next-button {
    right: -40px
  }
}

.education-page .cta-section .content .stories .swiper-container {
  text-align: left
}

.education-page .cta-section .content .stories .swiper-container .image a img {
  border-radius: 4px
}

.education-page .cta-section .content .stories .swiper-container .text-content a {
  color: #333232;
  display: inline-block
}

.education-page .cta-section .content .stories .swiper-container .text-content a.header {
  margin-top: 20px;
  line-height: 22px;
  font-weight: 500
}

.education-page .cta-section .content .stories .swiper-container .text-content a span.icon {
  width: 13px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.education-page .cta-section .content .stories .swiper-container .text-content .subheader {
  text-transform: uppercase;
  margin-top: 5px;
  line-height: 17px
}

.education-page .cta-section .content .stories .swiper-container .text-content .subheader a {
  color: #71716c
}

.education-page .cta-section .content .stories .swiper-container .text-content p {
  line-height: 19px;
  margin: 5px 0 0;
  cursor: default
}

.education-page .cta-section .content .cta {
  text-align: center;
  width: 100%;
  max-width: 100%;
  position: absolute;
  z-index: 1000
}

@media only screen and (min-width:641px) {
  .education-page .cta-section .content .cta {
    width: 100%;
    max-width: 580px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media only screen and (min-width:1025px) {
  .education-page .cta-section .content .cta {
    width: auto;
    max-width: 580px
  }
}

.education-page .cta-section .content .cta h1 {
  max-width: 65%;
  margin: 0 auto 20px;
  line-height: 30px
}

@media only screen and (min-width:641px) {
  .education-page .cta-section .content .cta h1 {
    max-width: 65%;
    line-height: 42px;
    margin-bottom: 30px
  }
}

@media only screen and (min-width:1025px) {
  .education-page .cta-section .content .cta h1 {
    max-width: 100%
  }
}

.education-page .focus {
  background-color: #f7f7f7;
  margin-top: 60px
}

.education-page .focus .float-left {
  order: 2
}

@media only screen and (min-width:641px) {
  .education-page .focus .float-left {
    order: 1
  }
}

.education-page .focus .inner {
  padding: 40px
}

@media only screen and (min-width:641px) {
  .education-page .focus .inner {
    padding: 80px 60px
  }
}

@media only screen and (min-width:1025px) {
  .education-page .focus .inner {
    padding: 80px 20%
  }
}

.education-page .focus .inner h1 {
  font-weight: 500;
  margin-bottom: 0
}

.education-page .focus .inner hr {
  width: 30px;
  height: 1px;
  background-color: #dfdfd7;
  display: inline-block;
  border: 0;
  margin: 0
}

.education-page .focus .inner p:last-child {
  margin-bottom: 0
}

.education-page .focus .cover-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/education/img-manita-b017f039d18dd7efa0530a7bd7b4af57.jpg)
}

.education-page .focus .float-right {
  order: 1;
  min-height: 295px
}

@media only screen and (min-width:641px) {
  .education-page .focus .float-right {
    order: 2;
    min-height: none
  }
}

.education-page .focus.with-video {
  background-color: #369ff4;
  color: #fff
}

.education-page .focus.with-video .float-left {
  order: 1
}

@media only screen and (min-width:641px) {
  .education-page .focus.with-video .float-left {
    order: 1
  }
}

.education-page .focus.with-video .float-right {
  order: 2
}

@media only screen and (min-width:641px) {
  .education-page .focus.with-video .float-right {
    order: 2;
    min-height: none
  }
}

.education-page .focus.with-video .cover-image {
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (max-width:641px) {
  .education-page .focus.with-video .cover-image {
    min-height: 295px
  }
}

.education-page .focus.with-video .inner hr {
  background-color: #66b6f7
}

@media only screen and (min-width:641px) {
  .page-error .nav-bar-section {
    margin: auto;
    max-width: 980px
  }

  .page-error .right-side {
    display: block;
    float: right
  }

  .page-error .nav-buttons {
    display: -webkit-box;
    display: flex
  }

  .page-error .button-links {
    line-height: 58px;
    margin-right: 10px
  }
}

@media only screen and (min-width:641px) {
  .financials-page .header {
    max-width: 600px;
    margin: auto
  }
}

.financials-page .side-by-side {
  text-align: center
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .financials-page .side-by-side {
    flex-direction: column
  }
}

@media only screen and (max-width:641px) {
  .financials-page .side-by-side .image {
    width: 140vw;
    left: -20vw;
    position: relative
  }
}

.financials-page .side-by-side .paragraph {
  padding-top: 20px
}

@media only screen and (min-width:1025px) {
  .financials-page .side-by-side .paragraph {
    padding-top: 0
  }
}

@media only screen and (min-width:641px) {
  .financials-page .side-by-side .image {
    width: 480px
  }

  .financials-page .side-by-side .paragraph {
    max-width: 440px;
    margin: auto
  }
}

@media only screen and (min-width:641px) and (min-width:1025px) {
  .financials-page .side-by-side .paragraph {
    max-width: none;
    margin-left: 40px;
    text-align: left
  }
}

@media only screen and (min-width:641px) {
  .financials-page .side-by-side img {
    border-radius: 4px
  }
}

.financials-page .links {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: left
}

@media only screen and (min-width:641px) {
  .financials-page .links {
    flex-direction: row
  }
}

.financials-page .third-party {
  display: -webkit-box;
  display: flex;
  overflow: auto;
  white-space: nowrap;
  width: calc(100% + 40px)
}

@media only screen and (min-width:641px) {
  .financials-page .third-party {
    width: auto;
    margin-top: 0;
    flex-direction: column
  }
}

.financials-page .third-party a {
  display: -webkit-inline-box;
  display: inline-flex;
  width: 140px;
  height: 140px;
  min-width: 140px;
  min-height: 140px;
  border: 1px solid #dfdfd7;
  border-right: 0;
  align-items: center;
  justify-content: center
}

.financials-page .third-party a:last-of-type {
  border-right: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {
  .financials-page .third-party a {
    border-right: 1px solid #dfdfd7;
    border-bottom: 0
  }

  .financials-page .third-party a:first-of-type {
    border-top: 0
  }

  .financials-page .third-party a:last-of-type {
    border-bottom: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:641px) {
  .financials-page .years {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    width: 75%
  }

  .financials-page .years .year {
    width: 33%
  }
}

.financials-page .years .year a {
  font-size: 16px;
  color: #333232
}

.fundraise-page .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  overflow: hidden
}

.fundraise-page .container .btn {
  clear: both;
  letter-spacing: .14em;
  padding: 1.1em 2em 1em;
  font-size: 16px;
  white-space: nowrap
}

.fundraise-page .home-section {
  text-align: center;
  padding-left: .75em;
  padding-right: .75em
}

@media only screen and (min-width:1025px) {
  .fundraise-page .home-section {
    padding-left: .5em;
    padding-right: .5em;
    max-width: 50em;
    margin-left: auto;
    margin-right: auto
  }
}

.fundraise-page .home-section.even-sep {
  padding-top: 3em;
  padding-bottom: 3em;
  border-bottom: 1px solid #e5e5e5
}

@media only screen and (min-width:1025px) {
  .fundraise-page .home-section.even-sep {
    padding-top: 4em;
    padding-bottom: 4em
  }
}

@media only screen and (max-width:641px) {
  .fundraise-page .home-section .button {
    font-size: 14px
  }
}

.fundraise-page .home-section h4 {
  font-size: 30px
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  99% {
    opacity: 0
  }

  to {
    visibility: hidden
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  99% {
    opacity: 0
  }

  to {
    visibility: hidden
  }
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(.85);
    transform: scale(.85)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(.85);
    transform: scale(.85)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.85);
    transform: scale(.85)
  }
}

@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(.85);
    transform: scale(.85)
  }
}

.fundraise-page h2,
.fundraise-page h3,
.fundraise-page h4,
.fundraise-page p {
  margin-left: auto;
  margin-right: auto
}

@-webkit-keyframes bob {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
}

@keyframes bob {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
}

@-webkit-keyframes little-bob {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
}

@keyframes little-bob {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
}

@-webkit-keyframes shadow {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background: rgba(0, 0, 0, .25)
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(0, 0, 0, .2)
  }

  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background: rgba(0, 0, 0, .25)
  }
}

@keyframes shadow {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background: rgba(0, 0, 0, .25)
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(0, 0, 0, .2)
  }

  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background: rgba(0, 0, 0, .25)
  }
}

.fundraise-page .wrapper {
  overflow: visible
}

@media only screen and (min-width:1025px) {
  .fundraise-page .home-section {
    max-width: 100%
  }
}

.fundraise-page .home-section .title {
  font-size: 25px
}

@media only screen and (min-width:641px) {
  .fundraise-page .home-section .title {
    font-size: 40px
  }
}

.fundraise-page .home-section h2,
.fundraise-page .home-section h3 {
  font-size: 22px;
  line-height: 1.125;
  font-weight: 600
}

@media only screen and (min-width:641px) {

  .fundraise-page .home-section h2,
  .fundraise-page .home-section h3 {
    font-size: 40px
  }
}

.fundraise-page .home-section.section-hof h4 {
  font-size: 22px;
  line-height: 1.125;
  font-weight: 600
}

@media only screen and (min-width:641px) {
  .fundraise-page .home-section.section-hof h4 {
    font-size: 30px
  }
}

.fundraise-page .home-section p {
  line-height: 1.4;
  margin: 10px auto;
  font-weight: 400
}

@media only screen and (min-width:641px) {
  .fundraise-page .home-section p {
    max-width: 600px
  }
}

.fundraise-page .home-section.even-sep {
  padding-top: 20px;
  padding-bottom: 20px
}

@media only screen and (min-width:1025px) {
  .fundraise-page .home-section.even-sep {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

.fundraise-page .inner {
  overflow: hidden;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px
}

@media only screen and (min-width:641px) {
  .fundraise-page .inner {
    padding-top: 45px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .inner {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px
  }
}

.fundraise-page .sub-cta {
  margin-top: .75em
}

.fundraise-page .sub-cta a {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  border-bottom: 1px solid;
  font-weight: 600
}

@media only screen and (min-width:1025px) {
  .fundraise-page .sub-header {
    font-size: 18px
  }
}

.fundraise-page .hp-org-info {
  background-color: #ff833d;
  color: #fff
}

.fundraise-page .map-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/fundraise/map-b16e06f3d5fda31c2fc9b0a5c501056a.png)
}

@media only screen and (min-width:641px) {
  .fundraise-page .section-wce .full-width {
    left: calc(50% + 35px);
    right: 0
  }

  .fundraise-page .section-wce .inner {
    padding: 35px 50% 35px 35px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .section-wce .full-width {
    left: 50%;
    right: auto
  }

  .fundraise-page .section-wce .inner {
    padding: 120px 580px 120px 0
  }
}

@media only screen and (max-width:641px) {
  .fundraise-page .with-background {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/fundraise/Video768-f37318c2d256382271a9446252b86daf.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
  }
}

.fundraise-page .hero-wrapper {
  min-height: 250px;
  background-color: #000;
  color: #fff
}

.fundraise-page .hero-wrapper .home-section {
  padding-top: 75px;
  padding-bottom: 75px
}

@media only screen and (min-width:641px) {
  .fundraise-page .hero-wrapper .home-section {
    padding-top: 85px;
    padding-bottom: 85px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .hero-wrapper .home-section {
    padding-top: 110px;
    padding-bottom: 110px
  }
}

.fundraise-page .hero-wrapper .tagline-top {
  display: none
}

@media only screen and (min-width:1025px) {
  .fundraise-page .hero-wrapper .tagline-top {
    display: block
  }
}

.fundraise-page .hero-wrapper .tagline-bottom {
  display: block
}

@media only screen and (min-width:1025px) {
  .fundraise-page .hero-wrapper .tagline-bottom {
    display: none
  }
}

.fundraise-page .home-section .title {
  margin-bottom: 22px;
  white-space: nowrap
}

@media only screen and (min-width:641px) {
  .fundraise-page .home-section .title {
    font-size: 38px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .home-section .title {
    font-size: 40px;
    max-width: 900px;
    margin-bottom: 30px
  }

  .fundraise-page .home-section .title br {
    display: none
  }
}

.fundraise-page .switch {
  display: inline-block;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  position: relative;
  top: 0;
  white-space: nowrap
}

.fundraise-page .switch .text {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease
}

.fundraise-page .animating.switch .text {
  opacity: 0
}

.fundraise-page .hero-wrapper {
  margin-bottom: -1px;
  position: relative
}

.fundraise-page .hero-wrapper .btn {
  font-size: 14px
}

@media only screen and (min-width:641px) {
  .fundraise-page .hero-wrapper .btn {
    font-size: 20px
  }
}

.fundraise-page .hero-wrapper p {
  max-width: 550px;
  margin: 20px auto 10px
}

@media only screen and (min-width:641px) {
  .fundraise-page .hero-wrapper p {
    max-width: 550px;
    font-size: 22px;
    margin-top: 50px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .hero-wrapper p {
    margin-top: 30px;
    margin-bottom: 40px
  }

  .fundraise-page .hero-wrapper p.small {
    font-size: .75em;
    margin-top: 12px
  }
}

.fundraise-page .header-text {
  position: relative;
  z-index: 1
}

.fundraise-page .hero-video {
  position: absolute;
  background-size: 100% 100%;
  top: 0;
  left: 50%;
  margin-left: -50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 200%;
  width: auto;
  height: auto;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  opacity: .7
}

@media only screen and (min-width:1025px) {
  .fundraise-page .hero-video {
    width: 100%
  }
}

.fundraise-page .phone-1 {
  z-index: 5
}

.fundraise-page .lemon-1 {
  z-index: 4
}

.fundraise-page .lemon-2 {
  z-index: 6
}

.fundraise-page .lemon-3 {
  z-index: 7
}

.fundraise-page .balloon {
  z-index: 10
}

.fundraise-page .section-campaigning {
  color: #fff;
  position: relative
}

@media only screen and (min-width:1025px) {
  .fundraise-page .section-campaigning {
    text-align: left
  }
}

.fundraise-page .phone {
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 220px;
  margin-left: -110px;
  background-size: 100% auto;
  padding: 1px;
  -webkit-background-clip: content-box;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d
}

@media only screen and (min-width:641px) {
  .fundraise-page .phone {
    max-width: 500px;
    margin-left: -250px
  }
}

.fundraise-page .phone-screenshot-image {
  display: block;
  background-size: contain;
  background-repeat: no-repeat
}

.fundraise-page .part-1 {
  background-color: #fe5f5e
}

.fundraise-page .part-1 h3 {
  text-align: center;
  padding-top: 52px;
  position: relative
}

.fundraise-page .part-1 h4 {
  max-width: 370px
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-1 h4 {
    margin-bottom: 20px;
    max-width: 510px
  }
}

.fundraise-page .part-1 p {
  margin-left: auto;
  margin-right: auto;
  max-width: 510px
}

.fundraise-page .part-1 .inner {
  padding-bottom: 335px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-1 .inner {
    padding-bottom: 505px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-1 .inner {
    overflow: visible;
    padding: 60px 600px 400px 20px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page.uk-page-template .part-1 .inner {
    padding-bottom: 270px
  }
}

.fundraise-page .phone-1 {
  bottom: -155px
}

@media only screen and (min-width:641px) {
  .fundraise-page .phone-1 {
    bottom: -30px;
    margin-left: -245px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .phone-1 {
    left: auto;
    bottom: auto;
    right: -10px;
    top: 60px;
    margin-left: 0;
    max-width: 56%
  }
}

.fundraise-page .glass,
.fundraise-page .lemon {
  position: absolute;
  display: block;
  overflow: hidden
}

.fundraise-page .lemon img {
  width: 100%;
  position: relative
}

@media only screen and (min-width:1025px) {
  .fundraise-page .lemon img {
    -webkit-animation-name: bob;
    animation-name: bob;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
  }
}

.fundraise-page .lemon-1 {
  width: 185px;
  bottom: 115px;
  left: -35px;
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg)
}

.fundraise-page .lemon-1 img {
  -webkit-animation-duration: 4s;
  animation-duration: 4s
}

@media only screen and (min-width:641px) {
  .fundraise-page .lemon-1 {
    width: 240px;
    bottom: 195px;
    left: 10px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .lemon-1 {
    bottom: 0;
    left: 20.97545%;
    height: 160px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.fundraise-page .lemon-2 {
  bottom: 225px;
  right: -25px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg)
}

.fundraise-page .lemon-2 img {
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

@media only screen and (min-width:641px) {
  .fundraise-page .lemon-2 {
    bottom: 400px;
    right: 70px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .lemon-2 {
    width: 340px;
    bottom: 0;
    right: 15.60963%;
    height: 240px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  .fundraise-page .lemon-2 img {
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg)
  }
}

.fundraise-page .lemon-3 {
  width: 120px;
  bottom: -35px;
  right: -25px;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.fundraise-page .lemon-3 img {
  -webkit-animation-duration: 5s;
  animation-duration: 5s
}

@media only screen and (min-width:641px) {
  .fundraise-page .lemon-3 {
    width: 210px;
    bottom: -15px;
    right: -15px;
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg)
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .lemon-3 {
    bottom: 0;
    right: -percentage(.10244);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    height: 115px
  }

  .fundraise-page .lemon-3 img {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }
}

.fundraise-page .glass {
  bottom: -7px;
  opacity: 0;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
  z-index: 7
}

.fundraise-page .part-2 {
  background-color: #0fa3f2
}

.fundraise-page .part-2 .inner {
  padding-bottom: 270px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-2 .inner {
    padding-top: 60px;
    padding-bottom: 405px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-2 .inner {
    padding: 200px 20px 370px 440px;
    overflow: visible
  }
}

.fundraise-page .part-2 p {
  margin-top: 15px;
  max-width: 460px
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-2 p {
    margin-left: 0
  }
}

.fundraise-page .part-2 h4 {
  max-width: 380px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-2 h4 {
    max-width: 520px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-2 h4 {
    max-width: 800px
  }
}

.fundraise-page .step-name {
  border-radius: 3px;
  background: rgba(0, 0, 0, .2);
  display: inline-block;
  letter-spacing: .075em;
  margin-bottom: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  width: 90px;
  height: 30px;
  line-height: 32px;
  font-size: 15px
}

@media only screen and (min-width:641px) {
  .fundraise-page .step-name {
    width: 110px;
    height: 40px;
    line-height: 42px;
    font-size: 20px
  }
}

.fundraise-page .phone-2 {
  bottom: -215px
}

@media only screen and (min-width:641px) {
  .fundraise-page .phone-2 {
    bottom: -30px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .phone-2 {
    max-width: 260px;
    bottom: 105px;
    margin-left: 0;
    left: 85px;
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }
}

.fundraise-page .kgm-logo {
  max-width: 110px;
  margin-top: 20px;
  margin-bottom: 5px
}

.fundraise-page .envelope {
  position: absolute;
  display: block;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat
}

.fundraise-page .envelope svg {
  width: 100%
}

.fundraise-page .balloon {
  position: absolute;
  display: block;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: .9;
  -webkit-animation-name: float;
  animation-name: float;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.fundraise-page .balloon svg {
  width: 100%;
  max-width: 100%
}

.fundraise-page .balloon.hp-yellow {
  width: 150px;
  height: 158px;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/fundraise/balloon-yellow-7c2aaed38fd1d58ce6ab39a8261b8243.png)
}

.fundraise-page .balloon.hp-yellow path {
  fill: #fe5f5e
}

.fundraise-page .balloon.hp-red {
  width: 110px;
  height: 121px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/fundraise/balloon-red-4d6c220c80ff363783375160159f2bfa.png)
}

.fundraise-page .balloon.hp-red path {
  fill: #fe5f5e
}

.fundraise-page .balloon.hp-green {
  width: 150px;
  height: 165px;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/fundraise/balloon-green-d89a9f4825fc21d7a8cb13e6a8fc8eb1.png)
}

.fundraise-page .balloon.hp-green path {
  fill: #179b49
}

.fundraise-page .balloon.balloon-1 {
  bottom: 130px;
  width: 110px;
  height: 115px;
  right: -25px;
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg)
}

@media only screen and (min-width:641px) {
  .fundraise-page .balloon.balloon-1 {
    bottom: 275px;
    right: 95px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .balloon.balloon-1 {
    width: 150px;
    height: 170px;
    bottom: -60px;
    right: 40.48749%;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
}

.fundraise-page .balloon.balloon-2 {
  width: 95px;
  bottom: 70px;
  right: -35px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

@media only screen and (min-width:641px) {
  .fundraise-page .balloon.balloon-2 {
    width: 145px;
    height: 165px;
    bottom: 155px;
    right: 40px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .balloon.balloon-2 {
    right: -percentage(.06829);
    bottom: -50px;
    z-index: 1
  }
}

.fundraise-page .balloon.balloon-3 {
  width: 120px;
  bottom: 20px;
  left: -75px;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg)
}

@media only screen and (min-width:641px) {
  .fundraise-page .balloon.balloon-3 {
    left: 45px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .balloon.balloon-3 {
    right: 37.07288%;
    width: 150px
  }
}

.fundraise-page .set-2 .balloon:first-child {
  bottom: -60px;
  left: auto;
  right: 110px;
  width: 150px;
  height: 160px;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: 7
}

@media only screen and (min-width:1025px) {
  .fundraise-page .set-2 .balloon:first-child {
    right: 7.80482%;
    bottom: -40px;
    z-index: 1
  }
}

.fundraise-page .set-2 .balloon:nth-child(2) {
  width: 110px;
  bottom: 115px;
  left: 5px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg)
}

@media only screen and (min-width:1025px) {
  .fundraise-page .set-2 .balloon:nth-child(2) {
    bottom: 135px;
    left: 5.36581%
  }
}

.fundraise-page .set-2 .balloon:nth-child(3) {
  bottom: -80px;
  left: -55px;
  -webkit-animation-delay: -2s;
  animation-delay: -2s
}

@media only screen and (min-width:1025px) {
  .fundraise-page .set-2 .balloon:nth-child(3) {
    left: 21.46325%
  }
}

.fundraise-page .set-2 .balloon:nth-child(4) {
  bottom: 20px;
  left: auto;
  right: 10px
}

@media only screen and (min-width:1025px) {
  .fundraise-page .set-2 .balloon:nth-child(4) {
    bottom: 20px;
    right: 2.43901%;
    z-index: 7
  }
}

.fundraise-page .set-2 .balloon:nth-child(5) {
  width: 110px;
  bottom: 200px;
  left: 90px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg)
}

@media only screen and (min-width:1025px) {
  .fundraise-page .set-2 .balloon:nth-child(5) {
    bottom: 25px;
    left: 38.53628%
  }
}

.fundraise-page .set-2 .balloon:nth-child(6) {
  width: 110px;
  bottom: 20px;
  left: 90px;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg)
}

@media only screen and (min-width:1025px) {
  .fundraise-page .set-2 .balloon:nth-child(6) {
    bottom: 60px;
    left: 3.90241%
  }
}

.fundraise-page .envelope {
  bottom: -100px;
  z-index: 6;
  opacity: 0
}

.fundraise-page .ballon-with-string {
  bottom: -60px;
  left: 54%;
  z-index: 3
}

.fundraise-page .ballon-with-string .balloon:first-child {
  bottom: 0;
  left: 65%;
  z-index: 3;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg)
}

.fundraise-page .ballon-with-string .balloon:nth-child(3) {
  bottom: 65px;
  left: 54.63372%;
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.fundraise-page .ballon-with-string .balloon:nth-child(4) {
  bottom: 55px;
  left: 69.75555%;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  -webkit-animation-delay: -2s;
  animation-delay: -2s
}

.fundraise-page .balloon.hp-yellow {
  -webkit-transition: all 2s ease;
  transition: all 2s ease
}

.fundraise-page .balloon.hp-green,
.fundraise-page .balloon.hp-red {
  -webkit-transition: all 1s ease;
  transition: all 1s ease
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0)
  }

  50% {
    -webkit-transform: translate3d(0, -4%, 0);
    transform: translate3d(0, -4%, 0)
  }

  to {
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0)
  }
}

@keyframes float {
  0% {
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0)
  }

  50% {
    -webkit-transform: translate3d(0, -4%, 0);
    transform: translate3d(0, -4%, 0)
  }

  to {
    -webkit-transform: translate3d(0, 4%, 0);
    transform: translate3d(0, 4%, 0)
  }
}

.fundraise-page .part-3 {
  background-color: #179b49;
  z-index: 5
}

.fundraise-page .part-3 .inner {
  padding-bottom: 300px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-3 .inner {
    padding-top: 70px;
    padding-bottom: 440px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-3 .inner {
    overflow: visible;
    padding: 235px 650px 260px 20px
  }
}

.fundraise-page .part-3 p {
  max-width: 370px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-3 p {
    max-width: 490px
  }
}

.fundraise-page .part-3 h4 {
  max-width: 400px
}

.fundraise-page .part-3 .phone {
  bottom: -45px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-3 .phone {
    bottom: -1px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-3 .phone {
    max-width: 56%;
    left: auto;
    right: -10px;
    bottom: 150px
  }
}

.fundraise-page .part-3 .marker {
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -20px;
  width: 60px
}

@media only screen and (min-width:641px) {
  .fundraise-page .part-3 .marker {
    bottom: 120px;
    margin-left: 50px;
    width: 85px
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .part-3 .marker {
    bottom: 400px;
    right: 275px;
    left: auto
  }
}

.fundraise-page .section-hof .inner {
  overflow: visible
}

.fundraise-page .section-hof .tabs-content {
  margin: 20px 0
}

.fundraise-page .section-hof p {
  max-width: 350px
}

.fundraise-page .section-hof h3 {
  max-width: none
}

.fundraise-page .slides {
  list-style: none;
  padding-left: 0
}

.fundraise-page .famer {
  width: 280px;
  height: 325px;
  display: inline-block;
  border-radius: 3px;
  overflow: hidden;
  color: #fff;
  background: #179b49;
  position: relative;
  padding: 225px 15px 20px
}

.fundraise-page .famer .profile-image {
  position: absolute;
  width: 100%;
  height: 215px;
  left: 0;
  top: 0;
  background: #333;
  display: block
}

.fundraise-page .famer .icn {
  position: absolute;
  right: 10px;
  top: 180px;
  width: 70px;
  height: 70px
}

.fundraise-page .famer h5 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .05em;
  line-height: 1.35;
  margin-bottom: 0
}

.fundraise-page .famer p {
  font-weight: 400;
  font-size: 14px;
  margin: 5px 0
}

.fundraise-page .famer p.quiet {
  font-weight: 600;
  color: rgba(0, 0, 0, .3);
  font-style: italic
}

.fundraise-page .famer .description,
.fundraise-page .famer .quiet,
.fundraise-page .famer h5,
.fundraise-page .famer img {
  -webkit-transition: all .35s ease;
  transition: all .35s ease
}

.fundraise-page .famer .description,
.fundraise-page .famer .icn,
.fundraise-page .famer .quiet,
.fundraise-page .famer h5 {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.fundraise-page .m-no-touch .famer:hover h5,
.fundraise-page .m-no-touch .famer:hover img {
  opacity: .035
}

.fundraise-page .m-no-touch .famer:hover .description,
.fundraise-page .m-no-touch .famer:hover .quiet {
  opacity: .175
}

.fundraise-page .m-no-touch .famer:hover .description,
.fundraise-page .m-no-touch .famer:hover .icn,
.fundraise-page .m-no-touch .famer:hover .quiet,
.fundraise-page .m-no-touch .famer:hover h5 {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

.fundraise-page .tab-slider li:first-child .famer {
  background: #0fa4f2
}

.fundraise-page .tab-slider li:nth-child(2) .famer {
  background: #fe5f5e
}

.fundraise-page .tab-slider li:nth-child(3) .famer {
  background: #89d3cc
}

.fundraise-page .tab-slider li:nth-child(4) .famer {
  background: #ff833d
}

.fundraise-page .tab-slider li:nth-child(5) .famer {
  background: #54c381
}

.fundraise-page .tab-slider li:nth-child(6) .famer {
  background: #fcb910
}

.fundraise-page .section-hof h4 {
  font-size: 22px;
  font-weight: 600;
  padding: 0 20px
}

.fundraise-page .section-hof .button {
  padding: 0 2.5em;
  font-size: 16px;
  margin: 20px 0
}

.fundraise-page .section-hof a.find-a-campaign {
  color: #0fa3f2;
  display: block;
  font-weight: 600;
  font-size: 16px
}

@media only screen and (max-width:64em) {
  .fundraise-page .tab-slider input[name=tabs] {
    display: none
  }

  .fundraise-page .dots {
    display: none;
    margin-bottom: 30px;
    white-space: nowrap
  }

  .fundraise-page .dots button {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0 9px
  }

  .fundraise-page .dots button:focus {
    outline: none
  }

  .fundraise-page .dots button .dot {
    background: #dfdfd7;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 15px
  }

  .fundraise-page .dots button.active .dot {
    background-color: #369ff4
  }

  .fundraise-page .tab-nav {
    margin-bottom: 30px
  }

  .fundraise-page .tab-nav label {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 4em;
    line-height: 20px;
    color: #dfdfd7;
    margin: 0 5px
  }

  .fundraise-page .dots.active {
    display: block
  }

  .fundraise-page .dots.active+.tab-nav {
    display: none
  }

  .fundraise-page .tabs-content {
    width: 100%;
    height: 345px;
    position: relative;
    overflow: hidden
  }

  .fundraise-page .slides {
    position: absolute;
    left: 0;
    top: 0;
    width: 600%;
    height: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .75s ease;
    transition: all .75s ease
  }

  .fundraise-page .slides li {
    height: 100%;
    width: 16.66667%;
    float: left
  }

  .fundraise-page #slide-1:checked~.tab-nav label:first-child,
  .fundraise-page #slide-2:checked~.tab-nav label:nth-child(2),
  .fundraise-page #slide-3:checked~.tab-nav label:nth-child(3),
  .fundraise-page #slide-4:checked~.tab-nav label:nth-child(4),
  .fundraise-page #slide-5:checked~.tab-nav label:nth-child(5),
  .fundraise-page #slide-6:checked~.tab-nav label:nth-child(6) {
    color: #0fa3f2
  }

  .fundraise-page #slide-1:checked~.tabs-content .slides {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  .fundraise-page #slide-2:checked~.tabs-content .slides {
    -webkit-transform: translateX(-16.66667%);
    transform: translateX(-16.66667%)
  }

  .fundraise-page #slide-3:checked~.tabs-content .slides {
    -webkit-transform: translateX(-33.33333%);
    transform: translateX(-33.33333%)
  }

  .fundraise-page #slide-4:checked~.tabs-content .slides {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .fundraise-page #slide-5:checked~.tabs-content .slides {
    -webkit-transform: translateX(-66.66667%);
    transform: translateX(-66.66667%)
  }

  .fundraise-page #slide-6:checked~.tabs-content .slides {
    -webkit-transform: translateX(-83.33333%);
    transform: translateX(-83.33333%)
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .fundraise-page .section-hof .tabs-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto
  }

  .fundraise-page .slides {
    width: 300%
  }

  .fundraise-page .tab-nav label:nth-child(2),
  .fundraise-page .tab-nav label:nth-child(4),
  .fundraise-page .tab-nav label:nth-child(5) {
    display: none
  }

  .fundraise-page #slide-3:checked~.tabs-content .slides {
    -webkit-transform: translateX(-33%);
    transform: translateX(-33%)
  }

  .fundraise-page #slide-6:checked~.tabs-content .slides {
    -webkit-transform: translateX(-66%);
    transform: translateX(-66%)
  }
}

@media only screen and (min-width:50em) and (max-width:64.063em) {
  .fundraise-page .slides {
    width: 200%
  }

  .fundraise-page .famer {
    width: 250px;
    padding-top: 220px
  }

  .fundraise-page .famer .profile-image {
    height: 190px
  }

  .fundraise-page .famer .icn {
    top: 150px
  }

  .fundraise-page .tab-nav label:nth-child(6) {
    display: none
  }

  .fundraise-page #slide-3:checked~.tabs-content .slides {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media only screen and (min-width:1025px) {
  .fundraise-page .section-hof input[name=tabs] {
    display: none
  }

  .fundraise-page .section-hof p {
    max-width: 500px
  }

  .fundraise-page .section-hof .end h4,
  .fundraise-page .section-hof .end p {
    max-width: 670px
  }

  .fundraise-page .tab-slider {
    margin-top: 60px
  }

  .fundraise-page .tab-nav {
    display: none
  }

  .fundraise-page .slides li {
    display: inline-block;
    margin: 0 20px 40px
  }
}

@font-face {
  font-family: Domaine Display;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Regular-a2dca7d2.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Regular-a2dca7d2.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Regular-f4665bf7.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Regular-970917b7.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Domaine Display;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Semibold-35711a5e.eot);
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Semibold-35711a5e.eot#iefix) format("embedded-opentype"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Semibold-aa66e5d0.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/DomaineDisplayWeb-Semibold-b5bdcf38.woff) format("woff");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: United Sans;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/UnitedSansRgMd-e6c81610.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/UnitedSansRgMd-4bd476d4.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: United Sans;
  src: url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/UnitedSansRgBd-ee315bf2.woff2) format("woff2"), url(//d26p6gt0m19hor.cloudfront.net/packs/media/fonts/UnitedSansRgBd-ed72082d.woff) format("woff");
  font-weight: 700;
  font-style: normal
}

.page-gala-dashboard .font-gala-serif {
  font-family: Domaine Display, serif
}

.page-gala-dashboard .font-gala-sans {
  font-family: United Sans, sans-serif
}

.page-gala-dashboard .border-top-dotted--spaced {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(11%, #fff), color-stop(0, transparent));
  background-image: linear-gradient(90deg, #fff 11%, transparent 0);
  background-position: top;
  background-repeat: repeat-x;
  background-size: 7px 1px
}

.page-gala-dashboard .wrapper {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0c0d17), to(#213a5d));
  background-image: linear-gradient(#0c0d17, #213a5d)
}

.page-gala-dashboard .header-link-icon-wrapper {
  width: 23px
}

.page-gala-dashboard .map-wrapper {
  height: 800px
}

.page-gala-dashboard .map-wrapper .border-top-dotted--spaced {
  height: 1px;
  width: 50px
}

.page-gala-dashboard .map-wrapper .gm-style-iw-c {
  border-radius: 0;
  padding: 0
}

.page-gala-dashboard .map-wrapper .gm-style-iw-d {
  overflow: auto !important
}

.page-gala-dashboard .map-wrapper .gm-style-iw-t:after {
  background-color: #0a101f;
  border-bottom: 1px solid;
  border-left: 1px solid
}

.page-gala-dashboard .map-wrapper .gm-ui-hover-effect {
  display: none !important
}

.page-gala-dashboard .inner-content-wrapper {
  margin-top: -350px
}

.page-gala-dashboard .updates-module .side--media-content img {
  -o-object-fit: cover;
  object-fit: cover
}

.page-gala-dashboard .updates-module .latest-update-indicator {
  width: 12px;
  height: 12px
}

.page-gala-dashboard .updates-module .latest-update-indicator--outer {
  width: 12px;
  height: 12px;
  background-color: #ffca0a;
  opacity: .3;
  border-radius: 100%
}

.page-gala-dashboard .updates-module .latest-update-indicator--inner {
  width: 10px;
  height: 10px;
  background-color: #ffca0a;
  opacity: .3;
  border-radius: 100%;
  top: 1px;
  left: 1px
}

.page-gala-dashboard .updates-module .latest-update-indicator--dot {
  width: 6px;
  height: 6px;
  background-color: #ffca0a;
  border-radius: 100%;
  top: 3px;
  left: 3px
}

.page-gala-dashboard .updates-module .latest-update-text {
  height: 12px
}

.page-gala-dashboard .updates-module .update-video div:first-child {
  height: 0 !important;
  padding-bottom: 56.25%;
  position: relative
}

.page-gala-dashboard .updates-module .update-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.page-gala-dashboard .updates-module .cw-icon-chevron-left,
.page-gala-dashboard .updates-module .cw-icon-chevron-right {
  cursor: pointer
}

.page-gala-dashboard .progress-module .meter-container {
  height: 200px;
  width: 200px
}

@media only screen and (max-width:641px) {
  .page-gala-dashboard .progress-module .meter-container.percent-0 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-text {
    color: transparent;
    text-align: center;
    width: 160px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-text:after {
    content: "0%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-frame {
    border-radius: 80px;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-back {
    background-color: #3b404b;
    border-radius: 80px;
    height: 160px;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-front {
    background-color: #0a101f;
    border-radius: 80px;
    height: 144px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 144px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-1 {
    background-color: transparent;
    height: 0;
    margin-left: 80px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-2 {
    background-color: transparent;
    height: -80px;
    margin-left: 80px;
    margin-top: 80px;
    position: absolute;
    width: -80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-3 {
    background-color: transparent;
    height: -160px;
    margin-left: 240px;
    margin-top: 320px;
    position: absolute;
    width: -160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-4 {
    background-color: transparent;
    height: -240px;
    position: absolute;
    top: 320px;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-text {
    color: transparent;
    text-align: center;
    width: 160px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-text:after {
    content: "25%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-frame {
    border-radius: 80px;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-back {
    background-color: #3b404b;
    border-radius: 80px;
    height: 160px;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-front {
    background-color: #0a101f;
    border-radius: 80px;
    height: 144px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 144px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-1 {
    background-color: transparent;
    height: 80px;
    margin-left: 80px;
    position: absolute;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-2 {
    background-color: transparent;
    height: 0;
    margin-left: 80px;
    margin-top: 80px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-3 {
    background-color: transparent;
    height: -80px;
    margin-left: 160px;
    margin-top: 240px;
    position: absolute;
    width: -80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-4 {
    background-color: transparent;
    height: -160px;
    position: absolute;
    top: 240px;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-text {
    color: transparent;
    text-align: center;
    width: 160px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-text:after {
    content: "50%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-frame {
    border-radius: 80px;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-back {
    background-color: #3b404b;
    border-radius: 80px;
    height: 160px;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-front {
    background-color: #0a101f;
    border-radius: 80px;
    height: 144px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 144px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-1 {
    background-color: transparent;
    height: 160px;
    margin-left: 80px;
    position: absolute;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-2 {
    background-color: transparent;
    height: 80px;
    margin-left: 80px;
    margin-top: 80px;
    position: absolute;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-3 {
    background-color: transparent;
    height: 0;
    margin-left: 80px;
    margin-top: 160px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-4 {
    background-color: transparent;
    height: -80px;
    position: absolute;
    top: 160px;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-text {
    color: transparent;
    text-align: center;
    width: 160px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-text:after {
    content: "75%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-frame {
    border-radius: 80px;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-back {
    background-color: #3b404b;
    border-radius: 80px;
    height: 160px;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-front {
    background-color: #0a101f;
    border-radius: 80px;
    height: 144px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 144px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-1 {
    background-color: transparent;
    height: 240px;
    margin-left: 80px;
    position: absolute;
    width: 240px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-2 {
    background-color: transparent;
    height: 160px;
    margin-left: 80px;
    margin-top: 80px;
    position: absolute;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-3 {
    background-color: transparent;
    height: 80px;
    margin-left: 0;
    margin-top: 80px;
    position: absolute;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-4 {
    background-color: transparent;
    height: 0;
    position: absolute;
    top: 80px;
    width: 80px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-text {
    color: transparent;
    text-align: center;
    width: 160px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-text:after {
    content: "100%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-frame {
    border-radius: 80px;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-back {
    background-color: #3b404b;
    border-radius: 80px;
    height: 160px;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-front {
    background-color: #0a101f;
    border-radius: 80px;
    height: 144px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 144px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-1 {
    background-color: transparent;
    height: 320px;
    margin-left: 80px;
    position: absolute;
    width: 320px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-2 {
    background-color: transparent;
    height: 240px;
    margin-left: 80px;
    margin-top: 80px;
    position: absolute;
    width: 240px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-3 {
    background-color: transparent;
    height: 160px;
    margin-left: -80px;
    margin-top: 0;
    position: absolute;
    width: 160px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-4 {
    background-color: transparent;
    height: 80px;
    position: absolute;
    top: 0;
    width: 80px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-gala-dashboard .progress-module .meter-container.percent-0 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-text {
    color: transparent;
    text-align: center;
    width: 140px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-text:after {
    content: "0%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-frame {
    border-radius: 70px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-back {
    background-color: #3b404b;
    border-radius: 70px;
    height: 140px;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-front {
    background-color: #0a101f;
    border-radius: 70px;
    height: 124px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 124px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-1 {
    background-color: transparent;
    height: 0;
    margin-left: 70px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-2 {
    background-color: transparent;
    height: -70px;
    margin-left: 70px;
    margin-top: 70px;
    position: absolute;
    width: -70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-3 {
    background-color: transparent;
    height: -140px;
    margin-left: 210px;
    margin-top: 280px;
    position: absolute;
    width: -140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-4 {
    background-color: transparent;
    height: -210px;
    position: absolute;
    top: 280px;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-text {
    color: transparent;
    text-align: center;
    width: 140px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-text:after {
    content: "25%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-frame {
    border-radius: 70px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-back {
    background-color: #3b404b;
    border-radius: 70px;
    height: 140px;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-front {
    background-color: #0a101f;
    border-radius: 70px;
    height: 124px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 124px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-1 {
    background-color: transparent;
    height: 70px;
    margin-left: 70px;
    position: absolute;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-2 {
    background-color: transparent;
    height: 0;
    margin-left: 70px;
    margin-top: 70px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-3 {
    background-color: transparent;
    height: -70px;
    margin-left: 140px;
    margin-top: 210px;
    position: absolute;
    width: -70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-4 {
    background-color: transparent;
    height: -140px;
    position: absolute;
    top: 210px;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-text {
    color: transparent;
    text-align: center;
    width: 140px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-text:after {
    content: "50%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-frame {
    border-radius: 70px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-back {
    background-color: #3b404b;
    border-radius: 70px;
    height: 140px;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-front {
    background-color: #0a101f;
    border-radius: 70px;
    height: 124px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 124px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-1 {
    background-color: transparent;
    height: 140px;
    margin-left: 70px;
    position: absolute;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-2 {
    background-color: transparent;
    height: 70px;
    margin-left: 70px;
    margin-top: 70px;
    position: absolute;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-3 {
    background-color: transparent;
    height: 0;
    margin-left: 70px;
    margin-top: 140px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-4 {
    background-color: transparent;
    height: -70px;
    position: absolute;
    top: 140px;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-text {
    color: transparent;
    text-align: center;
    width: 140px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-text:after {
    content: "75%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-frame {
    border-radius: 70px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-back {
    background-color: #3b404b;
    border-radius: 70px;
    height: 140px;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-front {
    background-color: #0a101f;
    border-radius: 70px;
    height: 124px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 124px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-1 {
    background-color: transparent;
    height: 210px;
    margin-left: 70px;
    position: absolute;
    width: 210px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-2 {
    background-color: transparent;
    height: 140px;
    margin-left: 70px;
    margin-top: 70px;
    position: absolute;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-3 {
    background-color: transparent;
    height: 70px;
    margin-left: 0;
    margin-top: 70px;
    position: absolute;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-4 {
    background-color: transparent;
    height: 0;
    position: absolute;
    top: 70px;
    width: 70px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-text {
    color: transparent;
    text-align: center;
    width: 140px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-text:after {
    content: "100%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-frame {
    border-radius: 70px;
    height: 140px;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-back {
    background-color: #3b404b;
    border-radius: 70px;
    height: 140px;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-front {
    background-color: #0a101f;
    border-radius: 70px;
    height: 124px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 124px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-1 {
    background-color: transparent;
    height: 280px;
    margin-left: 70px;
    position: absolute;
    width: 280px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-2 {
    background-color: transparent;
    height: 210px;
    margin-left: 70px;
    margin-top: 70px;
    position: absolute;
    width: 210px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-3 {
    background-color: transparent;
    height: 140px;
    margin-left: -70px;
    margin-top: 0;
    position: absolute;
    width: 140px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-4 {
    background-color: transparent;
    height: 70px;
    position: absolute;
    top: 0;
    width: 70px
  }
}

@media only screen and (min-width:1025px) {
  .page-gala-dashboard .progress-module .meter-container.percent-0 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-text {
    color: transparent;
    text-align: center;
    width: 180px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-text:after {
    content: "0%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-frame {
    border-radius: 90px;
    height: 180px;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-back {
    background-color: #3b404b;
    border-radius: 90px;
    height: 180px;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-front {
    background-color: #0a101f;
    border-radius: 90px;
    height: 164px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 164px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-1 {
    background-color: transparent;
    height: 0;
    margin-left: 90px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-2 {
    background-color: transparent;
    height: -90px;
    margin-left: 90px;
    margin-top: 90px;
    position: absolute;
    width: -90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-3 {
    background-color: transparent;
    height: -180px;
    margin-left: 270px;
    margin-top: 360px;
    position: absolute;
    width: -180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-0 .meter-quadrant-4 {
    background-color: transparent;
    height: -270px;
    position: absolute;
    top: 360px;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-text {
    color: transparent;
    text-align: center;
    width: 180px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-text:after {
    content: "25%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-frame {
    border-radius: 90px;
    height: 180px;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-back {
    background-color: #3b404b;
    border-radius: 90px;
    height: 180px;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-front {
    background-color: #0a101f;
    border-radius: 90px;
    height: 164px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 164px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-1 {
    background-color: transparent;
    height: 90px;
    margin-left: 90px;
    position: absolute;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-2 {
    background-color: transparent;
    height: 0;
    margin-left: 90px;
    margin-top: 90px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-3 {
    background-color: transparent;
    height: -90px;
    margin-left: 180px;
    margin-top: 270px;
    position: absolute;
    width: -90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-4 {
    background-color: transparent;
    height: -180px;
    position: absolute;
    top: 270px;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-text {
    color: transparent;
    text-align: center;
    width: 180px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-text:after {
    content: "50%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-frame {
    border-radius: 90px;
    height: 180px;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-back {
    background-color: #3b404b;
    border-radius: 90px;
    height: 180px;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-front {
    background-color: #0a101f;
    border-radius: 90px;
    height: 164px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 164px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-1 {
    background-color: transparent;
    height: 180px;
    margin-left: 90px;
    position: absolute;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-2 {
    background-color: transparent;
    height: 90px;
    margin-left: 90px;
    margin-top: 90px;
    position: absolute;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-3 {
    background-color: transparent;
    height: 0;
    margin-left: 90px;
    margin-top: 180px;
    position: absolute;
    width: 0
  }

  .page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-4 {
    background-color: transparent;
    height: -90px;
    position: absolute;
    top: 180px;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-text {
    color: transparent;
    text-align: center;
    width: 180px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-text:after {
    content: "75%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-frame {
    border-radius: 90px;
    height: 180px;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-back {
    background-color: #3b404b;
    border-radius: 90px;
    height: 180px;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-front {
    background-color: #0a101f;
    border-radius: 90px;
    height: 164px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 164px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-1 {
    background-color: transparent;
    height: 270px;
    margin-left: 90px;
    position: absolute;
    width: 270px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-2 {
    background-color: transparent;
    height: 180px;
    margin-left: 90px;
    margin-top: 90px;
    position: absolute;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-3 {
    background-color: transparent;
    height: 90px;
    margin-left: 0;
    margin-top: 90px;
    position: absolute;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-4 {
    background-color: transparent;
    height: 0;
    position: absolute;
    top: 90px;
    width: 90px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 {
    align-items: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    position: relative
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-text {
    color: transparent;
    text-align: center;
    width: 180px;
    z-index: 3
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-text:after {
    content: "100%"
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-frame {
    border-radius: 90px;
    height: 180px;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-back {
    background-color: #3b404b;
    border-radius: 90px;
    height: 180px;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-front {
    background-color: #0a101f;
    border-radius: 90px;
    height: 164px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute;
    width: 164px;
    z-index: 2
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-1 {
    background-color: transparent;
    height: 360px;
    margin-left: 90px;
    position: absolute;
    width: 360px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-2 {
    background-color: transparent;
    height: 270px;
    margin-left: 90px;
    margin-top: 90px;
    position: absolute;
    width: 270px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-3 {
    background-color: transparent;
    height: 180px;
    margin-left: -90px;
    margin-top: 0;
    position: absolute;
    width: 180px
  }

  .page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-4 {
    background-color: transparent;
    height: 90px;
    position: absolute;
    top: 0;
    width: 90px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-gala-dashboard .progress-module .meter-container {
    height: 150px;
    width: 150px
  }
}

.page-gala-dashboard .progress-module .meter-container .meter-frame {
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg)
}

.page-gala-dashboard .progress-module .meter-container.percent-25 .meter-quadrant-1,
.page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-1 {
  background-color: #273b5b
}

.page-gala-dashboard .progress-module .meter-container.percent-50 .meter-quadrant-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#273b5b), color-stop(90%, #352c50));
  background: linear-gradient(#273b5b, #352c50 90%)
}

.page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-1 {
  background-color: #273b5b
}

.page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#273b5b), color-stop(50%, #352c50));
  background: linear-gradient(#273b5b, #352c50 50%)
}

.page-gala-dashboard .progress-module .meter-container.percent-75 .meter-quadrant-3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#832a23), color-stop(90%, #352c50));
  background: linear-gradient(#832a23, #352c50 90%)
}

.page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-1 {
  background-color: #273b5b
}

.page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#273b5b), color-stop(30%, #352c50));
  background: linear-gradient(#273b5b, #352c50 30%)
}

.page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-3 {
  background: -webkit-gradient(linear, left bottom, left top, from(#352c50), color-stop(50%, #832a23));
  background: linear-gradient(0deg, #352c50, #832a23 50%)
}

.page-gala-dashboard .progress-module .meter-container.percent-100 .meter-quadrant-4 {
  background: #832a23
}

.page-gala-dashboard .progress-module .meter-current-amount-number {
  font-size: 33px
}

@media only screen and (min-width:641px) {
  .page-gala-dashboard .progress-module .meter-current-amount-number {
    font-size: 35px
  }
}

.page-gala-dashboard .progress-module .meter-goal-title {
  bottom: 20px;
  padding: 4px 20px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-gala-dashboard .progress-module .meter-goal-title {
    bottom: 6px;
    padding: 4px 8px
  }
}

@media only screen and (min-width:1025px) {
  .page-gala-dashboard .progress-module .meter-goal-title {
    bottom: 10px
  }
}

.page-gala-dashboard .about-rig-modal-container .modal-close {
  color: #fff
}

@media only screen and (min-width:641px) {
  .page-gala-dashboard .about-rig-modal-container .modal-close {
    display: none
  }
}

.page-gala-dashboard .about-rig-modal-container .modal-inner {
  background: transparent;
  padding: 40px 0 0
}

@media only screen and (min-width:641px) {
  .page-gala-dashboard .about-rig-modal-container .modal-inner {
    padding: 0
  }
}

.page-gala-dashboard .instagram-feed {
  margin: 0 -5px
}

.page-gala-dashboard .instagram-feed a {
  margin: 5px;
  width: calc(50% - 10px)
}

@media only screen and (min-width:641px) {
  .page-gala-dashboard .instagram-feed a {
    width: calc(25% - 10px)
  }
}

@media only screen and (min-width:1025px) {
  .page-gala-dashboard .instagram-feed a {
    width: calc(16.66667% - 10px)
  }
}

.page-gala-dashboard .instagram-feed .image {
  background-position: 50%;
  background-size: cover;
  padding-bottom: 100%
}

@media only screen and (min-width:641px) {
  .page-gala-dashboard .feedback-module .team-leader-wrapper {
    min-width: 30%
  }
}

@media only screen and (min-width:1025px) {
  .page-gala-dashboard .feedback-module .team-leader-wrapper {
    min-width: 25%
  }
}

.page-gala-dashboard .feedback-module .team-leader-photo {
  height: 150px;
  width: 150px
}

.page-gala-dashboard .feedback-module .team-leader-photo-inset {
  bottom: 0;
  height: 40px;
  right: 0;
  width: 40px
}

.page-gala-dashboard .cw-footer {
  padding: 0 20px;
  color: #fff
}

.page-gala-dashboard .cw-footer .cw-footer-fine-print,
.page-gala-dashboard .cw-footer .cw-footer-header,
.page-gala-dashboard .cw-footer a {
  color: #fff !important
}

.page-gala-dashboard .cw-footer .mailing-list-and-info {
  background: transparent !important
}

.page-gift-guide .nav-bar {
  background-color: #1b273d
}

.page-gift-guide .container {
  padding-top: 58px
}

.page-gift-guide .hero {
  min-height: 280px;
  background-repeat: repeat-x;
  background-size: 320px;
  background-position: top
}

.page-gift-guide .item {
  min-width: 230px
}

@media only screen and (min-width:1025px) {
  .page-gift-guide .lg-quarter-width-item {
    width: 240px
  }

  .page-gift-guide .three-across>div:first-child {
    padding-left: 0 !important;
    padding-right: 15px !important
  }

  .page-gift-guide .three-across>div:nth-child(2) {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .page-gift-guide .three-across>div:nth-child(3) {
    padding-left: 15px !important;
    padding-right: 0 !important
  }
}

.page-gift-guide .item-img {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: 50%
}

.page-gift-guide .link-overlay {
  content: "";
  height: 100.1%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.page-gift-guide .centered-overlay {
  position: relative;
  position: static
}

.page-gift-guide .centered-overlay .button-wrapper {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.page-gift-guide .centered-overlay .button-wrapper,
.page-gift-guide .centered-overlay:after {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity .125s linear;
  transition: opacity .125s linear
}

.page-gift-guide .centered-overlay:after {
  background-color: #000;
  content: "";
  height: 100.1%;
  top: 0;
  width: 100%;
  z-index: 1
}

.page-gift-guide .centered-overlay:hover:after {
  opacity: .4
}

.page-gift-guide .centered-overlay:hover .button-wrapper {
  opacity: 1
}

.page-gift-guide .badge {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #ffca0a;
  color: #fff
}

.page-gift-guide .badge i {
  margin-right: 5px
}

.page-gift-guide .review-avatar {
  width: 70px;
  height: 70px;
  background-size: cover;
  background-position: 50%
}

.page-gift-guide .review {
  min-height: 60px
}

.hundred-percent-model-page .container {
  padding: 75px 0 0
}

@media only screen and (min-width:641px) {
  .hundred-percent-model-page .container {
    padding-top: 85px
  }
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .container {
    padding-top: 110px
  }
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .large-p40 {
    font-size: 16px
  }
}

.hundred-percent-model-page .page-section {
  margin-bottom: 40px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #e9eae4
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .page-section {
    text-align: left
  }
}

.hundred-percent-model-page .page-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.hundred-percent-model-page .page-section.the-pool img,
.hundred-percent-model-page .page-section.the-well img {
  width: 311px
}

.hundred-percent-model-page .page-section.angels .columns:first-child {
  order: 2
}

.hundred-percent-model-page .page-section.angels .columns:last-child {
  order: 1
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .page-section.angels .columns:first-child {
    order: 1
  }

  .hundred-percent-model-page .page-section.angels .columns:last-child {
    order: 2
  }
}

.hundred-percent-model-page .readable-content {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .readable-content {
    max-width: 980px;
    text-align: left
  }
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .readable-content.image-on-left {
    padding-left: 30px
  }

  .hundred-percent-model-page .readable-content.image-on-right {
    padding-right: 30px
  }
}

.hundred-percent-model-page .intro {
  padding-bottom: 100px;
  margin-bottom: 100px;
  position: relative
}

.hundred-percent-model-page .intro:after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/hundred_percent_model/100percent-b022482414f877e049a28f8cc3ff7636.jpg);
  background-size: cover;
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -50px
}

.hundred-percent-model-page .intro .row,
.hundred-percent-model-page .sub-intro .row {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto
}

.hundred-percent-model-page .birch-photo {
  max-width: 100%;
  display: block;
  margin: auto
}

@media only screen and (min-width:641px) {
  .hundred-percent-model-page .birch-photo {
    max-width: 550px
  }
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .birch-photo {
    max-width: 100%
  }
}

.hundred-percent-model-page .mobile-well-image {
  max-width: 75%;
  display: block;
  margin: auto
}

@media only screen and (min-width:641px) {
  .hundred-percent-model-page .mobile-well-image {
    max-width: 300px
  }
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .mobile-well-image {
    display: none
  }
}

.hundred-percent-model-page .other-funding {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7f4fa));
  background-image: linear-gradient(#fff, #e7f4fa);
  margin-bottom: 0;
  border-bottom: 0
}

.hundred-percent-model-page .funding-panel {
  text-align: center;
  max-width: 280px;
  padding: 20px
}

@media only screen and (max-width:641px) {
  .hundred-percent-model-page .funding-panel {
    margin-left: auto;
    margin-right: auto
  }
}

.hundred-percent-model-page .funding-panel img {
  width: 75px
}

.hundred-percent-model-page .funding-panel ul {
  list-style: none;
  padding-left: 0
}

.hundred-percent-model-page .funding-panel li {
  line-height: 1.25;
  margin-bottom: 12px
}

.hundred-percent-model-page .funding-panel li:last-child {
  margin-bottom: 0
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .funding-panel li {
    margin-bottom: 8px
  }

  .hundred-percent-model-page .funding-panel li:last-child {
    margin-bottom: 0
  }
}

.hundred-percent-model-page .funding-panel p:last-child,
.hundred-percent-model-page .funding-panel ul {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .hundred-percent-model-page .funding-panel {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7f4fa));
    background-image: linear-gradient(#fff, #e7f4fa);
    border-color: #d2eaf6;
    max-width: none
  }
}

.hundred-percent-model-page .funding-bottom {
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/hundred_percent_model/bottom-bg-small-3a4e3eaefadac2bf54793a9f7c786823.jpg);
  height: 0;
  padding-bottom: 68%;
  background-size: cover;
  margin-left: -20px;
  margin-right: -20px;
  background-position: top
}

@media only screen and (min-width:641px) {
  .hundred-percent-model-page .funding-bottom {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/hundred_percent_model/bottom-bg-medium-20c38970aefcac3b1e63f165b0eb1817.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .hundred-percent-model-page .funding-bottom {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/hundred_percent_model/bottom-bg-large-36414770b494c2c44a5c218bfdda754b.jpg)
  }
}

.in-kind .container {
  padding-bottom: 60px
}

.in-kind .container .in-kind-header {
  max-width: 710px;
  margin: 0 auto 60px;
  text-align: center
}

.in-kind .container .in-kind-donors .donor {
  max-width: 400px;
  margin: 0 auto 60px;
  position: relative;
  vertical-align: top;
  display: block
}

.in-kind .container .in-kind-donors .donor:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  border: 2px solid #f4f5f0
}

@media only screen and (min-width:641px) {
  .in-kind .container .in-kind-donors .donor {
    padding: 0 10px;
    max-width: none;
    width: 49.45%;
    display: inline-block;
    margin-bottom: 3%
  }

  .in-kind .container .in-kind-donors .donor:hover .over-data,
  .in-kind .container .in-kind-donors .donor:hover:after {
    opacity: 1
  }
}

@media only screen and (min-width:1025px) {
  .in-kind .container .in-kind-donors .donor {
    width: 32.85%
  }
}

.in-kind .container .in-kind-donors .donor .ngkf img {
  -webkit-transform: scale3d(1.25, 1.25, 1);
  transform: scale3d(1.25, 1.25, 1)
}

.in-kind .container .in-kind-donors .donor .image-wrapper {
  background: #f4f5f0;
  padding: 20px;
  display: block
}

.in-kind .container .in-kind-donors .donor .image-wrapper img {
  width: 150px;
  margin: auto
}

.in-kind .container .in-kind-donors .donor .over-data {
  color: #333232
}

@media only screen and (min-width:641px) {
  .in-kind .container .in-kind-donors .donor .over-data {
    position: absolute;
    opacity: 0;
    top: calc(50% - 10px);
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 30px;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    line-height: 1.5
  }
}

.in-kind .container .in-kind-donors .donor .over-data .url {
  display: table;
  margin: auto;
  word-break: break-all;
  color: #369ff4
}

.in-kind .container .in-kind-donors .donor .over-data .url:hover {
  color: #66b6f7
}

@media only screen and (min-width:641px) {
  .in-kind .container .in-kind-footer {
    margin-top: 60px
  }
}

.in-kind .container .in-kind-footer .button {
  margin-top: 20px
}

.internships-page .internships {
  align-items: flex-start;
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  border-top: 1px solid #dfdfd7
}

@media only screen and (min-width:1025px) {
  .internships-page .internships {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/internships/internships-6b1899e225eaaec3fdac940092e2826e.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.internships-page .internships:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/internships/internships-6b1899e225eaaec3fdac940092e2826e.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .internships-page .internships:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/internships/internships-6b1899e225eaaec3fdac940092e2826e.jpg);
    display: none
  }
}

.internships-page .internships .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .internships-page .internships .row {
    padding: 120px 0
  }
}

.internships-page .internships .row:after {
  clear: both;
  content: "";
  display: table
}

.internships-page .internships:after {
  height: 370px
}

@media only screen and (min-width:1025px) {
  .internships-page .internships {
    padding-bottom: 54%;
    background-size: 100%;
    background-position: bottom
  }

  .internships-page .internships .row:after {
    display: none
  }
}

@media only screen and (min-width:1025px) {
  .jobs .cards.featured:after {
    width: 48.5%
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .jobs .cards.featured .side-by-side {
    flex-direction: column
  }
}

.jobs .cards.featured .embed-container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%
}

@media only screen and (min-width:1025px) {
  .jobs .cards.featured .embed-container {
    padding-bottom: 125%
  }
}

.jobs .cards.featured .embed-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.jobs .cards.featured .embed-container iframe {
  position: absolute;
  top: -75%;
  left: -5%;
  width: 110%;
  height: 250%
}

@media only screen and (min-width:1025px) {
  .jobs .cards.featured .embed-container iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.jobs .cards.featured .card .included-jobs .job-list-item:not(:last-child):after {
  content: "";
  height: 2px;
  width: 2px;
  background-color: #333232;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px 5px
}

@media only screen and (min-width:1025px) {
  .jobs .cards.featured .card {
    width: 48.5%
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .jobs .hackathon,
  .jobs .sabbatical {
    margin-right: 0
  }
}

.jobs .skyline {
  align-items: flex-start;
  background-color: #c5dff4;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0
}

@media only screen and (min-width:1025px) {
  .jobs .skyline {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/jobs/skyline-ec993e3fae5692e855ddc8b4ce3f565b.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.jobs .skyline:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/jobs/skyline-ec993e3fae5692e855ddc8b4ce3f565b.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .jobs .skyline:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/jobs/skyline-ec993e3fae5692e855ddc8b4ce3f565b.jpg);
    display: none
  }
}

.jobs .skyline .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .jobs .skyline .row {
    padding: 120px 0
  }
}

.jobs .skyline .row:after {
  clear: both;
  content: "";
  display: table
}

.jobs .skyline:after {
  height: 370px
}

@media only screen and (min-width:1025px) {
  .jobs .skyline {
    padding-bottom: 44%
  }

  .jobs .skyline .row:after {
    display: none
  }
}

.kids-page .container {
  padding: 0
}

.kids-page .hero {
  padding: 71px 0 24px
}

@media only screen and (min-width:641px) {
  .kids-page .hero {
    min-height: 468px;
    display: -webkit-box;
    display: flex;
    align-items: center
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .hero {
    min-height: 510px
  }
}

.kids-page .hero .text-content {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px
}

@media only screen and (min-width:641px) {
  .kids-page .hero .text-content {
    margin-left: 41%;
    text-align: left;
    padding-left: 40px;
    padding-right: 60px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .hero .text-content {
    margin-left: 38.1%
  }
}

@media (min-width:1700px) {
  .kids-page .hero .text-content {
    margin: 0 auto;
    text-align: center;
    width: 618px
  }
}

.kids-page .hero h1,
.kids-page .hero p {
  margin: auto;
  line-height: 1.4em
}

.kids-page .hero p {
  margin-top: 10px
}

@media only screen and (min-width:641px) {
  .kids-page .hero p {
    margin-top: 12px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .hero p {
    max-width: 607px
  }
}

.kids-page .hero img {
  height: 205px;
  position: relative;
  top: 30px
}

@media only screen and (min-width:641px) {
  .kids-page .hero img {
    height: 309px;
    position: absolute;
    top: 118px;
    right: 59%;
    left: auto
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .hero img {
    height: 387px;
    top: 108px;
    right: 62%
  }
}

@media (min-width:1445px) {
  .kids-page .hero img {
    left: 0
  }
}

.kids-page .million-people {
  margin: 42px 30px 0;
  text-align: center
}

.kids-page .million-people h2 {
  line-height: 1.45em
}

@media only screen and (min-width:641px) {
  .kids-page .million-people {
    width: 600px;
    margin: 0 auto 20px;
    font-size: 22px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .million-people {
    font-size: 24px;
    margin-top: 26px
  }
}

.kids-page .busses {
  max-width: 980px;
  margin: auto auto 22px;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media only screen and (min-width:641px) {
  .kids-page .busses {
    flex-direction: row;
    margin-bottom: 20px
  }
}

.kids-page .busses .column {
  margin: 10px auto 2px;
  width: 280px;
  text-align: center
}

@media only screen and (min-width:641px) {
  .kids-page .busses .column {
    display: inline-block;
    width: 30%
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .busses .column {
    width: 30%
  }
}

.kids-page .busses .column:first-of-type {
  width: 260px
}

@media only screen and (min-width:641px) {
  .kids-page .busses .column:first-of-type {
    width: 30%
  }
}

.kids-page .busses .column img {
  width: 120px;
  height: 120px
}

.kids-page .cta-break {
  padding: 30px 0;
  margin: auto;
  text-align: center;
  border-top: 1px solid #dfdfd7;
  border-bottom: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media only screen and (min-width:641px) {
  .kids-page .cta-break {
    margin: auto 40px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .cta-break {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row
  }
}

.kids-page .cta-break p {
  line-height: 1.4em;
  margin: 0 30px 20px
}

@media only screen and (min-width:641px) {
  .kids-page .cta-break p {
    margin: 0 0 20px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .cta-break p {
    margin: 0 40px 0 0;
    text-align: left
  }
}

.kids-page .cta-break div {
  display: -webkit-box;
  display: flex;
  align-items: center
}

.kids-page .cta-break a {
  white-space: nowrap
}

.kids-page .cta-break.download-presentation-cta {
  border-top: 1px solid #dfdfd7;
  border-bottom: 0;
  padding-bottom: 70px
}

@media only screen and (min-width:641px) {
  .kids-page .cta-break.download-presentation-cta {
    padding-bottom: 30px;
    margin-bottom: 92px;
    border-bottom: 1px solid #dfdfd7
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .cta-break.download-presentation-cta {
    margin-bottom: 120px
  }

  .kids-page .cta-break.download-presentation-cta div>a {
    margin-left: 79px
  }
}

.kids-page .the-journey {
  margin: 30px auto;
  max-width: 980px
}

@media only screen and (min-width:641px) {
  .kids-page .the-journey {
    margin: 60px auto
  }
}

.kids-page .the-journey .header {
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .kids-page .the-journey .header {
    padding: 0
  }
}

.kids-page .the-journey .callout {
  display: -webkit-box;
  display: flex;
  margin: 30px 0
}

.kids-page .the-journey .logo {
  border-right: 1px solid #dfdfd7;
  display: none;
  margin-right: 40px;
  padding-right: 40px;
  width: 220px
}

@media only screen and (min-width:641px) {
  .kids-page .the-journey .logo {
    display: block
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .kids-page .the-journey {
    margin: 60px 40px
  }
}

.kids-page .get-inspired,
.kids-page .meet-kids {
  text-align: center
}

@media only screen and (min-width:641px) {

  .kids-page .get-inspired,
  .kids-page .meet-kids {
    margin-left: 41px;
    margin-right: 41px
  }
}

@media only screen and (min-width:1025px) {

  .kids-page .get-inspired,
  .kids-page .meet-kids {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 77px
  }
}

.kids-page .get-inspired img.collage,
.kids-page .meet-kids img.collage {
  position: relative;
  bottom: -5px;
  text-align: center
}

@media only screen and (min-width:641px) {

  .kids-page .get-inspired img.collage,
  .kids-page .meet-kids img.collage {
    max-width: 575px
  }
}

@media only screen and (min-width:1025px) {

  .kids-page .get-inspired img.collage,
  .kids-page .meet-kids img.collage {
    display: none
  }
}

.kids-page .get-inspired h2,
.kids-page .meet-kids h2 {
  margin: 40px auto 30px;
  max-width: 275px;
  line-height: 1.45em
}

@media only screen and (min-width:641px) {

  .kids-page .get-inspired h2,
  .kids-page .meet-kids h2 {
    text-align: left;
    font-size: 24px;
    line-height: 1.55em;
    max-width: 100%
  }
}

.kids-page .get-inspired a,
.kids-page .meet-kids a {
  color: #000
}

.kids-page .get-inspired .column,
.kids-page .meet-kids .column {
  text-align: left
}

.kids-page .get-inspired .column .text-content,
.kids-page .meet-kids .column .text-content {
  padding: 16px 20px;
  margin: 17px 0
}

@media only screen and (min-width:641px) {

  .kids-page .get-inspired .column .text-content,
  .kids-page .meet-kids .column .text-content {
    padding: 0;
    margin-bottom: 30px
  }
}

@media only screen and (min-width:1025px) {

  .kids-page .get-inspired .column .text-content,
  .kids-page .meet-kids .column .text-content {
    margin-bottom: 0
  }
}

.kids-page .get-inspired .column h3,
.kids-page .meet-kids .column h3 {
  margin-bottom: 5px
}

.kids-page .get-inspired .column h3 a,
.kids-page .meet-kids .column h3 a {
  font-size: inherit;
  line-height: 1.4em
}

.kids-page .get-inspired .column p,
.kids-page .meet-kids .column p {
  margin-top: 10px
}

.kids-page .get-inspired .column p.em,
.kids-page .meet-kids .column p.em {
  margin: 0
}

.kids-page .get-inspired .column .image,
.kids-page .meet-kids .column .image {
  position: relative
}

.kids-page .get-inspired .inner-next-button,
.kids-page .get-inspired .inner-prev-button,
.kids-page .get-inspired .outer-next-button,
.kids-page .get-inspired .outer-prev-button,
.kids-page .meet-kids .inner-next-button,
.kids-page .meet-kids .inner-prev-button,
.kids-page .meet-kids .outer-next-button,
.kids-page .meet-kids .outer-prev-button {
  padding: 15px;
  font-weight: 700;
  -webkit-transition: color .15s linear;
  transition: color .15s linear
}

.kids-page .get-inspired .inner-next-button:hover,
.kids-page .get-inspired .inner-prev-button:hover,
.kids-page .get-inspired .outer-next-button:hover,
.kids-page .get-inspired .outer-prev-button:hover,
.kids-page .meet-kids .inner-next-button:hover,
.kids-page .meet-kids .inner-prev-button:hover,
.kids-page .meet-kids .outer-next-button:hover,
.kids-page .meet-kids .outer-prev-button:hover {
  cursor: pointer
}

.kids-page .get-inspired .inner-prev-button,
.kids-page .get-inspired .outer-prev-button,
.kids-page .meet-kids .inner-prev-button,
.kids-page .meet-kids .outer-prev-button {
  left: 0
}

.kids-page .get-inspired .inner-next-button,
.kids-page .get-inspired .outer-next-button,
.kids-page .meet-kids .inner-next-button,
.kids-page .meet-kids .outer-next-button {
  right: 0
}

@media only screen and (min-width:641px) {

  .kids-page .get-inspired .swiper-container,
  .kids-page .meet-kids .swiper-container {
    margin-bottom: 17px
  }
}

@media only screen and (min-width:1025px) {

  .kids-page .get-inspired .swiper-container,
  .kids-page .meet-kids .swiper-container {
    margin-bottom: 80px
  }
}

.kids-page .meet-kids .inner-next-button,
.kids-page .meet-kids .inner-prev-button {
  color: #fff;
  position: absolute;
  top: 40%
}

@media only screen and (min-width:641px) {

  .kids-page .meet-kids .inner-next-button,
  .kids-page .meet-kids .inner-prev-button {
    display: none
  }
}

.kids-page .meet-kids .inner-next-button:hover,
.kids-page .meet-kids .inner-prev-button:hover {
  color: #e6e6e6
}

.kids-page .meet-kids .outer-next-button,
.kids-page .meet-kids .outer-prev-button {
  position: absolute;
  display: none;
  margin-top: 8%;
  color: #c1c1ba
}

@media only screen and (min-width:641px) {

  .kids-page .meet-kids .outer-next-button,
  .kids-page .meet-kids .outer-prev-button {
    display: block
  }
}

@media only screen and (min-width:1025px) {

  .kids-page .meet-kids .outer-next-button,
  .kids-page .meet-kids .outer-prev-button {
    display: none
  }
}

.kids-page .meet-kids .outer-next-button:hover,
.kids-page .meet-kids .outer-prev-button:hover {
  color: #a9a99f
}

.kids-page .get-inspired {
  margin: 40px 30px 0
}

@media only screen and (min-width:641px) {
  .kids-page .get-inspired {
    margin: 40px 41px 0
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .get-inspired {
    margin: 56px auto;
    position: relative
  }
}

.kids-page .get-inspired h2 {
  margin: 0 auto 10px
}

.kids-page .get-inspired p {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .kids-page .get-inspired p {
    margin-bottom: 20px
  }
}

.kids-page .get-inspired p.subtext {
  margin-bottom: 30px;
  text-align: center
}

@media only screen and (min-width:641px) {
  .kids-page .get-inspired p.subtext {
    text-align: left
  }
}

.kids-page .get-inspired a {
  color: #369ff4
}

.kids-page .get-inspired .column .text-content {
  padding: 0
}

@media only screen and (min-width:641px) {
  .kids-page .get-inspired .column .text-content {
    margin-bottom: 0
  }
}

.kids-page .get-inspired .swiper-container {
  margin-bottom: 0
}

.kids-page .get-inspired .inner-next-button,
.kids-page .get-inspired .inner-prev-button {
  display: none
}

.kids-page .get-inspired .outer-next-button,
.kids-page .get-inspired .outer-prev-button {
  position: absolute;
  margin-top: 20%;
  color: #c1c1ba
}

@media only screen and (min-width:641px) {

  .kids-page .get-inspired .outer-next-button,
  .kids-page .get-inspired .outer-prev-button {
    display: block;
    margin-top: 12%
  }
}

@media only screen and (min-width:1025px) {

  .kids-page .get-inspired .outer-next-button,
  .kids-page .get-inspired .outer-prev-button {
    margin-top: 8%
  }
}

.kids-page .get-inspired .outer-next-button:hover,
.kids-page .get-inspired .outer-prev-button:hover {
  color: #a9a99f
}

@media only screen and (min-width:1025px) {
  .kids-page .get-inspired .outer-prev-button {
    left: -30px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .get-inspired .outer-next-button {
    right: -30px
  }
}

.kids-page .what-can-you-do {
  position: relative;
  padding: 50px 0;
  text-align: center;
  background-color: #f7f7f7;
  border-top: 1px solid #dfdfd7;
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:1025px) {
  .kids-page .what-can-you-do {
    text-align: left;
    padding: 86px 0 80px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .what-can-you-do .text-content {
    margin-left: 51.5%;
    max-width: 460px
  }
}

.kids-page .what-can-you-do h1,
.kids-page .what-can-you-do p {
  margin: 0 20px
}

@media only screen and (min-width:641px) {

  .kids-page .what-can-you-do h1,
  .kids-page .what-can-you-do p {
    margin: auto;
    max-width: 700px
  }
}

.kids-page .what-can-you-do h1 {
  margin-bottom: 12px
}

.kids-page .what-can-you-do p {
  line-height: 1.45em;
  margin-bottom: 30px
}

.kids-page .what-can-you-do img.collage-top {
  display: none
}

@media only screen and (min-width:1025px) {
  .kids-page .what-can-you-do img.collage-top {
    position: absolute;
    bottom: calc(100% - 45px);
    right: 52%;
    display: block;
    width: 642px;
    height: 100px;
    z-index: 1
  }
}

.kids-page .what-can-you-do img {
  display: none
}

@media only screen and (min-width:1025px) {
  .kids-page .what-can-you-do img {
    position: absolute;
    bottom: 0;
    right: 4%;
    display: block;
    width: 642px;
    height: 423px
  }
}

.kids-page .what-can-you-do .image-container {
  overflow: hidden;
  width: 100%;
  right: 48%;
  height: 100%;
  position: absolute;
  top: 0
}

.kids-page .wave {
  position: relative;
  z-index: 3
}

.kids-page .wave:after {
  content: "";
  position: absolute;
  left: -47px;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 25px;
  background-size: 50px 25px;
  background-image: radial-gradient(circle at 25px -10px, transparent 29px, #369ff4 30px)
}

.kids-page .water-walk {
  background-color: #369ff4;
  color: #fff;
  padding: 50px 30px 76px;
  text-align: center;
  position: relative
}

.kids-page .water-walk a {
  background-color: #2387d7
}

.kids-page .water-walk a:hover {
  background-color: #1c6bab
}

@media only screen and (min-width:641px) {
  .kids-page .water-walk {
    padding-left: 40px;
    padding-bottom: 35px;
    text-align: left
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .water-walk {
    padding-top: 107px;
    padding-left: 34px;
    padding-bottom: 100px
  }
}

@media only screen and (min-width:641px) {
  .kids-page .water-walk .text-content {
    width: 61.5%
  }

  .kids-page .water-walk .text-content p {
    margin-top: 10px;
    margin-bottom: 30px;
    padding-right: 37px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .water-walk .text-content {
    width: 980px;
    padding-right: 479px;
    margin: auto
  }
}

.kids-page .water-walk .image {
  display: none
}

@media only screen and (min-width:641px) {
  .kids-page .water-walk .image {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/kids/water-walk-original-6f2e9a85981199475d80917459adf5e2.jpg);
    background-size: 339px;
    background-position: 50%;
    display: block;
    position: absolute;
    top: -42px;
    left: 61.5%;
    overflow: hidden;
    border: 10px solid #fff;
    outline: 1px solid #dfdfd7;
    width: 339px;
    height: 431px;
    z-index: 4
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .water-walk .image {
    background-size: 489px;
    height: 581px;
    width: 489px;
    left: 55.7%;
    top: -70px
  }
}

.kids-page .blue-wavey {
  position: absolute;
  top: 99%;
  width: 1440px;
  max-width: none;
  left: -560px;
  z-index: 1
}

@media only screen and (min-width:641px) {
  .kids-page .blue-wavey {
    left: -1%
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .blue-wavey {
    width: 102%
  }
}

.kids-page .host-a-screening {
  text-align: center;
  color: #fff;
  padding: 0 20px 60px;
  position: relative;
  background-color: #b8ac84;
  background-size: 9px 9px;
  background-image: linear-gradient(90deg, #b0a580 1px, transparent 0), linear-gradient(180deg, #b0a580 1px, transparent 0)
}

@media only screen and (min-width:641px) {
  .kids-page .host-a-screening {
    text-align: left;
    padding-right: 40px;
    padding-bottom: 69px;
    min-height: 463px
  }
}

.kids-page .host-a-screening .text-content {
  padding: 20px 0 0
}

@media only screen and (min-width:641px) {
  .kids-page .host-a-screening .text-content {
    padding-left: 20px;
    padding-top: 14%;
    margin-left: 44.9%
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .host-a-screening .text-content {
    padding-top: 138px;
    margin-left: 37.8%;
    max-width: 648px
  }
}

.kids-page .host-a-screening img {
  position: relative;
  top: -44px;
  margin-bottom: -35px;
  z-index: 2
}

@media only screen and (min-width:641px) {
  .kids-page .host-a-screening img {
    position: absolute;
    width: 336px;
    height: 329px;
    right: 60%;
    top: 69px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .host-a-screening img {
    width: 433px;
    height: 425px;
    top: -33px;
    right: 65.2%
  }
}

.kids-page .host-a-screening p {
  margin: 10px 0 0
}

.kids-page .host-a-screening a {
  margin-top: 30px;
  background-color: #968e73
}

.kids-page .host-a-screening a:hover {
  background-color: #7a735c
}

.kids-page .the-adventure-tour {
  background-color: #ffca0a;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/kids/adventure-bg-1320d7806eb39718df022109195fcf82.jpg);
  background-size: cover;
  text-align: center;
  position: relative
}

.kids-page .the-adventure-tour .text-content {
  padding: 42px 30px 60px
}

@media only screen and (min-width:641px) {
  .kids-page .the-adventure-tour .text-content {
    padding: 50px 40px 60px;
    margin-left: 50%;
    text-align: left
  }

  .kids-page .the-adventure-tour .text-content a {
    margin-top: 10px
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .the-adventure-tour .text-content {
    max-width: 700px;
    padding: 92px 60px
  }
}

.kids-page .the-adventure-tour .image {
  position: absolute;
  width: 50%;
  height: 100%
}

.kids-page .the-adventure-tour .img {
  display: none
}

@media only screen and (min-width:641px) {
  .kids-page .the-adventure-tour .img {
    display: block;
    position: absolute;
    z-index: 2;
    background-position-x: 57%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .the-adventure-tour .img {
    background-position-x: 105%
  }
}

.kids-page .the-adventure-tour .top {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/kids/vr-top-59e208ea85920c43f88dcce1ff0ec0b1.png);
  background-position-y: bottom;
  bottom: 100%
}

@media only screen and (min-width:1025px) {
  .kids-page .the-adventure-tour .top {
    left: -300px;
    background-position-x: calc(105% + 300px)
  }
}

.kids-page .the-adventure-tour .bottom {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/kids/vr-bottom-521a35ee08dfab12bb7b4cb1516bd7e2.jpg);
  background-position-y: top
}

.kids-page .other-ways {
  background-color: #369ff4;
  color: #fff;
  text-align: center
}

.kids-page .other-ways>div {
  max-width: 980px;
  margin: auto;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 20px
}

@media only screen and (min-width:641px) {
  .kids-page .other-ways>div {
    text-align: left;
    padding: 40px 40px 50px;
    flex-direction: row
  }
}

@media only screen and (min-width:1025px) {
  .kids-page .other-ways>div {
    padding-left: 0;
    padding-right: 0
  }
}

.kids-page .other-ways h3 {
  margin: auto;
  line-height: 1.4em
}

@media only screen and (min-width:641px) {
  .kids-page .other-ways h3 {
    margin: 0
  }
}

.kids-page .other-ways p {
  margin: 10px 0 0
}

@media only screen and (min-width:641px) {
  .kids-page .other-ways p {
    margin-right: 11%
  }
}

.kids-page .other-ways a {
  margin-top: 20px;
  background-color: #2387d7
}

.kids-page .other-ways a:hover {
  background-color: #1c6bab
}

.kids-page .more-text {
  display: none
}

@media only screen and (min-width:641px) {
  .kids-page .more-text {
    display: inline
  }
}

.partner-logo-block {
  width: 47.5%;
  height: 120px;
  margin: .75%
}

@media only screen and (min-width:641px) {
  .partner-logo-block {
    width: 180px;
    height: 150px
  }
}

.partner-logo-block img {
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  width: 100px
}

@media only screen and (min-width:641px) {
  .partner-logo-block img {
    width: 130px
  }
}

.feature-block {
  max-width: 290px
}

@media only screen and (min-width:641px) {
  .feature-block .feature-info {
    height: 440px !important
  }
}

.feature-block .feature-info h3 {
  font-size: 12px
}

.mission-page .container {
  padding: 0
}

.mission-page .mission-container {
  padding: 75px 20px 60px;
  max-width: 680px;
  margin: auto
}

@media only screen and (min-width:641px) {
  .mission-page .mission-container {
    padding-top: 85px
  }
}

@media only screen and (min-width:1025px) {
  .mission-page .mission-container {
    padding-top: 115px
  }
}

.mission-page .mission-subhead {
  font-weight: 500
}

.mission-page .bottom-button {
  margin-top: 60px
}

.mission-page .seppy {
  margin: 60px 0;
  position: relative;
  border-bottom: 1px solid #e9eae4
}

.mission-page .seppy .icn {
  color: #369ff4;
  display: block;
  margin: auto;
  background: #fff;
  padding: 0 10px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mission-page .mission-conclusion-image {
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/mission/sahel-medium-up-45a2c19fdee8ffec17efbe899fe4c06f.jpg);
  background-size: cover;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  margin-top: -40%
}

@media only screen and (min-width:1025px) {
  .mission-page .mission-conclusion-image {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/mission/sahel-large-up-0db5ace62a5cfadd23f20ce090045a9a.jpg)
  }
}

.our-approach .project-section {
  padding: 0 15px 60px;
  width: auto
}

.our-approach .project-section.intro-area p {
  max-width: 700px;
  margin: 0 auto
}

.our-approach .project-section h1 {
  font-size: 30px;
  margin-bottom: 10px
}

@media only screen and (min-width:1025px) {
  .our-approach .project-section h1 {
    font-size: 48px;
    margin-bottom: 25px
  }
}

.our-approach .project-section h2 {
  font-size: 35px;
  text-transform: none
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .our-approach .project-section h2 {
    font-size: 25px
  }
}

.our-approach .project-section p {
  font-size: 16px;
  line-height: 26px
}

@media only screen and (min-width:1025px) {
  .our-approach .project-section p {
    font-size: 18px;
    line-height: 30px
  }
}

@media only screen and (min-width:1025px) {
  .our-approach .project-section {
    width: 980px;
    margin: auto;
    padding: 0 0 60px
  }
}

.our-approach .approach-section {
  position: relative
}

.our-approach .approach-section:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 25px;
  margin-left: 0;
  width: 2px;
  height: 100%;
  top: 0;
  background: #fe813a
}

.our-approach .approach-section:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -64px;
  left: 13px;
  margin-left: 0;
  width: 25px;
  height: 66px;
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_approach/end-timeline-drop-6b4399c99fe72e6bce4edf2c283ae6f9.png);
  background-size: cover
}

@media only screen and (min-width:1025px) {
  .our-approach .approach-section:before {
    left: 50%;
    margin-left: -1px
  }

  .our-approach .approach-section:after {
    left: 50%;
    margin-left: -13px
  }
}

.our-approach .timeline-section {
  text-align: left;
  position: relative;
  z-index: 2
}

.our-approach .timeline-section h2 {
  background: #fe813a;
  color: #fff;
  padding: 10px 15px;
  font-size: 18px;
  display: inline-block;
  border-radius: 5px;
  width: 50%
}

@media only screen and (min-width:1025px) {
  .our-approach .timeline-section h2 {
    width: auto
  }
}

@media only screen and (min-width:1025px) {
  .our-approach .timeline-section {
    text-align: center
  }
}

.our-approach .timeline-block-wrapper {
  margin-top: 60px
}

.our-approach .timeline-block {
  background: #f7f7f7;
  margin-bottom: 40px;
  margin-left: 40px;
  border: 1px solid #dfdfd7;
  border-radius: 5px;
  padding: 20px;
  display: inline-block;
  width: auto;
  text-align: left;
  position: relative
}

.our-approach .timeline-block:after {
  content: "";
  display: block;
  background: #f7f7f7;
  border: 1px solid #dfdfd7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.our-approach .timeline-block.left {
  float: none
}

.our-approach .timeline-block.left:after {
  left: -10px;
  right: auto;
  border-right: 0;
  border-top: 0
}

.our-approach .timeline-block.right {
  float: none
}

.our-approach .timeline-block.right:after {
  left: -10px;
  right: auto;
  border-right: 0;
  border-top: 0
}

.our-approach .timeline-block.text-bubble {
  padding: 0
}

.our-approach .timeline-block.text-bubble h3 {
  font-size: 18px;
  text-transform: none;
  background: #f4f5f0;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfd7;
  border-radius: 5px 5px 0 0;
  position: relative
}

.our-approach .timeline-block.text-bubble h3:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  display: block;
  background: #f7f7f7
}

.our-approach .timeline-block.text-bubble p {
  padding: 0 20px 20px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px
}

.our-approach .timeline-block .technology-icons {
  margin: 30px 0
}

.our-approach .timeline-block .technology-icons a {
  font-size: 70px;
  margin: 10px;
  color: #333232;
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
  display: inline-block
}

.our-approach .timeline-block .technology-icons a:hover {
  text-decoration: none;
  color: #369ff4
}

@media medium-up {
  .our-approach .timeline-block .technology-icons a {
    font-size: 80px
  }
}

@media only screen and (min-width:1025px) {
  .our-approach .timeline-block .technology-icons a {
    margin: 0 10px 0 0
  }

  .our-approach .timeline-block .technology-icons a:last-child {
    margin-right: 0
  }
}

@media only screen and (min-width:1025px) {
  .our-approach .timeline-block {
    width: 460px;
    margin-left: 0
  }

  .our-approach .timeline-block.left {
    float: left
  }

  .our-approach .timeline-block.left:after {
    border: 1px solid #dfdfd7;
    border-left: 0;
    border-bottom: 0;
    left: 450px
  }

  .our-approach .timeline-block.right {
    float: right
  }

  .our-approach .timeline-block.right:after {
    border: 1px solid #dfdfd7;
    right: 450px;
    border-right: 0;
    border-top: 0
  }
}

.our-approach .image-grid-one img {
  display: block;
  width: 100%
}

.our-approach .image-grid-one img.apr-img-1 {
  margin-right: 0;
  margin-bottom: 20px;
  width: 100%
}

.our-approach .image-grid-one img.apr-img-2 {
  width: 100%;
  margin-bottom: 20px
}

@media only screen and (min-width:641px) {
  .our-approach .image-grid-one img {
    display: inline-block
  }

  .our-approach .image-grid-one img.apr-img-1 {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 200px
  }

  .our-approach .image-grid-one img.apr-img-2 {
    margin-bottom: 10px;
    width: 200px
  }
}

@media only screen and (min-width:641px) {
  .our-approach .image-grid-one {
    max-width: 460px
  }
}

.our-approach .image-single img {
  display: block;
  margin: auto;
  width: 100%
}

.our-approach .monitoring-evaluating:after,
.our-approach .monitoring-evaluating:before {
  margin-top: auto
}

@media only screen and (min-width:1025px) {

  .our-approach .monitoring-evaluating:after,
  .our-approach .monitoring-evaluating:before {
    margin-top: 65px
  }
}

.our-approach .ensuring-sustainability:after,
.our-approach .ensuring-sustainability:before {
  margin-top: auto
}

@media only screen and (min-width:1025px) {

  .our-approach .ensuring-sustainability:after,
  .our-approach .ensuring-sustainability:before {
    margin-top: 135px
  }
}

.our-work-page .container {
  text-align: center;
  padding-top: 75px;
  padding-bottom: 0
}

@media only screen and (min-width:641px) {
  .our-work-page .container {
    padding-top: 85px
  }
}

@media only screen and (min-width:1025px) {
  .our-work-page .container {
    padding-top: 110px
  }
}

.our-work-page .vex-content .title {
  text-align: center;
  padding: 25px 40px
}

.our-work-page .learn-block {
  background-size: cover;
  padding: 20% 20px;
  position: relative;
  margin-top: 20px;
  color: #fff;
  display: block;
  background-position: 50%
}

@media only screen and (min-width:641px) {
  .our-work-page .learn-block {
    padding: 6% 20px;
    margin-top: 0
  }
}

.our-work-page .learn-block p {
  position: relative;
  z-index: 2;
  max-width: 130px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .our-work-page .learn-block p {
    max-width: none
  }
}

.our-work-page .learn-block:after {
  content: "";
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: background .1s linear;
  transition: background .1s linear
}

.our-work-page .learn-block:hover:after {
  background: rgba(0, 0, 0, .25)
}

.our-work-page .bolder-new-line {
  display: block;
  font-weight: 700;
  margin-top: 5px
}

.our-work-page .subhead {
  margin-left: auto;
  margin-right: auto
}

@-webkit-keyframes fill {
  0% {
    fill: #f94f5e
  }

  25% {
    fill: #ffda48
  }

  50% {
    fill: #a5dce0
  }

  75% {
    fill: #28403f
  }

  to {
    fill: #3fbfbb
  }
}

@keyframes fill {
  0% {
    fill: #f94f5e
  }

  25% {
    fill: #ffda48
  }

  50% {
    fill: #a5dce0
  }

  75% {
    fill: #28403f
  }

  to {
    fill: #3fbfbb
  }
}

.our-work-page .overview .subhead {
  max-width: 620px
}

@media only screen and (min-width:1025px) {
  .our-work-page .overview .subhead {
    max-width: 780px
  }
}

.our-work-page .project-section-links {
  margin-top: 60px
}

.our-work-page .block-approach {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/working-with-tools-9c85394b3fbaa85060db29a035494ebe.jpg)
}

.our-work-page .block-solutions {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/man-working-6074aaad3e319c3fd54b61e53ecbc5d3.jpg)
}

.our-work-page .block-partners {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/man-talking-on-phone-dc0eb06044e67934a9b87feb753ebbb4.jpg)
}

.our-work-page .project-section {
  margin-top: 100px
}

.our-work-page .project-section .subhead {
  max-width: 580px
}

@media only screen and (min-width:1025px) {
  .our-work-page .project-section .subhead {
    max-width: 780px
  }
}

@media only screen and (min-width:641px) {
  .our-work-page .project-section .show-for-medium-up {
    display: inline-block !important
  }
}

.our-work-page .stat-block {
  padding: 20px;
  border-bottom: 1px solid #dfdfd7;
  position: relative
}

.our-work-page .stat-block.fourth-block {
  border-bottom: 0
}

.our-work-page .stat-block .icn {
  position: relative;
  top: 2px
}

@media only screen and (min-width:1025px) {
  .our-work-page .stat-block {
    border-bottom: 0;
    position: relative
  }

  .our-work-page .stat-block:after {
    content: "";
    display: block;
    width: 1px;
    height: 200%;
    background: #dfdfd7;
    position: absolute;
    right: -4.6%;
    top: 0
  }

  .our-work-page .stat-block.fourth-block:after {
    display: none
  }
}

.our-work-page .stats-container {
  background: #f4f5f0;
  border-radius: 4px;
  margin: 60px auto;
  border: 1px solid #dfdfd7;
  overflow: hidden
}

.our-work-page .stat-title {
  margin: 0;
  padding: 0
}

@media only screen and (min-width:1025px) {
  .our-work-page .stat-title {
    font-size: 26px
  }
}

.our-work-page .count-label {
  margin: 5px 0 0;
  padding: 0
}

.our-work-page .map-section {
  margin-top: 100px
}

.our-work-page .map-section .subhead {
  max-width: 690px
}

@media only screen and (min-width:1025px) {
  .our-work-page .map-section .subhead {
    max-width: 880px
  }
}

.our-work-page .countries-map-overlay {
  position: relative;
  overflow: hidden
}

.our-work-page .countries-map {
  position: relative;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/project-map-dfea8fed95e459c679b5a2e6f2d7fc59.png);
  height: 510px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top
}

.our-work-page .marker-overlay {
  height: 321px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 980px;
  white-space: nowrap
}

.our-work-page .info-window {
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
  position: absolute;
  top: 0
}

.our-work-page .info-window:hover {
  text-decoration: none
}

.our-work-page .info-window .dot {
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  width: 20px;
  height: 30px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/map-marker-2-6dd21f7a449efaba3b689e72b66d1ab2.png);
  background-size: 100%;
  display: block;
  position: relative;
  z-index: 100;
  opacity: 0
}

.our-work-page .info-window .country {
  opacity: 0;
  color: #71716c;
  visibility: hidden;
  text-transform: uppercase;
  display: block;
  top: -75px;
  left: -16px;
  padding: 10px 35px 10px 12px;
  min-width: 170px;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f5f0));
  background-image: linear-gradient(#fff, #f4f5f0);
  border-radius: 4px;
  border: 1px solid #dfdfd7;
  position: relative;
  z-index: 200;
  font-size: 12px;
  font-weight: 500
}

.our-work-page .info-window .country:before {
  background: #f4f5f0;
  border: 1px solid #dfdfd7;
  border-top: 0;
  border-left: 0;
  width: 10px;
  height: 10px;
  left: 18px;
  bottom: -6px;
  margin: auto
}

.our-work-page .info-window .country:after,
.our-work-page .info-window .country:before {
  content: "";
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  -webkit-transition: border-color .1s linear;
  transition: border-color .1s linear
}

.our-work-page .info-window .country:after {
  border: 3px solid #dfdfd7;
  border-left: 0;
  border-bottom: 0;
  width: 6px;
  height: 6px;
  top: 15px;
  right: 10px
}

.our-work-page .info-window .country:hover,
.our-work-page .info-window .country:hover:after,
.our-work-page .info-window .country:hover:before {
  border-color: #c1c1ba
}

.our-work-page .info-window .country i {
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 30px;
  height: 18px;
  float: left;
  margin-right: 10px
}

.our-work-page .info-window.mouseover .country {
  opacity: 1;
  visibility: visible;
  top: -83px
}

.our-work-page .info-window.marker-bd {
  left: 767px
}

.our-work-page .info-window.marker-bo {
  left: 267px
}

.our-work-page .info-window.marker-bf {
  left: 487px
}

.our-work-page .info-window.marker-kh {
  left: 830px
}

.our-work-page .info-window.marker-cf {
  left: 543px
}

.our-work-page .info-window.marker-ci {
  left: 466px
}

.our-work-page .info-window.marker-cd {
  left: 561px
}

.our-work-page .info-window.marker-et {
  left: 614px
}

.our-work-page .info-window.marker-gt {
  left: 182px
}

.our-work-page .info-window.marker-ht {
  left: 243px
}

.our-work-page .info-window.marker-hn {
  left: 195px
}

.our-work-page .info-window.marker-in {
  left: 740px
}

.our-work-page .info-window.marker-ke {
  left: 608px
}

.our-work-page .info-window.marker-lr {
  left: 452px
}

.our-work-page .info-window.marker-ml {
  left: 477px
}

.our-work-page .info-window.marker-mw {
  left: 592px
}

.our-work-page .info-window.marker-mz {
  left: 601px
}

.our-work-page .info-window.marker-ne {
  left: 506px
}

.our-work-page .info-window.marker-np {
  left: 747px
}

.our-work-page .info-window.marker-pk {
  left: 704px
}

.our-work-page .info-window.marker-rw {
  left: 590px
}

.our-work-page .info-window.marker-sl {
  left: 441px
}

.our-work-page .info-window.marker-tz {
  left: 602px
}

.our-work-page .info-window.marker-ug {
  left: 594px
}

.our-work-page .info-window.marker-sn {
  left: 430px
}

.our-work-page .info-window.marker-mg {
  left: 635px
}

.our-work-page .info-window.begin-animate .dot {
  opacity: 1
}

.our-work-page .info-window.begin-animate.marker-bd {
  top: 182px
}

.our-work-page .info-window.begin-animate.marker-bo {
  top: 333px
}

.our-work-page .info-window.begin-animate.marker-bf {
  top: 215px
}

.our-work-page .info-window.begin-animate.marker-kh {
  top: 220px
}

.our-work-page .info-window.begin-animate.marker-cf {
  top: 245px
}

.our-work-page .info-window.begin-animate.marker-ci {
  top: 241px
}

.our-work-page .info-window.begin-animate.marker-cd {
  top: 282px
}

.our-work-page .info-window.begin-animate.marker-et {
  top: 237px
}

.our-work-page .info-window.begin-animate.marker-gt {
  top: 211px
}

.our-work-page .info-window.begin-animate.marker-ht {
  top: 193px
}

.our-work-page .info-window.begin-animate.marker-hn {
  top: 212px
}

.our-work-page .info-window.begin-animate.marker-in {
  top: 195px
}

.our-work-page .info-window.begin-animate.marker-ke {
  top: 268px
}

.our-work-page .info-window.begin-animate.marker-lr {
  top: 245px
}

.our-work-page .info-window.begin-animate.marker-ml {
  top: 197px
}

.our-work-page .info-window.begin-animate.marker-mw {
  top: 314px
}

.our-work-page .info-window.begin-animate.marker-mz {
  top: 330px
}

.our-work-page .info-window.begin-animate.marker-ne {
  top: 207px
}

.our-work-page .info-window.begin-animate.marker-np {
  top: 166px
}

.our-work-page .info-window.begin-animate.marker-pk {
  top: 161px
}

.our-work-page .info-window.begin-animate.marker-rw {
  top: 272px
}

.our-work-page .info-window.begin-animate.marker-sl {
  top: 236px
}

.our-work-page .info-window.begin-animate.marker-tz {
  top: 294px
}

.our-work-page .info-window.begin-animate.marker-ug {
  top: 263px
}

.our-work-page .info-window.begin-animate.marker-sn {
  top: 210px
}

.our-work-page .info-window.begin-animate.marker-mg {
  top: 340px
}

.our-work-page [class*=" icon-"] {
  background-repeat: no-repeat
}

.our-work-page .icon-bd {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/bd-85e6d89a452bb1f942a48e3bd3c4fee2.png)
}

.our-work-page .icon-bf {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/bf-d461f745d3545f601164a2e98242220a.png)
}

.our-work-page .icon-bo {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/bo-f01e939e830eac5b99b7435037f66e96.png)
}

.our-work-page .icon-cd {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/cd-39476825d6c68fa9f5021945b261698a.png)
}

.our-work-page .icon-cf {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/cf-c1c23e8778866cf6a612a761166a2bfc.png)
}

.our-work-page .icon-ci {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ci-611d0f82ae3ff8173bc6d62ba743e788.png)
}

.our-work-page .icon-et {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/et-bf52457ad48d7d7ea7ee61fedb0595d8.png)
}

.our-work-page .icon-gt {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/gt-db9cee17ed89769ee93bdf92a3130f83.png)
}

.our-work-page .icon-hn {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/hn-5b665ea52318e2481707dd315915a1bf.png)
}

.our-work-page .icon-ht {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ht-619a53e6d82daced87b27bf0363b8b6d.png)
}

.our-work-page .icon-in {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/in-d8f850c79e4e9d3b28db5b044410524a.png)
}

.our-work-page .icon-ir {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ir-6cf4e0ff9f3953d20d79c10bdba6b0be.png)
}

.our-work-page .icon-ke {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ke-5e34efd995a38fd6b1037e6841cd04be.png)
}

.our-work-page .icon-kh {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/kh-9805613dc9a4730ca6e8d78e7c33363f.png)
}

.our-work-page .icon-lr {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/lr-b2d0344ae83cbdebf6f956c7c943cb7e.png)
}

.our-work-page .icon-mw {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/mw-808f022d19e994dcdef9313dbcd1829f.png)
}

.our-work-page .icon-np {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/np-db3522f17b70064fe86cfe55207a0172.png)
}

.our-work-page .icon-mz {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/mz-377364f880db7b348902de21d2f4da85.png)
}

.our-work-page .icon-pk {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/pk-24b0ef6d191e35c60dd6b3ff571f7524.png)
}

.our-work-page .icon-rw {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/rw-856041cbc035e0824e69153803bcd209.png)
}

.our-work-page .icon-sl {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/sl-c4b35c023cfe2e9e9ca369b3832047cd.png)
}

.our-work-page .icon-tz {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/tz-686a4875b165d587e67333e302690da1.png)
}

.our-work-page .icon-ug {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ug-f95c9da349f398d8ceb06b55c2dbc3d9.png)
}

.our-work-page .icon-ml {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ml-9bbe660829841390354b3922f8bd98e7.png)
}

.our-work-page .icon-ne {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/ne-0f02798cd107382f046e77aff3646018.png)
}

.our-work-page .icon-sn {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/sn-fe64d2c6a46d8ed194106d973a54e7d1.png)
}

.our-work-page .icon-mg {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/countries/mg-4ae89678aa19fa1394e0ccc6233225cd.png)
}

.our-work-page .static-project-map {
  margin: 60px 0;
  display: block
}

@media only screen and (min-width:1025px) {
  .our-work-page .static-project-map {
    display: none
  }
}

.our-work-page .countries-map-overlay {
  display: none
}

@media only screen and (min-width:1025px) {
  .our-work-page .countries-map-overlay {
    display: block;
    margin-top: 60px;
    margin-bottom: 60px
  }
}

.our-work-page .meet-people {
  margin-top: 100px
}

.our-work-page .meet-people .subhead {
  max-width: 730px
}

.our-work-page .field-stories {
  margin: 60px auto
}

.our-work-page .pipeline {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dff8f2));
  background-image: linear-gradient(#fff, #dff8f2);
  margin: 100px -20px 0;
  padding: 0 20px 20px;
  position: relative
}

.our-work-page .pipeline .subhead {
  max-width: 720px
}

@media only screen and (min-width:1025px) {
  .our-work-page .pipeline .subhead {
    max-width: 870px
  }
}

.our-work-page .conclusion-image {
  display: block;
  margin: 0 -20px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/bottom-fade-1-11f3078a04ee49c2234f8250b50b3a7f.jpg);
  background-size: cover;
  padding-bottom: 75%;
  background-position: bottom
}

@media only screen and (min-width:641px) {
  .our-work-page .conclusion-image {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/our_work/bottom-fade-1-medium-up-a1d41ed51984b1148010829bd54b47d9.jpg);
    padding-bottom: 52%
  }
}

.privacy-page .privacy-wrapper h2 {
  margin-top: 30px
}

.privacy-page .privacy-wrapper p {
  line-height: 1.75;
  color: #71716c
}

.privacy-page .privacy-wrapper .icn {
  color: #369ff4;
  display: block;
  margin: auto;
  background: #fff;
  padding: 0 10px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.scott-harrison-story .video-box {
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 62%
}

.scott-harrison-story .thirst-wrapper:before {
  content: "";
  display: inline-block;
  width: 230px;
  height: 230px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/scott_harrison_story/thirst-footer-mobile-ac11f76989c4572df65202a807d92db9.jpg);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  flex-shrink: 0;
  align-self: center
}

@media only screen and (min-width:641px) {
  .scott-harrison-story .thirst-wrapper:before {
    width: 270px;
    height: 260px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/scott_harrison_story/thirst-footer-cb5a6c030b6c8b91ca6f1ef621076de2.jpg);
    align-self: flex-end
  }
}

@media only screen and (max-width:641px) {
  .scott-harrison-story .video-box {
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 62%
  }
}

.page-sensors .strategy {
  background-size: cover;
  background-position: 50%;
  min-height: 400px
}

.page-sensors .communities .image_1 {
  background-size: cover
}

.page-sensors .chart-wrapper {
  top: 84px;
  margin-right: 120px;
  margin-left: -20px
}

.page-sensors .chart-wrapper .P1:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: red;
  display: block
}

.page-sensors .chart-wrapper .demo-tooltip {
  width: 145px;
  left: 335px;
  top: 50px;
  z-index: 2;
  padding: 10px;
  background-color: rgba(51, 50, 50, .8);
  font-size: 12px;
  color: #fff;
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.page-sensors .chart-wrapper .demo-tooltip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid rgba(51, 50, 50, .8);
  position: absolute;
  left: -7px;
  top: 28px
}

.page-sensors .chart-wrapper .test-hero svg {
  position: absolute
}

.page-sensors .chart-wrapper .scene-10:after {
  display: none
}

@media only screen and (min-width:641px) {
  .page-sensors .chart-wrapper .scene-10:after {
    content: "";
    width: 370px;
    height: 2px;
    background-color: #d1e7ee;
    display: block;
    position: absolute;
    top: 313.6px;
    left: -370px
  }
}

.page-sensors .chart-wrapper .test-hero .graph-lines .path {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}

.page-sensors .chart-wrapper .test-hero .graph-lines .path.grown {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .path {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}

.page-sensors .chart-wrapper .test-hero .graph-lines .path.one {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:first-child {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(3) {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(4) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(5) {
  -webkit-transition-delay: .25s;
  transition-delay: .25s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(6) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(7) {
  -webkit-transition-delay: .35s;
  transition-delay: .35s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(8) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(9) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(10) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(11) {
  -webkit-transition-delay: .55s;
  transition-delay: .55s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(12) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(13) {
  -webkit-transition-delay: .65s;
  transition-delay: .65s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .draw:nth-child(14) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .draw {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:first-child {
  -webkit-transition-delay: 10ms;
  transition-delay: 10ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(2) {
  -webkit-transition-delay: 20ms;
  transition-delay: 20ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(3) {
  -webkit-transition-delay: 30ms;
  transition-delay: 30ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(4) {
  -webkit-transition-delay: 40ms;
  transition-delay: 40ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(5) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(6) {
  -webkit-transition-delay: 60ms;
  transition-delay: 60ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(7) {
  -webkit-transition-delay: 70ms;
  transition-delay: 70ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(8) {
  -webkit-transition-delay: 80ms;
  transition-delay: 80ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(9) {
  -webkit-transition-delay: 90ms;
  transition-delay: 90ms
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(10) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(11) {
  -webkit-transition-delay: .11s;
  transition-delay: .11s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(12) {
  -webkit-transition-delay: .12s;
  transition-delay: .12s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(13) {
  -webkit-transition-delay: .13s;
  transition-delay: .13s
}

.page-sensors .chart-wrapper .test-hero .graph-lines .circle:nth-child(14) {
  -webkit-transition-delay: .14s;
  transition-delay: .14s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle {
  opacity: .75
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:first-child {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(2) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(3) {
  -webkit-transition-delay: .45s;
  transition-delay: .45s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(4) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(5) {
  -webkit-transition-delay: .75s;
  transition-delay: .75s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(6) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(7) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(8) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(9) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(10) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(11) {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(12) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(13) {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s
}

.page-sensors .chart-wrapper .test-hero .graph-lines.grown .circle:nth-child(14) {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}

.page-sensors .actionable-data-cont .tab-wrap {
  position: relative;
  background: #000;
  margin: 0 auto;
  padding: 20px 20px 0;
  border-radius: 10px 10px 0 0
}

.page-sensors .actionable-data-cont .tab-wrap .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: calc(50% - 3px);
  top: 8px;
  border: 1px solid grey;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.page-sensors .actionable-data-cont .tab-wrap .tab {
  background: #f5f5f5;
  color: #333232;
  padding: 1em 0;
  overflow: scroll;
  height: 100%;
  max-height: 320px;
  border: 1px solid #dfdfd7;
  border-bottom: 0
}

.page-sensors .actionable-data-cont .stats {
  background: #fff;
  padding: 1.5em 1em;
  border-top: 1px solid #dfdfd7;
  border-bottom: 1px solid #dfdfd7
}

.page-sensors .actionable-data-cont .report-bar {
  width: 80%
}

.page-sensors .actionable-data-cont .pie-container {
  position: relative;
  float: left;
  height: 100px;
  width: 100px;
  border-radius: 50%
}

.page-sensors .actionable-data-cont .pie-container:after {
  content: "";
  position: absolute;
  top: 15%;
  left: 15%;
  z-index: 50;
  width: 70%;
  height: 70%;
  color: #fff;
  background-color: #fff;
  border-radius: 50%
}

.page-sensors .actionable-data-cont .pie-container .pie-label {
  z-index: 60
}

.page-sensors .actionable-data-cont .pie-legend li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 10px 0 20px;
  border-radius: 1px
}

.page-sensors .actionable-data-cont .pie-legend li.new:before {
  background-color: #a5e1ba
}

.page-sensors .actionable-data-cont .pie-legend li.extended:before {
  background-color: #59c77f
}

.page-sensors .actionable-data-cont .pie-legend li.prolonged:before {
  background-color: #7fd49c
}

.page-sensors .actionable-data-cont .pie {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0, 50px, 100px, 0);
  border-radius: 50%
}

.page-sensors .actionable-data-cont .pie.new {
  z-index: 10;
  background-color: #a5e1ba;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg)
}

.page-sensors .actionable-data-cont .pie.prolonged {
  z-index: 20;
  background-color: #7fd49c;
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg)
}

.page-sensors .actionable-data-cont .pie.extended {
  z-index: 30;
  background-color: #59c77f;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}

.page-sensors .product-roadmap li .product-header {
  position: relative;
  cursor: pointer
}

.page-sensors .product-roadmap li .product-header:before {
  content: " ";
  font-family: cw-icons;
  position: absolute;
  left: -15px;
  background-color: #f4f5f0;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  border: 1px solid #dfdfd7
}

.page-sensors .product-roadmap li .product-header:after {
  content: "\e626";
  font-family: cw-icons;
  position: absolute;
  right: 20px;
  top: 30px;
  color: #369ff4
}

.page-sensors .product-roadmap li .product-details {
  display: none
}

.page-sensors .product-roadmap li.active .product-header {
  background-color: #f7f7f7
}

.page-sensors .product-roadmap li.active .product-header:after {
  content: "\e627"
}

.page-sensors .product-roadmap li.active .product-details {
  display: block
}

.page-sensors .product-roadmap li.delivered .product-header:before {
  content: "\2713";
  font-family: cw-icons;
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  background-color: #59c77f;
  border-color: #59c77f
}

.page-sensors .wrap {
  text-align: center;
  padding: 0;
  position: relative
}

.page-sensors .part {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative
}

.page-sensors .part.top-o-ring {
  width: 300px;
  height: 100px;
  margin: 0 auto -60px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/top-o-ring-06134682276e13d9f0478c9431269692.png);
  z-index: 9
}

.page-sensors .part.bolts {
  margin: 0 auto -80px;
  position: relative
}

.page-sensors .part.bolts:before {
  margin: 0 auto;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/bolts-bg-ac0ad51c01d2b2af593979a0b16e0132.png);
  z-index: -10
}

.page-sensors .part.bolts:after,
.page-sensors .part.bolts:before {
  content: "";
  display: block;
  width: 300px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.page-sensors .part.bolts:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/bolts-fg-15327b31739b96969405954eb928f739.png);
  z-index: 10;
  margin: -100px auto 0
}

.page-sensors .part.nut-plate {
  width: 300px;
  height: 100px;
  margin: 0 auto -80px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/nut-plate-fa77b5446c6a444f7c22114d991e5525.png);
  z-index: 8
}

.page-sensors .part.top-housing {
  width: 300px;
  height: 135px;
  margin: 0 auto -80px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/top-housing-ee83be22e266fc16b38bc39471bbe86b.png);
  z-index: 7
}

.page-sensors .part.middle-o-ring {
  width: 300px;
  height: 135px;
  margin: 0 auto;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/middle-o-ring-5a2970c39180429c65a36c131077683d.png);
  z-index: 5
}

.page-sensors .part.pcb-battery {
  width: 300px;
  height: 135px;
  margin: -90px auto 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/pcb-battery-bef8a675c2f7a87d571c1ae09220225e.png);
  z-index: 3
}

.page-sensors .part.bottom-o-ring {
  width: 300px;
  height: 135px;
  margin: -80px auto 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/bottom-o-ring-fbb654dc8df73929c68b0be0dbfcb638.png);
  z-index: 4
}

.page-sensors .part.bottom-housing {
  width: 300px;
  height: 199px;
  margin: -90px auto 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/bottom-housing-caee3020e6169e3299c0a86c1e2287e4.png);
  z-index: 2
}

.page-sensors .part.screws {
  width: 300px;
  height: 135px;
  margin: -90px auto 0;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/screws-4dd1f80f00297ac35e13bc8fd8e47e8e.png);
  z-index: 1
}

.page-sensors .full-bg-section {
  background-size: cover;
  height: auto;
  background-position: top
}

.page-sensors .full-bg-section:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/sensors-bg-2-9c8fb3f43f225d20281ab509f2a21653.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 350px;
  width: 100%;
  display: block
}

@media only screen and (min-width:1025px) {
  .page-sensors .full-bg-section {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/sensors-bg-2-9c8fb3f43f225d20281ab509f2a21653.png);
    background-size: cover;
    height: 800px;
    background-position: top
  }

  .page-sensors .full-bg-section:after {
    display: none
  }
}

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

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

.page-sensors .logos img {
  max-width: 150px;
  max-height: 100px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .8
}

.page-sensors .cta {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/sensors/_sensor-footer-53746140f5c57045d592b0a8976f9469.jpg);
  background-size: cover;
  background-position: 50%
}

.staff-page .staff-header p {
  margin: auto;
  max-width: 170px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .staff-page .staff-member {
    margin: auto;
    max-width: 580px
  }
}

.staff-page .staff-member h2 {
  display: inline-block
}

.staff-page .staff-member p {
  margin: 10px 0
}

.staff-page .staff-image {
  border-radius: 4px
}

@media only screen and (min-width:1025px) {
  .staff-page .staff-image {
    max-width: 468px
  }
}

.staff-page .badge-cw-blue {
  vertical-align: middle
}

.page-the-pool .text-pool-headline {
  font-family: kazimir, sans-serif
}

.page-the-pool .bg-pool-white {
  background-color: #f5f2e0
}

.page-the-pool .bg-pool-blush {
  background-color: #e8c7b8
}

.page-the-pool .border-pool-white {
  border-color: #f5f2e0
}

.page-the-pool .border-pool-blush {
  border-color: #e8c7b8
}

.page-the-pool .border-pool-green {
  border-color: #8f9133
}

.page-the-pool .border-pool-orange {
  border-color: #c24f21
}

.page-the-pool .mark-after:after,
.page-the-pool .mark-aside:after,
.page-the-pool .mark-before:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute
}

.page-the-pool .mark-aside:after {
  top: -26px;
  right: -50px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-mark-orange-ff1b1035e1ad9524f06d694e94ddf804.svg)
}

.page-the-pool .mark-before:before {
  top: -50px;
  left: -25px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-mark-white-23a22f0899246a0a28cce19d903261dc.svg)
}

.page-the-pool .mark-after:after {
  bottom: -50px;
  left: -25px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-mark-blush-8cd7f8b266884100b3e74382dbd4a141.svg)
}

.page-the-pool .hero {
  min-height: 550px;
  background-position: bottom
}

.page-the-pool .hero .pool-logo {
  opacity: 0;
  -webkit-transition: all .75s ease-out .5s;
  transition: all .75s ease-out .5s
}

.page-the-pool .coda {
  min-height: 600px;
  background-size: cover;
  background-position: 50%
}

.page-the-pool .member-wrapper {
  opacity: 0;
  margin-bottom: -20px;
  -webkit-transition: all .5s;
  transition: all .5s
}

.page-the-pool .member-wrapper:after,
.page-the-pool .member-wrapper:before {
  content: "";
  margin: auto
}

.page-the-pool .member-logo {
  width: 110px;
  height: 110px;
  background-color: #fff;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 50%
}

.page-the-pool .member-img {
  width: 50px;
  height: 50px;
  right: -8px;
  bottom: -5px
}

.page-the-pool .image-separator {
  background-size: cover;
  background-position: 50%;
  min-height: 400px;
  max-width: 1100px
}

.page-the-pool .image-aside {
  height: 400px;
  background-size: cover;
  background-position: 50%
}

.page-the-pool .about-rule {
  right: 280px;
  top: 50px
}

.page-the-pool .logos img {
  opacity: 0;
  margin-bottom: -20px;
  -webkit-transition: all .5s;
  transition: all .5s
}

.page-the-pool .pool-icon {
  width: 100px;
  height: 100px;
  position: relative;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 50%;
  border-radius: 50%
}

.page-the-pool .pool-icon .inner {
  width: 90px;
  height: 90px;
  border-radius: 50%
}

.page-the-pool .pool-icon.donate {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-dollar-icon-b95c70f747cddf6d4a2415e80dd71b06.svg);
  box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
}

.page-the-pool .pool-icon.donate.animate {
  -webkit-animation: border .5s ease 1 forwards;
  animation: border .5s ease 1 forwards
}

.page-the-pool .pool-icon.donate .inner {
  border: 1px solid #1c2b40
}

.page-the-pool .pool-icon.liquidity {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-dollar-icon-b95c70f747cddf6d4a2415e80dd71b06.svg);
  border: 1px solid #214a4f;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0
}

.page-the-pool .pool-icon.liquidity:nth-child(2) {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-dollar-icon-yellow-5b7d777672eba63f3fd447f24a5e0059.svg);
  border-color: #ffca0a;
  margin-top: -20px
}

.page-the-pool .pool-icon.liquidity .inner {
  border: 1px solid #214a4f
}

.page-the-pool .pool-icon.opex {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-opex-icon-c73bf092bc8ace22a8b1233304c34ccf.svg);
  background-size: 65%;
  box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
}

.page-the-pool .pool-icon.opex.animate {
  -webkit-animation: borderTeal .5s ease 1 forwards;
  animation: borderTeal .5s ease 1 forwards
}

.page-the-pool .pool-icon.opex .inner {
  border: 1px solid #214a4f
}

.page-the-pool .pool-icon.employee {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-employee-icon-4db4eb1128364bcd176e0d7c70cde979.svg);
  background-size: 78%;
  box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
}

.page-the-pool .pool-icon.employee.animate {
  -webkit-animation: borderYellow .5s ease 1 forwards;
  animation: borderYellow .5s ease 1 forwards
}

.page-the-pool .pool-icon.employee .inner {
  border: 1px solid #ffca0a
}

.page-the-pool .pool-icon.payday {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/the_pool/pool-dollar-icon-green-8766f8c617d7f2801ecdb6d564081239.svg);
  box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
}

.page-the-pool .pool-icon.payday.animate {
  -webkit-animation: borderGreen .5s ease 1 forwards;
  animation: borderGreen .5s ease 1 forwards
}

.page-the-pool .pool-icon.payday .inner {
  border: 1px solid #8f9133
}

.page-the-pool .svg-container {
  width: 60%;
  max-width: 500px
}

.page-the-pool .dashed {
  stroke-dasharray: 10
}

.page-the-pool .path {
  opacity: 0
}

.page-the-pool .path.animate {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  opacity: 1;
  -webkit-animation: dash 3s linear forwards;
  animation: dash 3s linear forwards
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000
  }

  to {
    stroke-dashoffset: 0
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000
  }

  to {
    stroke-dashoffset: 0
  }
}

@-webkit-keyframes border {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  to {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 100px 40px 0 1px #fff, 0 0 0 1px #1c2b40
  }
}

@keyframes border {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #1c2b40
  }

  to {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 100px 40px 0 1px #fff, 0 0 0 1px #1c2b40
  }
}

@-webkit-keyframes borderTeal {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  to {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 100px 40px 0 1px #fff, 0 0 0 1px #214a4f
  }
}

@keyframes borderTeal {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #214a4f
  }

  to {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 100px 40px 0 1px #fff, 0 0 0 1px #214a4f
  }
}

@-webkit-keyframes borderYellow {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  to {
    box-shadow: 0 -105px 0 1px hsla(0, 0%, 100%, 0), -105px 0 0 1px hsla(0, 0%, 100%, 0), 0 105px 0 1px hsla(0, 0%, 100%, 0), 100px 40px 0 1px hsla(0, 0%, 100%, 0), 0 0 0 1px #ffca0a
  }
}

@keyframes borderYellow {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #ffca0a
  }

  to {
    box-shadow: 0 -105px 0 1px hsla(0, 0%, 100%, 0), -105px 0 0 1px hsla(0, 0%, 100%, 0), 0 105px 0 1px hsla(0, 0%, 100%, 0), 100px 40px 0 1px hsla(0, 0%, 100%, 0), 0 0 0 1px #ffca0a
  }
}

@-webkit-keyframes borderGreen {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  to {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 100px 40px 0 1px #fff, 0 0 0 1px #8f9133
  }
}

@keyframes borderGreen {
  0% {
    box-shadow: 50px -50px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  25% {
    box-shadow: 0 -105px 0 1px #fff, -50px -50px 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  50% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, -50px 50px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  75% {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 50px 50px 0 1px #fff, 0 0 0 1px #8f9133
  }

  to {
    box-shadow: 0 -105px 0 1px #fff, -105px 0 0 1px #fff, 0 105px 0 1px #fff, 100px 40px 0 1px #fff, 0 0 0 1px #8f9133
  }
}

.volunteer-page .volunteer-hero {
  padding: 70px 20px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/volunteer/hero-635ffff5b5f96ab9fc36090880e1f126.jpg);
  background-size: cover;
  background-position: 50%;
  color: #fff;
  position: relative
}

.volunteer-page .volunteer-hero p {
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .volunteer-page .volunteer-hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/volunteer/hero-medium-up-1a54904959d7223e41ebea342e98ee5a.jpg);
    padding-top: 85px;
    padding-bottom: 85px
  }
}

@media only screen and (min-width:1025px) {
  .volunteer-page .volunteer-hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/volunteer/hero-large-up-a2ef0d4064067f8242f1fc8deb4ad3c7.jpg);
    padding-top: 110px;
    padding-bottom: 110px
  }
}

.volunteer-page .volunteer-cta-wrapper {
  padding: 30px 20px 0;
  margin-bottom: 30px
}

@media only screen and (min-width:641px) {
  .volunteer-page .volunteer-cta-wrapper {
    display: -webkit-box;
    display: flex;
    padding-top: 60px;
    margin-bottom: 60px;
    padding-top: 100px;
    margin-bottom: 100px
  }
}

.volunteer-page .volunteer-cta {
  text-align: center;
  margin-bottom: 60px
}

.volunteer-page .volunteer-cta p {
  margin-bottom: 30px
}

@media only screen and (min-width:641px) {
  .volunteer-page .volunteer-cta p {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (min-width:641px) {
  .volunteer-page .volunteer-cta {
    flex: 1 1;
    padding: 0 10px;
    margin-bottom: 0
  }
}

.volunteer-page .timecounts-button {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/volunteer/timecounts-8ca8ec70bdbeb774fc2b3968864bfbbe.png);
  width: 200px;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #5397ce
}

.volunteer-page .timecounts-button:hover {
  background-color: #7bafd9
}

.volunteer-page .facebook-button {
  line-height: 48px;
  font-size: 20px;
  width: 200px;
  background: #3b5998
}

.volunteer-page .facebook-button:hover {
  background-color: #4c70ba
}

.volunteer-page .volunteer-conclusion {
  text-align: center;
  padding: 60px 20px;
  background: #f4f5f0
}

.page-whywater {
  line-height: 1.35;
  background: #fff
}

.page-whywater .container {
  padding: 0
}

.page-whywater .inner-content {
  max-width: 990px;
  margin: auto;
  padding: 0 20px;
  position: relative
}

.page-whywater .source-modal h4 {
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  padding-bottom: 10px
}

.page-whywater .source-modal ol {
  margin: 0
}

.page-whywater .source-number {
  position: relative;
  font-size: .5em;
  top: -1em
}

.page-whywater .contains-stat {
  color: inherit;
  font-size: inherit
}

.page-whywater .hero {
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #a8d7c8;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/hero-medium-cc19d79a7e1c6bcd57dc597e741c22e2.jpg);
  background-size: cover;
  background-position: -160px bottom;
  background-repeat: no-repeat;
  height: 400px
}

@media only screen and (min-width:641px) {
  .page-whywater .hero {
    background-position: bottom
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .hero {
    height: 500px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/hero-large-27870530f60dba9eb6f828d938dda6f1.jpg)
  }

  .no-touch .page-whywater .hero {
    height: 470px
  }
}

@media only screen and (min-width:1441px) {
  .no-touch .page-whywater .hero {
    height: 570px
  }
}

.page-whywater .hero .text {
  padding: 75px 20px 0
}

@media only screen and (min-width:641px) {
  .page-whywater .hero .text {
    padding: 0;
    position: absolute;
    top: 85px;
    left: 20px;
    right: 20px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .hero .text {
    top: 110px
  }
}

.page-whywater .hero h1 {
  max-width: 610px;
  margin: auto;
  font-size: 24px
}

@media only screen and (min-width:641px) {
  .page-whywater .hero h1 {
    font-size: 28px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .hero h1 {
    max-width: 760px;
    font-size: 36px
  }
}

.page-whywater .hero .button {
  margin-top: 5px;
  position: relative
}

.page-whywater .hero .button.play-video .icn,
.page-whywater .hero .button.play-video .video-text {
  vertical-align: middle
}

.page-whywater .hero .button.play-video .icn {
  margin-right: 10px;
  display: inline-block
}

.page-whywater .hero-video {
  display: none
}

@media only screen and (min-width:1025px) {
  .page-whywater .hero-video {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    display: block;
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 50%
  }
}

.page-whywater .video-popup {
  -webkit-transition: background 1s linear;
  transition: background 1s linear;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  z-index: -1
}

.page-whywater .video-box {
  width: 85vw;
  height: 47.8125vw;
  max-height: 84.375vh;
  max-width: 150vh;
  margin: auto;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  padding-bottom: 0
}

.page-whywater .close-video,
.page-whywater .video-box {
  -webkit-transition: opacity .5s linear 1s;
  transition: opacity .5s linear 1s;
  position: absolute;
  opacity: 0
}

.page-whywater .close-video {
  color: #fff;
  font-size: 30px;
  top: 20px;
  right: 20px
}

@media only screen and (min-width:641px) {
  .page-whywater .close-video {
    right: 30px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .close-video {
    right: 40px
  }
}

.page-whywater .additional-popup {
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  opacity: 0;
  z-index: -1;
  padding: 50px 30px;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  color: #fff;
  border-radius: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center
}

@media only screen and (min-width:641px) {
  .page-whywater .additional-popup {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 420px
  }
}

.page-whywater .additional-popup p {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px
}

@media only screen and (min-width:641px) {
  .page-whywater .additional-popup p {
    max-width: none
  }
}

.page-whywater .additional-popup a {
  display: table;
  margin: auto
}

.page-whywater .triggered .additional-popup {
  opacity: 1;
  z-index: 1
}

.page-whywater .hero-video-active .wrapper {
  -webkit-transform: none;
  transform: none
}

.page-whywater .hero-video-active .close-video,
.page-whywater .hero-video-active .video-box {
  opacity: 1
}

.page-whywater .hero-video-active .video-popup {
  opacity: 1;
  z-index: 100000;
  background: #000
}

.page-whywater .sub-intro {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebead6), to(#a8b9b5));
  background-image: linear-gradient(#ebead6, #a8b9b5);
  text-align: center;
  padding-top: 60px
}

@media only screen and (min-width:1025px) {
  .no-touch .page-whywater .sub-intro {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeddc), to(#a8b9b5));
    background-image: linear-gradient(#eeeddc, #a8b9b5)
  }
}

@media only screen and (min-width:641px) {
  .page-whywater .sub-intro p {
    display: block;
    max-width: 660px;
    margin: 20px auto 0
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .sub-intro p {
    max-width: 820px
  }
}

.page-whywater .sub-intro p:nth-child(2) {
  margin-bottom: 0;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .page-whywater .sub-intro p:nth-child(2) {
    max-width: none
  }
}

.page-whywater .sub-intro-header {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/brush-stroke-mobile-60082415c2854a41a567b44ff24333cd.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 0 20px;
  width: 100%;
  height: 138px;
  position: relative
}

@media only screen and (min-width:641px) {
  .page-whywater .sub-intro-header {
    width: 440px;
    height: 76px;
    padding: 0;
    margin: auto;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/brush-saturn-5a8595e0d8f85155761f87bf3d8ef574.png)
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .sub-intro-header {
    width: 568px;
    height: 87px
  }
}

.page-whywater .sub-intro-header h2 {
  padding-top: 30px;
  max-width: 270px;
  margin: auto
}

@media only screen and (min-width:641px) {
  .page-whywater .sub-intro-header h2 {
    padding-top: 7px;
    max-width: 370px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .sub-intro-header h2 {
    max-width: 510px;
    padding-top: 0
  }
}

.page-whywater .sub-intro-fade-out {
  display: block;
  background-color: #ebead6;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/water-crisis-medium-4278643f8c09249146317a2f85e3446f.jpg);
  width: 100%;
  height: 0;
  padding-bottom: 38%;
  background-size: cover;
  background-position: top
}

@media only screen and (min-width:641px) {
  .page-whywater .sub-intro-fade-out {
    padding-bottom: 39%
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .sub-intro-fade-out {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/water-crisis-large-048145ec31eeb4be77749ea35680b6d3.jpg)
  }
}

.page-whywater .life {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9a77e), to(#c3e0dc));
  background-image: linear-gradient(#c9a77e, #c3e0dc);
  padding: 40px 20px 0;
  position: relative
}

.page-whywater .life-header {
  margin: auto;
  text-align: center
}

@media only screen and (min-width:641px) {
  .page-whywater .life-header {
    padding-top: 26px;
    height: 87px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/brush-pluto-8637ceac60d5b8c31532f4cc3e5d5ba7.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .life-header {
    padding-top: 19px
  }
}

@media only screen and (min-width:641px) {
  .page-whywater .life-content {
    position: relative;
    max-width: 590px;
    margin: auto
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .life-content {
    max-width: none;
    margin-bottom: 100px
  }
}

.page-whywater .life-block {
  text-align: center;
  max-width: 450px
}

@media only screen and (max-width:641px) {
  .page-whywater .life-block {
    margin: 50px auto 0
  }
}

@media only screen and (min-width:641px) {
  .page-whywater .life-block {
    padding-left: 45px;
    text-align: left;
    max-width: none;
    margin-top: 50px
  }
}

.page-whywater .life-block p {
  font-style: italic
}

.page-whywater .life-block h3 {
  position: relative;
  text-transform: uppercase;
  font-weight: 700
}

.page-whywater .life-block h3:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto 25px
}

@media only screen and (min-width:641px) {
  .page-whywater .life-block h3:before {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -6px;
    left: -45px;
    width: 35px;
    height: 35px
  }
}

.page-whywater h4 {
  line-height: 1.2em
}

.page-whywater .health h3:before {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/health-icon-03cb4c6371b21630ff70fa8b4c5aa4e6.png)
}

.page-whywater .time h3:before {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/time-icon-979497c478852f5c2d0a788758ce6bb2.png)
}

@media only screen and (min-width:1025px) {
  .page-whywater .time h4 {
    max-width: 390px
  }
}

.page-whywater .education h3:before {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/education-icon-70749d3fb9b96885e1f467398eb39fe0.png)
}

@media only screen and (min-width:1025px) {
  .page-whywater .education h4 {
    max-width: 360px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .education p {
    max-width: 400px
  }
}

.page-whywater .women-empowerment h3:before {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/women-empowerment-icon-d7fb9660e8664f57c30cee9613bf5b64.png)
}

.page-whywater .women-empowerment .button {
  background-color: #ffca12
}

.page-whywater .women-empowerment .button:hover {
  background-color: #ffd545
}

.page-whywater .life-secondary-content {
  position: relative;
  padding-top: 95px;
  margin: 60px auto 0;
  text-align: center;
  max-width: 690px
}

.page-whywater .life-secondary-content p {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .page-whywater .life-secondary-content {
    padding-top: 0
  }
}

.page-whywater .life-secondary-content:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/mobile-sep-81f9ce837767cd6e3631b2a77b028959.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  left: 20px;
  right: 20px;
  top: 0;
  height: 30px
}

@media only screen and (min-width:641px) {
  .page-whywater .life-secondary-content:before {
    display: none
  }
}

@media only screen and (min-width:641px) {
  .page-whywater .life-secondary-content h2 {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/brush-mars-cec3617ae7bd18a8baf716974ea51ca2.png);
    height: 85px
  }
}

.page-whywater .life-fade-out {
  display: block;
  background-color: #c3e0dc;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/why-water-kid-medium-daae8821b26771410111a89c26b13518.jpg);
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  background-size: cover;
  background-position: top
}

@media only screen and (min-width:1025px) {
  .page-whywater .life-fade-out {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/why-water-kid-large-e2352485c29d16e3bd28d2c3614bb084.jpg)
  }
}

.page-whywater .life-button-link {
  margin-bottom: 0;
  margin-top: 30px
}

.page-whywater .life-button-link a.button.button--cw-teal.button--small {
  font-size: 13px
}

.page-whywater .economic-return {
  text-align: center;
  margin-top: 60px;
  padding: 0;
  position: relative
}

@media only screen and (min-width:1025px) {
  .page-whywater .economic-return {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/india-economy-large-4b81a0f33424c9cdef5a0fed540451e3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -60px;
    height: 0;
    padding: 0 0 60%
  }
}

.page-whywater .economic-return:after {
  content: "";
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/india-economy-small-ea611fde2c35e2d4d9bf8b70534d1050.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 0;
  padding-bottom: 100%
}

@media only screen and (min-width:641px) {
  .page-whywater .economic-return:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/india-economy-large-4b81a0f33424c9cdef5a0fed540451e3.jpg);
    padding-bottom: 67.35%
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .economic-return:after {
    display: none
  }
}

.page-whywater .economic-return .inner-content {
  position: relative;
  margin-bottom: -70px
}

@media only screen and (min-width:1025px) {
  .page-whywater .economic-return .inner-content {
    margin-bottom: 0
  }
}

.page-whywater .economic-return .inside-content h2,
.page-whywater .economic-return .inside-content p {
  max-width: 500px;
  margin: auto
}

.page-whywater .economic-return .inside-content p {
  margin: 20px auto;
  font-weight: 500
}

.page-whywater .economic-return .inside-content .button {
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, .8);
  color: #333232
}

.page-whywater .economic-return .inside-content .button:hover {
  border-color: rgba(0, 0, 0, .4);
  color: #000
}

@media only screen and (min-width:1025px) {
  .page-whywater .economic-return {
    color: #333232;
    text-align: left;
    margin-top: 0
  }

  .page-whywater .economic-return .inner-content {
    height: 700px
  }

  .page-whywater .economic-return .inside-content {
    position: absolute;
    top: 180px
  }

  .page-whywater .economic-return .inside-content h2 {
    margin: 0;
    line-height: 1.25
  }

  .page-whywater .economic-return .inside-content .button {
    color: #333232;
    border-color: rgba(0, 0, 0, .8)
  }
}

.page-whywater .stories {
  width: 100%;
  margin: 0
}

.page-whywater .stories h2 {
  max-width: 670px;
  margin: 60px auto;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .page-whywater .stories h2 {
    max-width: 870px
  }
}

.page-whywater .slides .health {
  background-color: #fa575d
}

.page-whywater .slides .time {
  background-color: #8ed4cc
}

.page-whywater .slides .education {
  background-color: #9ed989
}

.page-whywater .slides .women-empowerment {
  background-color: #b58fb4
}

@media only screen and (min-width:1025px) {
  .page-whywater .slides .health .background-wrapper:before {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/hadjara-b8daf8ac71642f3e33eb0ed493274be2.jpg)
  }

  .page-whywater .slides .time .background-wrapper:before {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/umu-ef206e4c7475642727722ea60279216f.jpg)
  }

  .page-whywater .slides .education .background-wrapper:before {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/natalia-16cb3aafa698999a36f471b54814170f.jpg)
  }

  .page-whywater .slides .women-empowerment .background-wrapper:before {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/devison-a32250925908976500d1f27382edad2f.jpg)
  }
}

.page-whywater .slide {
  color: #fff;
  text-align: center;
  padding: 40px 0 30px;
  height: 450px
}

@media only screen and (min-width:641px) {
  .page-whywater .slide {
    height: 600px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .slide {
    text-align: left;
    padding: 0;
    height: 400px
  }

  .page-whywater .slide .background-wrapper {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
  }

  .page-whywater .slide .background-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: -20px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
  }
}

.page-whywater .slide p {
  margin: 0 auto;
  padding: 0;
  max-width: 440px
}

@media only screen and (min-width:1025px) {
  .page-whywater .slide p {
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 20px
  }
}

.page-whywater .slide img {
  display: block;
  margin: 25px auto 30px;
  max-width: 350px;
  width: 100%
}

@media only screen and (min-width:641px) {
  .page-whywater .slide img {
    max-width: 560px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .inside-slide {
    width: 100%;
    max-width: 980px;
    margin: auto;
    display: table;
    height: 100%;
    position: relative
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .slide-content {
    display: table-cell;
    vertical-align: middle
  }

  .page-whywater .slide-content img {
    display: none
  }
}

.page-whywater .story-nav {
  text-align: center;
  position: relative;
  margin-bottom: 10px
}

@media only screen and (min-width:1025px) {
  .page-whywater .story-nav {
    margin-right: 90px;
    margin-bottom: 0
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover;
  position: relative;
  color: #333232;
  letter-spacing: normal;
  line-height: normal;
  background-color: transparent;
  opacity: 1;
  margin: 0 15px
}

.page-whywater .story-nav span.swiper-pagination-bullet:before {
  -webkit-transition: color .15s linear;
  transition: color .15s linear;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  top: 50px;
  position: relative
}

@media only screen and (min-width:1025px) {
  .page-whywater .story-nav span.swiper-pagination-bullet:before {
    position: absolute;
    font-size: 14px;
    left: 100%;
    top: 15px
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet:first-child {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/health-icon-03cb4c6371b21630ff70fa8b4c5aa4e6.png)
}

@media only screen and (min-width:641px) {
  .page-whywater .story-nav span.swiper-pagination-bullet:first-child:before {
    content: "Health"
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet:nth-child(2) {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/time-icon-979497c478852f5c2d0a788758ce6bb2.png)
}

@media only screen and (min-width:641px) {
  .page-whywater .story-nav span.swiper-pagination-bullet:nth-child(2):before {
    content: "Time"
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet:nth-child(3) {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/education-icon-70749d3fb9b96885e1f467398eb39fe0.png)
}

@media only screen and (min-width:641px) {
  .page-whywater .story-nav span.swiper-pagination-bullet:nth-child(3):before {
    content: "Education"
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet:nth-child(4) {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/women-empowerment-icon-d7fb9660e8664f57c30cee9613bf5b64.png)
}

@media only screen and (min-width:641px) {
  .page-whywater .story-nav span.swiper-pagination-bullet:nth-child(4):before {
    content: "Women"
  }
}

@media only screen and (min-width:641px) {
  .page-whywater .story-nav span.swiper-pagination-bullet {
    margin: 0 35px;
    width: 80px;
    height: 80px;
    background-size: 50px;
    background-position: top;
    background-repeat: no-repeat
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .story-nav span.swiper-pagination-bullet {
    margin: 0 75px
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: 1;
  top: 45px
}

@media only screen and (min-width:641px) {
  .page-whywater .story-nav span.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    top: 79px
  }
}

@media only screen and (min-width:1025px) {
  .page-whywater .story-nav span.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    top: 75px
  }
}

.page-whywater .story-nav span.swiper-pagination-bullet:after {
  bottom: -30px;
  content: "\e626";
  font-family: cw-icons;
  position: absolute;
  left: 50%;
  margin-left: -14px;
  color: #fff;
  font-size: 50px;
  -webkit-transition: bottom .5s cubic-bezier(.77, 0, .175, 1);
  transition: bottom .5s cubic-bezier(.77, 0, .175, 1);
  opacity: 0;
  z-index: 2
}

.page-whywater .tri-cta {
  text-align: center;
  padding: 60px 0 0
}

.page-whywater .tri-cta button {
  background: none;
  height: auto;
  line-height: normal;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal
}

.page-whywater .tri-cta p {
  margin-bottom: 60px
}

.page-whywater .tri-cta .tri-cta-block {
  display: block;
  margin: 20px auto 0;
  width: 250px;
  height: 320px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  color: #fff;
  position: relative
}

.page-whywater .tri-cta .tri-cta-block:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
  content: "";
  display: block;
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}

.page-whywater .tri-cta .tri-cta-block:hover .button {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.page-whywater .tri-cta .tri-cta-block .box-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10
}

.page-whywater .tri-cta .tri-cta-block a {
  color: #fff
}

.page-whywater .tri-cta .tri-cta-block label {
  display: none
}

@media only screen and (min-width:1025px) {
  .page-whywater .tri-cta .tri-cta-block {
    display: inline-block;
    margin: 0 10px
  }
}

.page-whywater .tri-cta .cta-overlay {
  z-index: 2;
  position: absolute;
  bottom: 35px;
  left: 20px;
  right: 20px
}

.page-whywater .tri-cta .cta-overlay .button {
  -webkit-transition: all .25s cubic-bezier(.77, 0, .175, 1);
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  margin: 10px auto 0;
  display: table
}

.page-whywater .tri-cta .cta-line-1 {
  font-size: 19px;
  display: block;
  margin-bottom: 20px
}

.page-whywater .tri-cta .tri-cta-1 {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/cta-2-5c22991180e0c3b9e536d34c591fbb55.jpg)
}

.page-whywater .tri-cta .tri-cta-2 {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/cta-1-b5ddc64e415b5dfbe1a2ec192864cbda.jpg)
}

.page-whywater .tri-cta .tri-cta-3 {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/whywater/cta-3-2b25e835980243fabd0779e4cbd557c1.jpg)
}

.page-whywater .tri-cta-header h2 {
  max-width: 230px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .page-whywater .tri-cta-header h2 {
    max-width: none
  }
}

.page-whywater .tri-cta-header p {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .page-whywater .tri-cta-header p {
    max-width: none
  }
}

.page-whywater .tri-cta-mobile-label {
  display: none
}

.page-whywater .touch .tri-cta-mobile-label {
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 60px
}

.page-whywater .touch .tri-cta-1 .tri-cta-mobile-label {
  background: #fe813a
}

.page-whywater .touch .tri-cta-2 .tri-cta-mobile-label {
  background: #8ed4cc
}

.page-whywater .touch .tri-cta-3 .tri-cta-mobile-label {
  background: #369ff4
}

.page-whywater .touch .tri-cta-block {
  -webkit-transition: all .25s cubic-bezier(.77, 0, .175, 1);
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 60px;
  margin: auto;
  display: block
}

.page-whywater .touch .tri-cta-block a {
  visibility: hidden
}

.page-whywater .touch .tri-cta-block label {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3
}

.page-whywater .touch .tri-cta-block:before {
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
  opacity: 0
}

@media only screen and (min-width:1025px) {
  .page-whywater .touch .tri-cta-block {
    display: block;
    margin: 0 auto
  }
}

.page-whywater .touch .cta-overlay {
  -webkit-transition: opacity .15s linear .15s;
  transition: opacity .15s linear .15s;
  opacity: 0
}

.monthly-subscription.toggle-buttons {
  position: absolute;
  left: 0;
  right: 0;
  top: -60px
}

.monthly-subscription.toggle-buttons a {
  width: 50%;
  text-align: center;
  border: 1px solid #369ff4;
  background: transparent;
  color: #369ff4;
  -webkit-transition: all .1s;
  transition: all .1s
}

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

.monthly-subscription.toggle-buttons a:hover {
  background-color: transparent
}

.the-spring-series .badge {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 4px 14px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #1ba9e0;
  color: #fff;
  clear: left;
  float: left;
  margin: 6px 0 10px
}

.the-spring-series .badge i {
  margin-right: 5px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .badge {
    clear: none;
    margin-left: 20px
  }
}

.the-spring-series .hero .video {
  align-items: center
}

.the-spring-series .video {
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: flex
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video {
    align-items: flex-start
  }
}

.the-spring-series .video.authenticated .unauthenticated,
.the-spring-series .video.published .unpublished,
.the-spring-series .video.unauthenticated .authenticated,
.the-spring-series .video.unpublished .published {
  display: none
}

.the-spring-series .video.active {
  cursor: auto
}

.the-spring-series .video.active .centered-overlay {
  display: none
}

.the-spring-series .video.active .poster {
  border: 5px solid #1ba9e0
}

.the-spring-series .video.active .poster:after {
  display: none
}

.the-spring-series .video .poster {
  flex-shrink: 0;
  position: relative;
  width: 20%;
  min-width: 115px
}

.the-spring-series .video .poster .centered-overlay {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.the-spring-series .video .poster:hover:after {
  opacity: .2
}

.the-spring-series .video .poster:after {
  background-color: #000;
  content: "";
  height: 100.1%;
  opacity: .4;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .125s linear;
  transition: opacity .125s linear;
  width: 100%;
  z-index: 1
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video .poster {
    width: auto
  }
}

.the-spring-series .video .poster img {
  display: block;
  position: relative;
  width: 100%;
  max-width: 227px;
  z-index: 0
}

.the-spring-series .video .poster span {
  color: #fff;
  z-index: 2
}

.the-spring-series .video .poster span.badge {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
  margin-top: 5px;
  padding-left: 8px;
  padding-right: 11px;
  position: absolute;
  top: 0
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video .poster span.badge {
    margin-top: 16px
  }
}

.the-spring-series .video .poster span.badge.grey {
  background-color: #9b9b94
}

.the-spring-series .video .poster span.cw-icon-play {
  font-size: 15px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video .poster span.cw-icon-play {
    font-size: 25px
  }
}

.the-spring-series .video .poster span.coming-soon {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  white-space: nowrap
}

.the-spring-series .video .poster span.coming-soon .coming {
  display: none
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video .poster span.coming-soon .coming {
    display: inline
  }
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video .poster span.coming-soon {
    font-size: 13px;
    letter-spacing: 1.62px
  }
}

.the-spring-series .video .info {
  margin-left: 20px
}

.the-spring-series .video .info h3 {
  margin: 5px 0 0
}

.the-spring-series .video .info p {
  margin: 0
}

.the-spring-series .video .availability {
  margin-left: .35em;
  color: #9b9b94
}

.the-spring-series .hero {
  background-color: #9b9b94;
  background-size: cover;
  background-position: bottom
}

.the-spring-series .hero .content {
  color: #fff;
  margin: auto;
  max-width: 980px;
  padding: 160px 20px 40px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .hero .content {
    padding: 270px 0 80px
  }
}

.the-spring-series .hero .content a {
  color: #fff;
  text-decoration: underline
}

.the-spring-series .hero .content h1 {
  float: left;
  clear: left
}

.the-spring-series .hero .content p {
  max-width: 543px;
  clear: left
}

@media only screen and (min-width:1025px) {
  .the-spring-series .hero .content .video {
    margin-top: 40px
  }

  .the-spring-series .hero .content .video p.p30 {
    margin-bottom: 5px
  }
}

.the-spring-series .hero .content .journey-badge {
  border-radius: 0 4px 4px 0;
  border: 2px solid #fff;
  border-left: 0;
  display: inline-block;
  float: left;
  font-size: .8em;
  margin-bottom: 10px;
  margin-left: 2.5em;
  padding: .75em .7em .75em 1.75em;
  position: relative
}

.the-spring-series .hero .content .journey-badge .icn-journey {
  font-size: 3.7em;
  left: -.68em;
  position: absolute;
  top: -.18em
}

.the-spring-series .hero .content .journey-badge .text {
  letter-spacing: 1px;
  text-transform: uppercase
}

.the-spring-series .spring-series-player {
  color: #fff;
  background-color: #333232
}

.the-spring-series .spring-series-player .content {
  padding-top: 70px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .spring-series-player .content {
    margin: auto;
    width: 980px
  }
}

.the-spring-series .spring-series-player .video-container {
  background-color: #000;
  cursor: pointer;
  height: 56.25vw;
  position: relative;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .the-spring-series .spring-series-player .video-container {
    width: 980px;
    height: 551.25px
  }
}

.the-spring-series .spring-series-player .video-container .next-video-cta {
  display: none
}

@media only screen and (min-width:1025px) {
  .the-spring-series .spring-series-player .video-container .next-video-cta {
    background-color: rgba(0, 0, 0, .6);
    bottom: 48px;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    height: 130px;
    margin-right: 10px;
    max-width: 400px;
    position: absolute;
    right: 0;
    z-index: 100
  }

  .the-spring-series .spring-series-player .video-container .next-video-cta .thumbnail {
    padding: 20px
  }

  .the-spring-series .spring-series-player .video-container .next-video-cta .thumbnail img {
    height: auto;
    width: 160px
  }

  .the-spring-series .spring-series-player .video-container .next-video-cta .details {
    padding: 20px 20px 20px 0
  }

  .the-spring-series .spring-series-player .video-container .next-video-cta .details h1 {
    text-transform: uppercase
  }

  .the-spring-series .spring-series-player .video-container .next-video-cta .details h1 .icn {
    display: inline-block;
    position: relative;
    top: 2px
  }
}

.the-spring-series .spring-series-player .video-container .join-the-spring-cta {
  display: none
}

@media only screen and (min-width:1025px) {
  .the-spring-series .spring-series-player .video-container .join-the-spring-cta {
    background-color: #fff;
    color: #000;
    cursor: default;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
    padding: 0 235px
  }

  .the-spring-series .spring-series-player .video-container .join-the-spring-cta .spring-logo {
    height: 120px;
    width: 120px;
    background-size: 120px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/spring-logo-def4799db418a6b0890fa8fc6545b40f.png);
    background-repeat: no-repeat;
    margin: 0 auto 20px
  }

  .the-spring-series .spring-series-player .video-container .join-the-spring-cta .button {
    background-color: #1ba9e0;
    margin: 0 auto 16px
  }

  .the-spring-series .spring-series-player .video-container .join-the-spring-cta .sign-in {
    color: #9d9d9d;
    margin: 0 auto;
    text-decoration: underline
  }
}

.the-spring-series .spring-series-player .info {
  padding: 20px;
  margin-top: -5px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .spring-series-player .info {
    padding: 29.75px 0 40px
  }
}

.the-spring-series .spring-series-player .info p {
  margin: 0
}

.the-spring-series .spring-series-player .info p.title {
  float: left
}

.the-spring-series .spring-series-player .info div.description {
  clear: left;
  margin-top: 10px
}

.the-spring-series .spring-series-player .info .share {
  float: right
}

.the-spring-series .spring-series-player .info .share a {
  color: #fff
}

.the-spring-series .spring-series-player .info .share a:first-child {
  margin-right: 14px
}

.the-spring-series .unauthenticated-user-section {
  background-color: #f4f5f0;
  border-bottom: 1px solid #dfdfd7;
  padding: 30px 20px
}

.the-spring-series .unauthenticated-user-section .content {
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .the-spring-series .unauthenticated-user-section .content {
    flex-direction: row;
    align-items: center
  }
}

@media only screen and (min-width:1025px) {
  .the-spring-series .unauthenticated-user-section .content {
    width: 980px;
    margin: auto
  }
}

.the-spring-series .unauthenticated-user-section .content .buttons {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  text-align: center
}

@media only screen and (min-width:641px) {
  .the-spring-series .unauthenticated-user-section .content .buttons {
    margin-left: auto
  }
}

.the-spring-series .unauthenticated-user-section .content .buttons a {
  text-align: center;
  white-space: nowrap;
  width: 100%
}

@media only screen and (min-width:641px) {
  .the-spring-series .unauthenticated-user-section .content .buttons a {
    width: auto
  }
}

.the-spring-series .unauthenticated-user-section .content .buttons a.button {
  background-color: #1ba9e0
}

.the-spring-series .unauthenticated-user-section .content .buttons a.text-link {
  color: #9b9b94;
  text-decoration: underline;
  margin-top: 16px
}

@media only screen and (min-width:641px) {
  .the-spring-series .unauthenticated-user-section .text {
    max-width: 574px;
    margin-right: 20px
  }
}

.the-spring-series .unauthenticated-user-section img {
  height: 45px;
  width: 44.36px;
  margin-bottom: 10px
}

@media only screen and (min-width:641px) {
  .the-spring-series .unauthenticated-user-section img {
    height: 70px;
    width: 69px;
    margin-right: 20px
  }
}

.the-spring-series .long-description {
  position: relative
}

.the-spring-series .long-description .text {
  padding: 50px 40px 40px;
  margin: auto;
  max-width: 543px;
  text-align: center
}

@media only screen and (min-width:1025px) {
  .the-spring-series .long-description .text {
    padding: 80px 0 55px
  }
}

.the-spring-series .long-description .text img {
  display: block;
  max-width: 480px;
  margin: 0 auto 1.5em;
  width: 84%
}

.the-spring-series .video-section p.header {
  margin-left: 20px;
  margin-bottom: 10px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video-section p.header {
    margin-left: 0
  }
}

.the-spring-series .video-section.episode-list {
  border-top: 1px solid #dfdfd7
}

.the-spring-series .video-section .videos {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: -20px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video-section .videos {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -12px;
    width: 1050px
  }
}

.the-spring-series .video-section .videos .video {
  padding: 20px 20px 0
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video-section .videos .video {
    align-items: left;
    flex-direction: column;
    padding: 0;
    margin: 12px;
    width: 227px
  }
}

@media only screen and (min-width:1025px) {
  .the-spring-series .video-section .videos .video .info {
    margin-left: 0;
    margin-top: 10px
  }
}

.the-spring-series .modal .the-spring-logo {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/icons/spring-logo-def4799db418a6b0890fa8fc6545b40f.png);
  height: 160px;
  margin: 0 auto 40px;
  width: 160px
}

.the-spring-series .modal .button {
  background: #1ba9e0
}

.the-spring-series .modal .login {
  color: #c1c1ba;
  text-decoration: underline;
  display: block;
  margin-top: 20px
}

.the-spring-series .featured-season-episodes .featured-season-poster {
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .the-spring-series .featured-season-episodes .featured-season-poster {
    margin: 0 12px 0 0;
    padding: 0;
    width: 478px;
    float: left
  }
}

@media only screen and (min-width:1025px) {
  .the-spring-series .featured-season-episodes .videos {
    width: 490px;
    margin-left: 12px;
    margin-top: 0
  }

  .the-spring-series .featured-season-episodes .videos .video {
    width: 227px;
    margin: 0 12px;
    padding-top: 0
  }

  .the-spring-series .featured-season-episodes .videos .video:nth-child(2n) {
    margin-right: 0
  }
}

.text-center-on-small {
  text-align: center
}

@media only screen and (min-width:641px) {
  .text-center-on-small {
    text-align: left
  }
}

.thirst-page .cookie-banner.show-for-mobile-only {
  top: 0 !important;
  bottom: auto !important
}

.thirst-page .hero {
  background-color: #fff
}

@media only screen and (min-width:641px) {
  .thirst-page .hero {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #ffca0a));
    background: linear-gradient(90deg, #fff 50%, #ffca0a 0);
    background-position: 40%;
    background-size: contain
  }
}

@media only screen and (min-width:1025px) {
  .thirst-page .hero {
    align-items: baseline
  }
}

.thirst-page .hero:after {
  height: auto;
  padding-bottom: 75%;
  background-size: 100%;
  background-position: top
}

.thirst-page .hero .hero-book {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/mobile-thirst-book-stacks-ea3979b88a52b314121c7db67af1baad.jpg);
  background-size: 172%;
  background-repeat: no-repeat;
  background-position: 26% top;
  width: 100%;
  padding-bottom: 108%
}

@media only screen and (min-width:641px) {
  .thirst-page .hero .hero-book {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-book-stacks-19aa76cc5e3aac5e7d99104d617304e7.jpg);
    background-size: 100%;
    background-position: top;
    height: 47vw;
    max-height: 480px;
    padding-bottom: 0
  }
}

@media only screen and (min-width:1025px) {
  .thirst-page .hero .row {
    text-align: left
  }
}

.thirst-page .hero h2 {
  margin: auto;
  max-width: 50%;
  min-width: 280px
}

.thirst-page .hero .availability {
  font-size: 12px;
  padding: 5px 15px;
  border-radius: 1rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto
}

.thirst-page .hero form input.error {
  margin-bottom: 0 !important
}

.thirst-page .hero .toggled-form {
  display: none
}

.thirst-page .hero .toggled-form form {
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .side-by-side .side .inner {
    padding: 0
  }
}

.thirst-page .publishers {
  border: 1px solid #dfdfd7;
  background-color: #f7f7f7
}

.thirst-page .publishers .inner {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media only screen and (min-width:1025px) {
  .thirst-page .publishers .inner {
    flex-direction: row;
    justify-content: center;
    max-width: 915px;
    margin: auto
  }
}

.thirst-page .publishers .inner a {
  margin-bottom: 40px;
  opacity: 1;
  -webkit-transition: all .25s;
  transition: all .25s
}

.thirst-page .publishers .inner a:hover {
  opacity: .6;
  -webkit-transition: all .25s;
  transition: all .25s
}

.thirst-page .form-section .divider {
  margin-top: 30px;
  margin-bottom: 30px
}

@media only screen and (min-width:641px) {
  .thirst-page .form-section .divider {
    margin-left: 0
  }
}

@media only screen and (min-width:1025px) {
  .thirst-page .form-section .form-side {
    max-width: 420px
  }
}

.thirst-page .form-section .mailing-list-sign-up-button {
  height: 48px;
  line-height: 48px;
  background-color: #ffc907;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.thirst-page .form-section .mailing-list-sign-up-button.button--small {
  height: 32px;
  line-height: 32px
}

.thirst-page .form-section .mailing-list-sign-up-button.button--large {
  height: 64px;
  line-height: 64px
}

.thirst-page .form-section .mailing-list-sign-up-button.disabled,
.thirst-page .form-section .mailing-list-sign-up-button:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.thirst-page .form-section .mailing-list-sign-up-button:focus,
.thirst-page .form-section .mailing-list-sign-up-button:hover {
  background-color: #ffd644
}

.thirst-page .divider {
  border-top: 2px solid #ffc907;
  width: 100px;
  margin: 10px auto
}

@media only screen and (min-width:1025px) {
  .thirst-page .divider {
    margin-left: 0
  }
}

.thirst-page .bulk-inquiries .inner,
.thirst-page .speaker-request .inner {
  margin: auto
}

@media only screen and (min-width:1025px) {

  .thirst-page .bulk-inquiries,
  .thirst-page .speaker-request {
    height: 323px
  }
}

.thirst-page .bulk-inquiries {
  align-items: flex-start;
  background-color: #f4f6f5;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0
}

@media only screen and (min-width:1025px) {
  .thirst-page .bulk-inquiries {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-book-stack-desktop-83d8489ccf83c117c543ab99a71d1271.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.thirst-page .bulk-inquiries:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-book-stack-mobile-c64ed2fb4d36c199ff3d0f08155201d3.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .bulk-inquiries:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-book-stack-mobile-c64ed2fb4d36c199ff3d0f08155201d3.png);
    display: none
  }
}

.thirst-page .bulk-inquiries .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .bulk-inquiries .row {
    padding: 120px 0
  }
}

.thirst-page .bulk-inquiries .row:after {
  clear: both;
  content: "";
  display: table
}

@media only screen and (min-width:1025px) {
  .thirst-page .bulk-inquiries {
    background-position: calc(100% - 350px);
    background-size: contain
  }

  .thirst-page .bulk-inquiries .inner {
    margin-right: 100px;
    width: 266px
  }
}

.thirst-page .speaker-request {
  align-items: flex-start;
  background-color: #000;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  color: #fff
}

@media only screen and (min-width:1025px) {
  .thirst-page .speaker-request {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-scott-speaking-bg-806f22d80a28642b371090b59f47655a.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.thirst-page .speaker-request:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-scott-speaking-bg-806f22d80a28642b371090b59f47655a.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .speaker-request:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-scott-speaking-bg-806f22d80a28642b371090b59f47655a.jpg);
    display: none
  }
}

.thirst-page .speaker-request .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .speaker-request .row {
    padding: 120px 0
  }
}

.thirst-page .speaker-request .row:after {
  clear: both;
  content: "";
  display: table
}

@media only screen and (min-width:1025px) {
  .thirst-page .speaker-request .inner {
    margin-left: 100px;
    width: 226px
  }
}

.thirst-page .bio {
  align-items: flex-start;
  background-color: #d1eaee;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  margin-top: 0
}

@media only screen and (min-width:1025px) {
  .thirst-page .bio {
    align-items: center;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-scott-bg-desktop-806544585ced894f94b1c09e51611227.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row
  }
}

.thirst-page .bio:after {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-scott-bg-mobile-5159d818134e13b10bc227ef41130bd8.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 300px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .bio:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/static-pages/thirst/thirst-scott-bg-mobile-5159d818134e13b10bc227ef41130bd8.jpg);
    display: none
  }
}

.thirst-page .bio .row {
  padding: 120px 30px 0;
  text-align: center;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .thirst-page .bio .row {
    padding: 120px 0
  }
}

.thirst-page .bio .row:after {
  clear: both;
  content: "";
  display: table
}

.thirst-page .bio p {
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .thirst-page .bio {
    height: 500px
  }

  .thirst-page .bio .inner {
    width: 980px;
    margin: 40px auto auto
  }

  .thirst-page .bio p {
    padding: 0;
    width: 430px
  }
}

.page-uk-about.uk-page-template .container {
  padding: 0;
  background: transparent
}

.page-uk-about.uk-page-template .container .hero {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/about/hero-mobile-3ee8e19c249d3f7ad3b92eee6122de46.jpg);
  background-position: 50%;
  min-height: 549px;
  background-size: cover;
  padding-top: 98px
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/about/hero-desktop-2c8c0babfd8552fc47b0e5048b60c222.jpg);
    padding-top: 180px;
    padding-bottom: 95px;
    max-height: 1000px
  }
}

.page-uk-about.uk-page-template .container .hero .header {
  max-width: 980px;
  margin: 0 auto
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-uk-about.uk-page-template .container .hero .header {
    margin: 0;
    padding: 0 20px
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .hero .header {
    padding: 0
  }
}

.page-uk-about.uk-page-template .container .hero .header .text {
  position: relative;
  color: #fff;
  text-align: center;
  width: 81%;
  margin: 0 auto
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .hero .header .text {
    margin: 0;
    width: 100%
  }
}

.page-uk-about.uk-page-template .container .hero .header .text h1 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px
}

.page-uk-about.uk-page-template .container .hero .header .text p {
  font-weight: 500;
  line-height: 34px
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .hero .header .text {
    max-width: 490px;
    text-align: left
  }
}

.page-uk-about.uk-page-template .container .sub-intro {
  text-align: center
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-header {
  margin: 20px 20px 0
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-header h1 {
  width: 60%;
  margin: 50px auto 20px
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .sub-intro .sub-intro-header h1 {
    margin: 50px 0 20px;
    width: 100%
  }
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-header p {
  width: 86%;
  margin: 0 auto 20px
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-header a {
  color: #333232
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-header a i {
  vertical-align: middle;
  margin-right: 5px
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .sub-intro .sub-intro-header {
    max-width: 800px;
    margin: 20px auto
  }
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-img {
  width: 100%;
  padding-top: 20px;
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center
}

.page-uk-about.uk-page-template .container .sub-intro .sub-intro-img img {
  width: 120%;
  max-width: 760px;
  margin-left: -15%;
  margin-right: 0;
  background-color: transparent
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .sub-intro .sub-intro-img img {
    margin-left: -10%;
    margin-right: -10%
  }
}

.page-uk-about.uk-page-template .container .about-org {
  border-bottom: 1px solid #dfdfd7
}

.page-uk-about.uk-page-template .container .about-org img {
  max-width: 200px
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .about-org img {
    height: 150px
  }
}

.page-uk-about.uk-page-template .container .about-org p {
  max-width: 300px
}

.page-uk-about.uk-page-template .container .bg-line {
  display: none
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .bg-line {
    display: block;
    position: absolute;
    width: 100vw;
    margin-top: -11px;
    background: #5097d1;
    height: 1px;
    z-index: -1
  }
}

.page-uk-about.uk-page-template .container .cw-people {
  max-width: 980px;
  margin: 25px 20px
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people {
    margin: 30px auto
  }
}

.page-uk-about.uk-page-template .container .cw-people .additional-staff {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border-bottom: 1px solid #dfdfd7
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .additional-staff {
    flex-direction: row;
    justify-content: space-between
  }
}

.page-uk-about.uk-page-template .container .cw-people .cw-person {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person {
    padding: 0
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person {
    padding: 30px 0
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person.scott {
    flex-direction: row;
    padding-top: 0;
    border-bottom: 1px solid #dfdfd7;
    justify-content: space-between
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person.scott .text {
    padding: 0 15px
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person.scott .image {
    margin-bottom: 0
  }
}

@media only screen and (min-width:1025px) {

  .page-uk-about.uk-page-template .container .cw-people .cw-person .image,
  .page-uk-about.uk-page-template .container .cw-people .cw-person .text {
    width: 480px
  }
}

.page-uk-about.uk-page-template .container .cw-people .cw-person .image {
  margin-bottom: 20px
}

.page-uk-about.uk-page-template .container .cw-people .cw-person .image img {
  border-radius: 4px;
  width: 100%
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person .image img {
    width: auto
  }
}

.page-uk-about.uk-page-template .container .cw-people .cw-person .text {
  text-align: left;
  padding: 0
}

.page-uk-about.uk-page-template .container .cw-people .cw-person .text .name {
  margin: 0 0 10px;
  font-weight: 500
}

.page-uk-about.uk-page-template .container .cw-people .cw-person .text .description {
  margin-bottom: 30px
}

@media only screen and (min-width:1025px) {
  .page-uk-about.uk-page-template .container .cw-people .cw-person .text .description {
    margin-bottom: 0
  }
}

.page-uk-about.uk-page-template .container .cw-people .cw-person .text .description .twitter-link {
  margin-top: 10px;
  display: inline-block
}

.page-uk-about.uk-page-template .container .cw-people .trustees {
  text-align: left;
  border-top: 1px solid #dfdfd7
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .cw-people .trustees {
    border: 0
  }
}

.page-uk-about.uk-page-template .container .cw-people .trustees .trustee {
  margin: 30px 0
}

@media only screen and (min-width:641px) {
  .page-uk-about.uk-page-template .container .cw-people .trustees .trustee {
    margin: 30px 0
  }
}

.page-uk-about.uk-page-template .container .cw-people .trustees .trustee .name {
  margin: 0 0 5px;
  font-weight: 500
}

.page-uk-about.uk-page-template .container .cw-people .trustees .trustee .title {
  color: #369ff4;
  text-transform: uppercase;
  margin: 0 0 5px;
  font-weight: 500;
  letter-spacing: .6px
}

.page-uk-about.uk-page-template .container .cw-people .trustees .trustee .description {
  margin: 0
}

@media only screen and (max-width:641px) {
  .page-uk-about.uk-page-template footer.text-footer.footer-border {
    padding-top: 0
  }
}

@media only screen and (max-width:641px) {
  .page-uk-about.uk-page-template footer.text-footer.footer-border .cw-footer-bottom-row {
    margin-top: 20px
  }
}

@media only screen and (max-width:641px) {
  .page-uk-about.uk-page-template footer.text-footer.footer-border .cw-footer-bottom-row .footer-nav {
    padding-left: 0
  }

  .page-uk-about.uk-page-template footer.text-footer.footer-border .cw-footer-bottom-row .footer-nav .about {
    margin-top: 0
  }
}

.uk-page-template.page-campaign-home .donate-hero .disclaimer {
  margin: 30px auto;
  max-width: 270px;
  font-size: 14px;
  display: block;
  color: #71716c
}

@media only screen and (min-width:1025px) {
  .uk-page-template.page-campaign-home .donate-hero .disclaimer {
    color: #9b9b94;
    display: inline-block;
    max-width: 225px;
    line-height: 20px;
    margin: 10px 0 5px 20px;
    vertical-align: bottom
  }
}

.uk-page-template.page-campaign-home .home-wps {
  padding: 60px 20px 0;
  margin-top: 0;
  background-color: #fafafa
}

@media only screen and (min-width:1025px) {
  .uk-page-template.page-campaign-home .home-wps {
    padding: 0
  }
}

@media only screen and (min-width:1025px) {
  .uk-page-template.page-campaign-home .home-wps:after {
    top: 0;
    left: 0;
    background-position: left -125px;
    margin-top: 0;
    padding-bottom: 45%
  }
}

@media only screen and (min-width:1025px) {
  .uk-page-template.page-campaign-home .home-wps .wps-content-block {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    top: 100px
  }
}

.uk-page-template.page-campaign-home .mailing-list-and-info:after {
  content: ""
}

.uk-page-template.page-campaign-home .mailing-list-and-info form .button {
  width: 100%
}

@media only screen and (min-width:641px) {
  .uk-page-template.page-campaign-home .mailing-list-and-info form .button {
    width: 275px
  }
}

.uk-page-template.page-campaign-home .mailing-list-and-info .email-policy {
  margin: auto;
  padding-top: 10px;
  color: #9d7d0c
}

@media only screen and (min-width:641px) {
  .uk-page-template.page-campaign-home .mailing-list-and-info .email-policy {
    width: 75%
  }
}

@media only screen and (min-width:1025px) {
  .uk-page-template.page-campaign-home .mailing-list-and-info .email-policy {
    width: 50%
  }
}

.uk-page-template.page-campaign-home .mailing-list-and-info .email-policy a {
  color: #9d7d0c;
  text-decoration: underline
}

.uk-page-template.page-campaign-home #modal-wrapper img {
  width: 100%;
  height: 150px;
  -webkit-transform: scale(.65);
  transform: scale(.65)
}

.uk-page-template.page-campaign-home #modal-wrapper h3 {
  text-align: center;
  color: #369ff4
}

.page-uk-partnerships.uk-page-template .container {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  background-color: transparent
}

.page-uk-partnerships.uk-page-template .partnerships-intro {
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .partnerships-intro {
    max-width: 620px
  }
}

.page-uk-partnerships.uk-page-template .separation {
  margin: 60px auto 0;
  position: relative;
  max-width: 980px
}

.page-uk-partnerships.uk-page-template .separation .icn {
  background: #fff;
  padding: 20px;
  color: #369ff4
}

.page-uk-partnerships.uk-page-template .separation:before {
  width: 100%;
  height: 1px;
  background: #e9eae4;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: -1
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .separation {
    margin-top: 90px
  }
}

.page-uk-partnerships.uk-page-template .hero-text-section {
  background: #369ff4;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  color: #fff;
  position: relative
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .hero-text-section {
    padding-top: 6%;
    padding-bottom: 6% !important;
    margin-top: 30px
  }
}

.page-uk-partnerships.uk-page-template .hero-text-section .text {
  max-width: 450px;
  margin: 0 auto 30px
}

.page-uk-partnerships.uk-page-template .hero-text-section .text .p30 {
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 35px
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .hero-text-section .text .p30 {
    padding-bottom: 0
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .hero-text-section .text {
    max-width: 980px;
    margin-left: auto;
    text-align: left;
    margin-bottom: 0
  }

  .page-uk-partnerships.uk-page-template .hero-text-section .text .text-elm {
    max-width: 400px
  }
}

.page-uk-partnerships.uk-page-template .spotlight-image {
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/king_logo-84d5c63227614a4bead89534e208252a.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 65%
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .spotlight-image {
    width: 50%;
    height: 100%;
    right: 0;
    left: auto;
    bottom: 0;
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }
}

.page-uk-partnerships.uk-page-template .sell {
  padding: 60px 20px 40%;
  position: relative
}

.page-uk-partnerships.uk-page-template .sell:after {
  content: "";
  display: block;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/solo-in-field-default-c862c3c443a8c77770bbbe5097728963.jpg);
  height: 0;
  padding-bottom: 75%;
  position: absolute;
  background-size: cover;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/solo-in-field-medium-up-8d0d52683d3cdb2fafbd07c056f83096.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .sell:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/solo-in-field-large-up-ef5aee142221f36b51c3297938163af6.jpg)
  }
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell {
    padding-top: 90px
  }
}

.page-uk-partnerships.uk-page-template .sell-header {
  max-width: 600px;
  margin: auto
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell-options {
    display: -webkit-box;
    display: flex;
    margin-top: 60px
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .sell-options {
    margin-top: 30px
  }
}

.page-uk-partnerships.uk-page-template .sell-option {
  max-width: 300px;
  border-top: 1px solid #e9eae4;
  margin: 45px auto auto;
  padding-top: 45px;
  text-align: center
}

.page-uk-partnerships.uk-page-template .sell-option:first-child {
  border-top: 0
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell-option {
    flex: 1 1;
    padding: 0 20px;
    border: 0;
    text-align: left
  }
}

.page-uk-partnerships.uk-page-template .sell-option h3 {
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px
}

.page-uk-partnerships.uk-page-template .sell-option h3 img {
  margin: 0 0 15px
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell-option h3 img {
    margin: 0 10px 0 0
  }
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell-option h3 {
    margin-bottom: 0;
    flex-direction: row;
    position: relative;
    padding-left: 0
  }
}

.page-uk-partnerships.uk-page-template .sell-option svg {
  display: block;
  margin: 0 auto 15px
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell-option svg {
    margin: 0;
    position: absolute;
    left: 0;
    top: -2px
  }
}

.page-uk-partnerships.uk-page-template .sell-option ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.page-uk-partnerships.uk-page-template .sell-option li {
  font-size: 16px;
  text-transform: uppercase;
  color: #c1c1ba;
  font-weight: 500
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sell-option.engage h3 {
    padding-left: 0
  }

  .page-uk-partnerships.uk-page-template .sell-option.engage svg {
    top: -3px
  }
}

.page-uk-partnerships.uk-page-template .officially-official {
  margin-top: 60px
}

.page-uk-partnerships.uk-page-template .officially-official .officially-official-header {
  max-width: 660px;
  margin: auto;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .officially-official {
    margin-top: 90px
  }
}

.page-uk-partnerships.uk-page-template .officially-official.uk-partners .partner-grid .partner .partner-image-wrapper {
  display: -webkit-box;
  display: flex;
  align-items: center;
  min-height: 283px
}

.page-uk-partnerships.uk-page-template .officially-official.uk-partners .partner-grid .partner.main img {
  width: 400px
}

.page-uk-partnerships.uk-page-template .partner-grid {
  margin-top: 60px;
  padding: 0 20px
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .partner-grid {
    display: -webkit-box;
    display: flex;
    flex-flow: row wrap;
    padding: 0 10px
  }
}

.page-uk-partnerships.uk-page-template .partner {
  max-width: 400px;
  margin: 0 auto 60px;
  position: relative;
  vertical-align: top;
  display: block
}

.page-uk-partnerships.uk-page-template .partner.main {
  flex-basis: 100%
}

.page-uk-partnerships.uk-page-template .partner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  border: 2px solid #f4f5f0
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .partner {
    padding: 0 10px;
    max-width: none;
    flex-basis: 50%;
    margin: 0 auto 20px
  }

  .page-uk-partnerships.uk-page-template .partner:hover .over-data,
  .page-uk-partnerships.uk-page-template .partner:hover:after {
    opacity: 1
  }
}

.page-uk-partnerships.uk-page-template .over-data {
  color: #333232
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .over-data {
    position: absolute;
    opacity: 0;
    top: calc(50% - 10px);
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 30px;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    line-height: 1.5
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .over-data {
    padding: 0
  }
}

.page-uk-partnerships.uk-page-template .partner-image-wrapper {
  background: #f4f5f0;
  padding: 30px 20px;
  display: block
}

.page-uk-partnerships.uk-page-template .partner-image-wrapper img {
  width: 150px;
  margin: auto
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .partner-image-wrapper {
    padding: 100px 20px
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .partner-image-wrapper {
    padding: 60px 20px
  }
}

.page-uk-partnerships.uk-page-template .corporate-sponsors {
  margin-top: 60px
}

.page-uk-partnerships.uk-page-template .corporate-sponsors .corporate-sponsors-header {
  max-width: 590px;
  margin: auto;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .corporate-sponsors {
    margin-top: 90px
  }
}

.page-uk-partnerships.uk-page-template .corporate-sponsors-grid {
  display: -webkit-box;
  display: flex;
  flex-flow: row wrap;
  padding: 0 5px;
  justify-content: center;
  margin-top: 60px
}

.page-uk-partnerships.uk-page-template .sponsor-item {
  flex-basis: calc(50% - 10px);
  color: #369ff4;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #e9eae4;
  padding: 15px;
  margin: 5px;
  font-weight: 500
}

.page-uk-partnerships.uk-page-template .sponsor-item:hover {
  color: #97cdf9
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .sponsor-item {
    flex-basis: calc(33% - 10px);
    padding: 25px 15px
  }
}

.page-uk-partnerships.uk-page-template .im-in {
  margin-top: 60px
}

.page-uk-partnerships.uk-page-template .im-in:after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 68%;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/clean-water-girl-default-01db5959e95070f62165d4346b4874d0.jpg);
  background-size: cover;
  background-position: top
}

@media only screen and (min-width:641px) {
  .page-uk-partnerships.uk-page-template .im-in:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/clean-water-girl-medium-up-75b8e35cb1408ae686f513384b7299a4.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .im-in:after {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/uk/partnerships/clean-water-girl-large-up-2b23d4e5cd4fdd122074f78d43e4b2be.jpg)
  }
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .im-in {
    margin-top: 90px
  }
}

.page-uk-partnerships.uk-page-template .im-in-content {
  max-width: 660px;
  margin: auto;
  padding: 0 20px
}

@media only screen and (min-width:1025px) {
  .page-uk-partnerships.uk-page-template .im-in-content {
    max-width: 720px
  }
}

.page-uk-partnerships.uk-page-template footer.text-footer.footer-border {
  margin-top: 0
}

.page-uk-privacy.uk-page-template .privacy-wrapper {
  text-align: left
}

.page-uk-privacy.uk-page-template .privacy-wrapper h2 {
  margin-top: 30px
}

.page-uk-privacy.uk-page-template .privacy-wrapper p,
.page-uk-privacy.uk-page-template .privacy-wrapper ul li {
  line-height: 1.75;
  color: #71716c
}

.page-uk-privacy.uk-page-template .privacy-wrapper ul {
  padding-left: 30px;
  font-size: 16px
}

.page-uk-privacy.uk-page-template .privacy-wrapper li a {
  font-size: 16px
}

.page-uk-privacy.uk-page-template .privacy-wrapper .p30 a {
  font-size: 19px
}

.page-uk-privacy.uk-page-template .privacy-wrapper .icn {
  color: #369ff4;
  display: block;
  margin: auto;
  background: #fff;
  padding: 0 10px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.page-uk-privacy.uk-page-template footer.text-footer.footer-border {
  margin-top: 0
}

.uk-page-template .uk-hidden {
  display: none
}

.uk-page-template .nav-bar-section .nav-buttons {
  align-items: center
}

.uk-page-template .nav-bar-section .nav-buttons>li em {
  font-size: 12px
}

.uk-page-template .nav-bar-section .nav-buttons .bold-underline {
  font-weight: 500;
  text-decoration: underline;
  letter-spacing: 1px
}

.uk-page-template footer.text-footer {
  padding: 20px;
  text-align: center;
  color: #71716c
}

.uk-page-template footer.text-footer.footer-border {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #dfdfd7
}

.uk-page-template footer.text-footer .cw-footer-bottom-row {
  margin-top: 30px;
  padding-top: 0;
  padding-bottom: 30px;
  border: 0
}

.uk-page-template footer.text-footer .footer-nav {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0
}

@media only screen and (min-width:1025px) {
  .uk-page-template footer.text-footer .footer-nav {
    flex-direction: row
  }
}

.uk-page-template footer.text-footer .footer-nav .copyright {
  margin-top: 0
}

@media only screen and (max-width:641px),
only screen and (min-width:641px) and (max-width:1025px) {
  .uk-page-template footer.text-footer .footer-nav .copyright {
    order: 6;
    margin-top: 12px
  }
}

.uk-page-template footer.text-footer .text-footer-inner {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:1025px) {
  .uk-page-template footer.text-footer .text-footer-inner {
    max-width: 980px
  }
}

.uk-page-template footer.text-footer p {
  margin-bottom: 30px;
  margin-top: 0;
  line-height: 1.75
}

.uk-page-template footer.text-footer a {
  color: #71716c
}

.uk-page-template footer.text-footer a:hover {
  color: #333232
}

.uk-page-template .social-links a {
  font-size: 22px;
  margin: 0 10px
}

.uk-page-template .sup {
  font-size: 12px;
  color: #369ff4;
  position: relative;
  top: -1px;
  letter-spacing: 1px;
  text-transform: uppercase
}

.unpledge-cupcake {
  width: 150px
}

.page-video-landing-page .player .content {
  padding-top: 70px
}

.page-video-landing-page .player .video-container {
  background-color: #000;
  height: 56.25vw
}

@media only screen and (min-width:1025px) {
  .page-video-landing-page .player .video-container {
    height: 551.25px
  }
}

.page-video-landing-page .player .info {
  margin-top: -5px
}

@media only screen and (min-width:1025px) {
  .page-video-landing-page .player .info {
    padding: 29.75px 0 40px !important
  }
}

.page-video-landing-page .player .info .description {
  clear: left
}

.page-video-landing-page .player .info .share a:first-child {
  margin-right: 14px
}

.page-video-landing-page .cta-section {
  padding: 30px 20px
}

@media only screen and (min-width:641px) {
  .page-video-landing-page .cta-section .text {
    max-width: 574px
  }
}

@media only screen and (min-width:1025px) {
  .page-video-landing-page .video-section .videos {
    margin-left: -12px;
    width: 1050px
  }
}

@media only screen and (min-width:1025px) {
  .page-video-landing-page .video-section .videos .video {
    margin: 12px;
    width: 227px
  }
}

.page-video-landing-page .video-section .videos .video .poster {
  position: relative;
  flex-shrink: 0;
  width: 20%;
  min-width: 115px
}

.page-video-landing-page .video-section .videos .video .poster .centered-overlay {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.page-video-landing-page .video-section .videos .video .poster:hover:after {
  opacity: .2
}

.page-video-landing-page .video-section .videos .video .poster:after {
  background-color: #000;
  content: "";
  height: 100.1%;
  opacity: .4;
  position: absolute;
  top: 0;
  -webkit-transition: opacity .125s linear;
  transition: opacity .125s linear;
  width: 100%;
  z-index: 1
}

.page-video-landing-page .video-section .videos .video .poster img {
  max-width: 227px
}

.page-video-landing-page .video-section .videos .video .poster span.cw-icon-play {
  font-size: 15px
}

@media only screen and (min-width:1025px) {
  .page-video-landing-page .video-section .videos .video .poster span.cw-icon-play {
    font-size: 25px
  }
}

.page-video-landing-page .video-section .videos .video .info h3 {
  margin: 5px 0 0
}

.page-world-water-day-community {
  text-align: center
}

.page-world-water-day-community .header {
  margin: 0 auto 30px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.6;
  color: #369ff4
}

.page-world-water-day-community .header a {
  font-size: 25px;
  text-decoration: underline
}

.page-world-water-day-community .hero {
  padding-bottom: 360px;
  padding-top: 100px;
  color: #fff;
  background-color: #000;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/hero-small-8c84b99ed69ab55111b7933d6934e847.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto
}

@media only screen and (min-width:30.063em) {
  .page-world-water-day-community .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/hero-medium-502d283f3e12fee1356d688de4475c0d.jpg);
    background-position: 100% 100%;
    background-size: 140% auto
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .hero {
    background-position: bottom;
    background-size: 100% auto;
    padding-top: 160px;
    padding-bottom: 220px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/hero-large-5e1194da323d61f41a06b58ddbfab994.jpg);
    background-size: 80% auto;
    background-position: 100% 100%
  }
}

.page-world-water-day-community .title {
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  max-width: 250px;
  line-height: 1.6
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .title {
    margin-bottom: 0;
    margin-left: 20px;
    max-width: 310px;
    text-align: left
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .title {
    margin-left: 0
  }
}

.page-world-water-day-community .community {
  padding-top: 270px;
  background-color: #fff;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/icon-triangle-58bac03ab3fd614145e231c126e10173.png);
  background-position: center 60px;
  background-size: 171px auto;
  background-repeat: no-repeat
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community {
    padding-top: 80px;
    background-image: none
  }
}

.page-world-water-day-community .community-title {
  max-width: 310px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-title {
    padding-top: 140px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 480px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/icon-line-8064872d1d1b065a8308c719844dae9e.png);
    background-position: top;
    background-size: 470px auto;
    background-repeat: no-repeat
  }
}

.page-world-water-day-community .community-sub-header {
  margin: 0 auto;
  padding-bottom: 60px;
  max-width: 220px;
  font-size: 23px;
  line-height: 1.5
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-sub-header {
    max-width: 360px
  }
}

.page-world-water-day-community .community-group-display {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  clear: both
}

.page-world-water-day-community .community-member-container {
  padding-top: 100%;
  height: 0;
  display: table
}

.page-world-water-day-community .community-member-title {
  margin-bottom: 20px;
  padding-left: 30px;
  flex: 1 1;
  max-width: 100%;
  background-position: bottom 10px right 20px;
  background-size: 76px auto;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 500;
  text-align: left;
  z-index: 0
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day-community .community-member-title {
    padding-left: 20px;
    background-size: 50px auto
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-member-title {
    background-position: bottom 5px right 20px
  }
}

.page-world-water-day-community .community-member-title-text {
  margin-bottom: 0;
  padding-top: 40px;
  font-weight: 600;
  line-height: 1.5;
  width: 60%
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day-community .community-member-title-text {
    font-size: 16px
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-member-title-text {
    line-height: 1.4
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .community-member-title-text {
    width: 50%
  }
}

.page-world-water-day-community .display-name {
  border-bottom: 1px solid #fff
}

.page-world-water-day-community .farmers-title {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/farmers-icon-19fc9561408a3cb205cb450b97a48f7b.png)
}

.page-world-water-day-community .mothers-title {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/mothers-icon-8c266c47080157c351403bd42cb40db1.png)
}

.page-world-water-day-community .students-title {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/students-icon-727bc01426e8d3df0126ecd966a23534.png)
}

.page-world-water-day-community .shepherds-title {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/shepherds-icon-ded997379982db116fdefc82b30bd918.png)
}

.page-world-water-day-community .elders-title {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/elders-icon-651952aca3fecec91691e6ab22ffbf8b.png)
}

.page-world-water-day-community .young-people-title {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/young-people-icon-a821da8f60fe13b18d087fc7fb93af87.png)
}

.page-world-water-day-community .community-member {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex: 0 0 3;
  flex-wrap: wrap
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-member {
    flex: 0 0 33.33333%;
    width: auto
  }
}

.page-world-water-day-community .community-member-profile {
  position: relative;
  width: 100%;
  flex: 0 1 auto;
  display: -webkit-box;
  display: flex;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-size: 103%;
  cursor: pointer
}

.page-world-water-day-community .community-member-profile:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: 19px;
  bottom: 0;
  opacity: 0;
  border-left: 39px solid transparent;
  border-right: 39px solid transparent;
  border-bottom: 20px solid #fff;
  margin-top: 20px;
  -webkit-transition: all .5s ease-in-out .2s;
  transition: all .5s ease-in-out .2s
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day-community .community-member-profile:after {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 12px solid #fff;
    right: 20px
  }
}

.page-world-water-day-community .community-member-profile.selected:after {
  opacity: 1;
  margin-top: 0;
  -webkit-transition: all .5s ease-in-out .2s;
  transition: all .5s ease-in-out .2s
}

.page-world-water-day-community .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.page-world-water-day-community .overlay:hover {
  opacity: .2
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-group-display:last-child .community-member-profile:after {
    top: 0;
    border-left: 39px solid transparent;
    border-right: 39px solid transparent;
    border-top: 20px solid #fff;
    border-bottom: 0;
    margin-top: -20px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day-community .community-group-display:last-child .community-member-profile:after {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 12px solid #fff;
    border-bottom: 0;
    right: 20px
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-group-display:last-child .community-member-profile.selected:after {
    opacity: 1;
    margin-top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
  }
}

.page-world-water-day-community .community-member-details {
  max-height: 0;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
  overflow: hidden
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-member-details {
    display: none;
    max-height: none
  }
}

.page-world-water-day-community .community-member-details.selected {
  max-height: 2500px;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out
}

.page-world-water-day-community .community-member-details p {
  text-align: left;
  line-height: 1.5
}

.page-world-water-day-community .community-member-details-desktop-container {
  padding: 50px 30px
}

.page-world-water-day-community .community-member-details-desktop {
  display: none
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .community-member-details-desktop {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
    width: 100%;
    max-height: 0;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }
}

.page-world-water-day-community .community-member-details-desktop.selected {
  max-height: 2500px;
  -webkit-transition: max-height .6s ease-in-out;
  transition: max-height .6s ease-in-out
}

.page-world-water-day-community .community-member-details-desktop .member-details-group {
  width: 50%;
  float: left;
  border-right: 1px solid #369ff4;
  padding-right: 40px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .community-member-details-desktop .member-details-group {
    width: 41%
  }
}

.page-world-water-day-community .community-member-details-desktop .member-details-member {
  width: 50%;
  float: right;
  padding-top: 136px;
  padding-left: 40px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .community-member-details-desktop .member-details-member {
    width: 59%;
    padding-top: 0;
    padding-right: 0;
    padding-left: 80px
  }
}

.page-world-water-day-community .member-details-group {
  padding: 50px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .member-details-group {
    padding-top: 0;
    padding-right: 70px;
    padding-left: 0
  }
}

.page-world-water-day-community .member-details-group-header,
.page-world-water-day-community .member-details-member-header {
  text-align: left;
  line-height: 1.35
}

@media only screen and (min-width:641px) {

  .page-world-water-day-community .member-details-group-header,
  .page-world-water-day-community .member-details-member-header {
    padding-top: 20px
  }
}

.page-world-water-day-community .member-details-member-header,
.page-world-water-day-community .member-details-member p {
  padding-left: 43%
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .page-world-water-day-community .member-details-member-header,
  .page-world-water-day-community .member-details-member p {
    padding-left: 0
  }
}

.page-world-water-day-community .member-details-member {
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: 40px 5px
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day-community .member-details-member {
    background-size: 120px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .member-details-member {
    background-position: 80px top
  }
}

.page-world-water-day-community .farmers {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/farmers-block-6d1ee20b0b744c6e6ad7b9afd01d60d3.jpg)
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .farmers {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/farmers-block-larger-6b3878f8f7fd3895436e028bab421a5f.jpg)
  }
}

.page-world-water-day-community .community-member-details-farmers .member-details-member {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/farmers-head-circle-0fad24a337083deeb5614b7a237b2fa6.jpg)
}

.page-world-water-day-community .mothers {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/mothers-block-49ff2a08b0aea6e6dcc4e4a17026f652.jpg)
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .mothers {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/mothers-block-larger-8535b433b18232ab7e4acf4c31c926c8.jpg)
  }
}

.page-world-water-day-community .community-member-details-mothers .member-details-member {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/mothers-head-circle-aa19aad55e6f36aab47c560db7df81de.jpg)
}

.page-world-water-day-community .students {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/students-block-b68add668ac8b0d118d6846e2b40ac26.jpg)
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .students {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/students-block-larger-23cbfb5adb13b9780a1c491f11ee2613.jpg)
  }
}

.page-world-water-day-community .community-member-details-students .member-details-member {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/students-head-circle-a31e4ac52b4a9471ae6ef56a35203ac1.jpg)
}

.page-world-water-day-community .shepherds {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/shepherds-block-272a1c7eeba542ab78e3a884060e4b3d.jpg)
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .shepherds {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/shepherds-block-larger-e885224c8291e0e3cc52e285e07b280e.jpg)
  }
}

.page-world-water-day-community .community-member-details-shepherds .member-details-member {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/shepherds-head-circle-f7f72d47fa3e5d2155d7fad1d12ffa97.jpg)
}

.page-world-water-day-community .elders {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/elders-block-1e545f5d5b8f104de4f9af8c533fc94d.jpg)
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .elders {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/elders-block-larger-91c976f459f0921fa71a2fb49750c9df.jpg)
  }
}

.page-world-water-day-community .community-member-details-elders .member-details-member {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/elders-head-circle-1110ad92ede946ba65446aa0863ea49c.jpg)
}

.page-world-water-day-community .young-people {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/young-people-block-cbc44ba2ff06961a0e8ec01e5fbf33ea.jpg)
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .young-people {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/young-people-block-larger-7b6812c424d9adffd609edcd2b549c08.jpg)
  }
}

.page-world-water-day-community .community-member-details-young-people .member-details-member {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/young-people-head-circle-006b4b3c2b809af885e326ca6e504bf3.jpg)
}

.page-world-water-day-community .explore-cta .side .inner {
  padding-top: 202px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/link-cta-explore-icon-956edf26fa8f64a9e7005c693fe5e6d5.png);
  background-size: 107px;
  background-position: center 80px;
  padding-bottom: 70px
}

.page-world-water-day-community .explore-cta .link-cta-header {
  max-width: 300px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .explore-cta .link-cta-header {
    max-width: 390px
  }
}

.page-world-water-day-community .explore-cta .cover-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/explore-cta-large-c47d009a5e91aec491213e91598d77d3.jpg)
}

.page-world-water-day-community .date-teaser {
  padding-top: 100px
}

.page-world-water-day-community .date-teaser .image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/22-calendar-icon--blue-9e3de250423782114116072bb5354fc7.png);
  background-position: 50%;
  background-size: 50px 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  width: 50px
}

.page-world-water-day-community .date-teaser .header {
  margin-bottom: 18px;
  max-width: 269px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-community .date-teaser .header {
    max-width: 540px
  }
}

.page-world-water-day-community .divider {
  border-bottom: 1px solid #369ff4;
  margin: 25px auto;
  width: 290px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-community .sharing a.button {
    width: 160px;
    margin: 0 5px
  }
}

.page-world-water-day-discover .sly-quiz-content {
  padding: 0
}

.page-world-water-day-discover .sly-quiz-content .profile-panel {
  border-width: 1px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-discover .content-wrapper {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/discover/faces-bg-9dcd8eb2d740df62866279a308549363.jpg);
    background-position: center -50px;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 630px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-discover .content-wrapper {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/discover/faces-bg--large-dca902ef4adf2a554f497848a8da71d3.jpg);
    min-height: 900px;
    padding-top: 100px
  }
}

.page-world-water-day-discover .content-wrapper.no-background {
  background-image: none
}

.page-world-water-day-explore .container {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: center
}

.page-world-water-day-explore .header {
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  max-width: 330px
}

.page-world-water-day-explore .sub-text {
  font-size: 18px;
  font-weight: 200;
  line-height: 1.8;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 280px
}

.page-world-water-day-explore .callout-text {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 270px
}

.page-world-water-day-explore .title {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  max-width: 259px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .title {
    left: 0;
    max-width: 610px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
  }
}

.page-world-water-day-explore .image {
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto
}

.page-world-water-day-explore .video {
  display: none
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .video {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.page-world-water-day-explore .rows {
  padding-bottom: 75px;
  padding-top: 75px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .rows {
    padding-bottom: 50px;
    padding-top: 50px
  }
}

.page-world-water-day-explore .row-one {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/row-one--mobile-9c32af4329d40fb897103166e5290fcf.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-one {
    background-image: none;
    height: 532px;
    overflow: hidden
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-one {
    height: 600px
  }
}

.page-world-water-day-explore .row-one-video {
  height: auto;
  min-height: 56.25vw
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-one-video {
    width: 150%
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-one-video {
    width: 110%
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day-explore .row-one-video {
    width: 100%
  }
}

@media only screen and (min-width:641px) {

  .page-world-water-day-explore .row-four .side.cover-image,
  .page-world-water-day-explore .row-two .side.cover-image {
    margin-bottom: -50px;
    margin-top: -50px
  }
}

@media only screen and (min-width:641px) {

  .page-world-water-day-explore .row-four .side.text,
  .page-world-water-day-explore .row-two .side.text {
    margin: auto
  }
}

@media only screen and (min-width:641px) {

  .page-world-water-day-explore .row-four,
  .page-world-water-day-explore .row-two {
    border-bottom: 1px solid #369ff4
  }
}

.page-world-water-day-explore .row-two {
  position: relative
}

.page-world-water-day-explore .row-two .image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/row-two--mobile-d6723b7d5aac8411ec99bb72075fd53b.jpg);
  padding-top: 83%;
  width: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-two .image {
    display: none
  }
}

.page-world-water-day-explore .row-two .side.cover-image {
  overflow: hidden;
  position: relative
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-two .side.cover-image {
    height: 500px
  }
}

.page-world-water-day-explore .row-two-video {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/row-two--desktop-c129988eae1d4317478c258194c99fb8.jpg)
}

.page-world-water-day-explore .row-three {
  padding-top: 0
}

.page-world-water-day-explore .row-three .header {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-three .header {
    max-width: 410px
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-three {
    padding-top: 50px
  }
}

.page-world-water-day-explore .row-four {
  border-top: 1px solid #369ff4;
  padding-bottom: 0
}

.page-world-water-day-explore .row-four .image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/row-four--mobile-9b8750b63ff49c717b5493deb274b00e.jpg);
  margin-top: 50px;
  padding-top: 115%;
  width: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-four .image {
    background-size: cover;
    margin-top: 0;
    min-height: 500px;
    min-width: 100%;
    padding-top: 0
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-four .image {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/row-four--desktop-bc008d1cd5322db68859be32e72e860b.jpg);
    background-size: 110%
  }
}

.page-world-water-day-explore .row-four .side.text {
  order: 0
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-four .side.text {
    order: 1
  }
}

.page-world-water-day-explore .row-four .side.cover-image {
  order: 1
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-four .side.cover-image {
    order: 0
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .row-four {
    padding-bottom: 50px
  }
}

.page-world-water-day-explore .row-five {
  padding-bottom: 0
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .marker {
    width: 8%;
    height: 8%
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .marker.one {
    right: -.5%
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .marker.two {
    right: 18.2%
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .marker.three {
    right: 82.8%
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .popup.popup {
    position: absolute;
    width: 700px;
    height: 250px;
    padding: 0 40px;
    top: calc(8% - 95px)
  }
}

.page-world-water-day-explore .row-five .popup.popup.mobile.toggled {
  display: block
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day-explore .row-five .popup.popup.mobile.toggled {
    display: -webkit-box;
    display: flex
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .popup.popup.mobile.toggled {
    display: none
  }
}

.page-world-water-day-explore .row-five .popup.popup.desktop.toggled {
  display: none
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .row-five .popup.popup.desktop.toggled {
    display: -webkit-box;
    display: flex
  }
}

.page-world-water-day-explore .row-four .callout-text,
.page-world-water-day-explore .row-four .header,
.page-world-water-day-explore .row-four .sub-text,
.page-world-water-day-explore .row-two .callout-text,
.page-world-water-day-explore .row-two .header,
.page-world-water-day-explore .row-two .sub-text {
  max-width: 262px
}

@media only screen and (min-width:1025px) {

  .page-world-water-day-explore .row-four .callout-text,
  .page-world-water-day-explore .row-four .header,
  .page-world-water-day-explore .row-four .sub-text,
  .page-world-water-day-explore .row-two .callout-text,
  .page-world-water-day-explore .row-two .header,
  .page-world-water-day-explore .row-two .sub-text {
    max-width: 350px;
    text-align: left
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .three-sixty .header {
    border-bottom: 1px solid #369ff4;
    max-width: 100%
  }
}

.page-world-water-day-explore .three-sixty .overlay {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/three-sixty-overlay--mobile-396f6029120bd9acb7ec0b6f4003d54c.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  height: 100%;
  max-height: 56.25vw;
  opacity: 1;
  position: absolute;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-transition: opacity .9s, height 0s;
  transition: opacity .9s, height 0s;
  width: 100%
}

.page-world-water-day-explore .three-sixty .overlay.video-active {
  height: 0;
  opacity: 0;
  -webkit-transition-delay: 0s, .9s;
  transition-delay: 0s, .9s
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .three-sixty .overlay {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/three-sixty-overlay--desktop-2b1728ea423e2e7f30f189ab31dfacea.jpg)
  }
}

.page-world-water-day-explore .three-sixty iframe {
  height: 100%;
  min-height: 56.25vw;
  width: 100%
}

.page-world-water-day-explore .community-cta .side .inner {
  padding-top: 253px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/icon-pyramid-white-866304744baf23879484a2d4834e053a.png);
  background-size: 158px;
  padding-bottom: 70px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .community-cta .side .inner {
    padding-top: 220px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/icon-row-white-c6d9e171281bff3fa25b4e75fabe7717.png);
    background-size: 327px;
    background-position: center 110px
  }
}

.page-world-water-day-explore .community-cta .link-cta-header {
  max-width: 300px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .community-cta .link-cta-header {
    max-width: 390px
  }
}

.page-world-water-day-explore .community-cta .cover-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/community-cta-large-3259f22171a2f1c9c7a55db3a201a7a7.jpg)
}

.page-world-water-day-explore .date-teaser {
  padding-top: 125px
}

.page-world-water-day-explore .date-teaser .image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/explore/22-calendar-icon--blue-066c92707a61a9315d0a938f83cbf336.png);
  background-position: 50%;
  background-size: 50px 50px;
  height: 50px;
  margin-bottom: 40px;
  width: 50px
}

.page-world-water-day-explore .date-teaser .header {
  margin-bottom: 18px;
  max-width: 269px
}

@media only screen and (min-width:641px) {
  .page-world-water-day-explore .date-teaser .header {
    max-width: 540px
  }
}

.page-world-water-day-explore .divider {
  border-bottom: 1px solid #369ff4;
  margin: 25px auto;
  width: 290px
}

.page-world-water-day-explore .sharing a.button {
  display: block
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-explore .sharing a.button {
    display: inline-block;
    width: 160px;
    margin: 0 5px
  }
}

.page-world-water-day.page-world-water-day-profile .fixed-nav .avatar {
  position: absolute;
  display: none;
  top: 18px;
  left: 5%
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .fixed-nav .avatar {
    display: block
  }
}

.page-world-water-day.page-world-water-day-profile .fixed-nav .avatar img {
  width: 100px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .fixed-nav p {
    max-width: 40%
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .main-content {
    display: -webkit-box;
    display: flex
  }
}

@media only screen and (min-width:641px) {

  .page-world-water-day.page-world-water-day-profile .left-column,
  .page-world-water-day.page-world-water-day-profile .right-column {
    width: 50%
  }
}

.page-world-water-day.page-world-water-day-profile .left-column {
  border-right: 1px solid #369ff4
}

.page-world-water-day.page-world-water-day-profile .right-column {
  position: relative;
  display: none
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .right-column {
    display: block
  }
}

.page-world-water-day.page-world-water-day-profile .video-wrapper {
  position: absolute;
  right: 0;
  height: 100vh;
  width: 100%
}

.page-world-water-day.page-world-water-day-profile .video-wrapper.fixed {
  position: fixed;
  width: 50%;
  top: 0
}

.page-world-water-day.page-world-water-day-profile .video-wrapper.top {
  top: 0
}

.page-world-water-day.page-world-water-day-profile .video-wrapper.bottom {
  bottom: 0
}

.page-world-water-day.page-world-water-day-profile .video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1
}

.page-world-water-day.page-world-water-day-profile .video-container video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%)
}

.page-world-water-day.page-world-water-day-profile .video-container video.category {
  top: 100%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .left-column .row {
    margin: 0 60px 0 50px;
    padding: 60px 0
  }
}

@media only screen and (min-width:1025px) and (max-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .left-column .row {
    margin: 0 100px 0 20%
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .left-column .row {
    margin: 0 130px 0 30%
  }
}

.page-world-water-day.page-world-water-day-profile .row {
  border-bottom: 1px solid #369ff4;
  padding: 60px 30px
}

.page-world-water-day.page-world-water-day-profile .row.no-border {
  border-bottom: 0
}

.page-world-water-day.page-world-water-day-profile .cw-footer .row {
  border-bottom: 0;
  padding: 0
}

.page-world-water-day.page-world-water-day-profile .header {
  margin-bottom: 50px;
  line-height: 32px
}

.page-world-water-day.page-world-water-day-profile .header-link {
  text-decoration: underline
}

.page-world-water-day.page-world-water-day-profile p {
  color: #686868
}

.page-world-water-day.page-world-water-day-profile p strong {
  color: #369ff4;
  font-weight: 600
}

.page-world-water-day.page-world-water-day-profile .row.slideshow {
  margin: 0;
  padding: 0
}

.page-world-water-day.page-world-water-day-profile .row.slideshow,
.page-world-water-day.page-world-water-day-profile .row.transform {
  max-width: 100%
}

.page-world-water-day.page-world-water-day-profile .swiper-pagination-bullet-active {
  background: #fff
}

.page-world-water-day.page-world-water-day-profile .slideshow-next,
.page-world-water-day.page-world-water-day-profile .slideshow-prev {
  position: absolute;
  color: #fff;
  z-index: 999;
  cursor: pointer;
  top: calc(50% - 20px);
  font-size: 40px;
  line-height: 40px
}

.page-world-water-day.page-world-water-day-profile .slideshow-prev {
  left: 20px
}

.page-world-water-day.page-world-water-day-profile .slideshow-next {
  right: 20px
}

.page-world-water-day.page-world-water-day-profile .hero {
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% auto;
  background-color: #fff;
  text-align: center;
  padding: 100px 0 30px;
  position: relative
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/profile/hero-bg-b15e5f3af6e22ddfa898a5b0b22b33bf.jpg);
    padding: 100px 0 60px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .hero {
    padding: 150px 0 80px
  }
}

@media only screen and (min-width:641px) {

  .page-world-water-day.page-world-water-day-profile .hero:after,
  .page-world-water-day.page-world-water-day-profile .hero:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
  }

  .page-world-water-day.page-world-water-day-profile .hero:after {
    border-color: #fff hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0);
    border-width: 20px;
    margin-left: -20px
  }

  .page-world-water-day.page-world-water-day-profile .hero:before {
    border-color: #369ff4 rgba(61, 149, 250, 0) rgba(61, 149, 250, 0);
    border-width: 21px;
    margin-left: -21px
  }
}

.page-world-water-day.page-world-water-day-profile .hero h1 {
  color: #369ff4;
  text-align: center;
  max-width: 350px;
  margin: 0 auto
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .hero h1 {
    font-size: 30px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .hero h1 {
    font-size: 35px
  }
}

.page-world-water-day.page-world-water-day-profile .hero .cw-icon-twitter {
  font-size: 40px
}

.page-world-water-day.page-world-water-day-profile .avatar {
  background: #e9f0f8;
  margin: 0 0 20px;
  border-radius: 1000px;
  border: 10px solid #f5f9ff;
  padding: 10px;
  display: inline-block
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .avatar {
    margin: 0 auto 35px
  }
}

.page-world-water-day.page-world-water-day-profile .avatar img {
  width: 140px;
  display: block
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .avatar img {
    width: 180px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .avatar img {
    width: 250px
  }
}

.page-world-water-day.page-world-water-day-profile .quote {
  padding-left: 35px;
  position: relative
}

.page-world-water-day.page-world-water-day-profile .quote:before {
  position: absolute;
  left: 0;
  content: ">";
  color: #369ff4
}

.page-world-water-day.page-world-water-day-profile .quote p {
  font-size: 20px;
  color: #369ff4;
  font-weight: 600;
  margin: 0 0 20px
}

.page-world-water-day.page-world-water-day-profile .quote .credit {
  color: #686868;
  font-size: 14px
}

.page-world-water-day.page-world-water-day-profile .activities,
.page-world-water-day.page-world-water-day-profile .values {
  background: #369ff4;
  text-align: center;
  padding: 30px 0;
  position: relative
}

@media only screen and (min-width:1025px) {

  .page-world-water-day.page-world-water-day-profile .activities,
  .page-world-water-day.page-world-water-day-profile .values {
    display: -webkit-box;
    display: flex;
    align-items: center;
    height: 200px;
    width: 100%;
    text-align: left;
    padding: 0 30px 0 100px;
    padding: 0 30px 0 40%
  }
}

.page-world-water-day.page-world-water-day-profile .activities h3,
.page-world-water-day.page-world-water-day-profile .values h3 {
  font-weight: 600;
  margin-bottom: 30px;
  color: #fff;
  font-size: 20px
}

@media only screen and (min-width:1025px) {

  .page-world-water-day.page-world-water-day-profile .activities h3,
  .page-world-water-day.page-world-water-day-profile .values h3 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: 16.5%;
    top: 43%
  }
}

@media only screen and (min-width:1441px) {

  .page-world-water-day.page-world-water-day-profile .activities h3,
  .page-world-water-day.page-world-water-day-profile .values h3 {
    left: 28%
  }
}

.page-world-water-day.page-world-water-day-profile .activities .topic,
.page-world-water-day.page-world-water-day-profile .values .topic {
  margin-right: 30px;
  text-align: center;
  vertical-align: middle;
  display: inline-block
}

.page-world-water-day.page-world-water-day-profile .activities .topic:last-of-type,
.page-world-water-day.page-world-water-day-profile .values .topic:last-of-type {
  margin: 0
}

.page-world-water-day.page-world-water-day-profile .activities .icon-wrapper,
.page-world-water-day.page-world-water-day-profile .values .icon-wrapper {
  display: inline-block
}

.page-world-water-day.page-world-water-day-profile .activities .icon-wrapper.circle,
.page-world-water-day.page-world-water-day-profile .values .icon-wrapper.circle {
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 80px;
  background: #fff
}

.page-world-water-day.page-world-water-day-profile .activities img,
.page-world-water-day.page-world-water-day-profile .values img {
  max-width: 50%;
  vertical-align: middle
}

.page-world-water-day.page-world-water-day-profile .activities .label,
.page-world-water-day.page-world-water-day-profile .values .label {
  color: #fff;
  display: block;
  margin-top: 10px;
  text-transform: capitalize;
  font-size: 16px
}

.page-world-water-day.page-world-water-day-profile .activities {
  background: #ebf4fe
}

.page-world-water-day.page-world-water-day-profile .activities .label,
.page-world-water-day.page-world-water-day-profile .activities h3 {
  color: #369ff4
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .activities h3 {
    left: 15%
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .activities h3 {
    left: 27%
  }
}

.page-world-water-day.page-world-water-day-profile .callout {
  display: -webkit-box;
  display: flex
}

.page-world-water-day.page-world-water-day-profile .callout .image {
  width: 90px
}

.page-world-water-day.page-world-water-day-profile .callout p {
  width: 100%;
  margin: 0;
  padding-left: 30px
}

.page-world-water-day.page-world-water-day-profile .access .callout {
  margin-bottom: 40px
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .access .callout .image {
    width: 100px
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .access .callout p {
    border-bottom: 1px solid #369ff4;
    padding: 0 0 40px
  }
}

.page-world-water-day.page-world-water-day-profile .access .callout:last-of-type {
  margin-bottom: 0
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .access .callout:last-of-type p {
    border-bottom: 0;
    padding: 0
  }
}

.page-world-water-day.page-world-water-day-profile .row-five .popup.desktop {
  display: none
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .row-five .popup .inner {
    display: block
  }
}

@media only screen and (min-width:641px) {

  .page-world-water-day.page-world-water-day-profile .row-five .popup .description,
  .page-world-water-day.page-world-water-day-profile .row-five .popup .info,
  .page-world-water-day.page-world-water-day-profile .row-five .popup .marker-wrapper {
    width: 100%
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .row-five .popup {
    padding: 40px 100px 40px 20%
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .row-five .popup {
    padding: 40px 130px 40px 30%
  }
}

.page-world-water-day.page-world-water-day-profile .row-five .header {
  text-align: center;
  margin-bottom: 0
}

.page-world-water-day.page-world-water-day-profile .transform.row {
  border: 0;
  background: #369ff4
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .transform.row {
    margin: 0;
    padding: 60px 60px 60px 50px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .transform.row {
    padding: 60px 100px 60px 20%
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .transform.row {
    padding: 60px 130px 60px 30%
  }
}

.page-world-water-day.page-world-water-day-profile .transform.row .header,
.page-world-water-day.page-world-water-day-profile .transform.row p {
  color: #fff;
  margin-bottom: 0
}

.page-world-water-day.page-world-water-day-profile .transform.row p {
  font-size: 20px
}

.page-world-water-day.page-world-water-day-profile .give .header {
  text-align: center;
  margin-bottom: 0
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .give .header {
    font-size: 20px;
    line-height: 26px
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .give .header {
    max-width: 400px;
    margin: 0 auto
  }
}

.page-world-water-day.page-world-water-day-profile .give .donate-form {
  font-family: Proxima Nova, sans-serif
}

@media only screen and (min-width:641px) and (max-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .give .donate-form .adf-form-header {
    font-size: 13px;
    line-height: 20px
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .give .donate-form .adf-form-header {
    font-size: 14px
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .give .donate-form .adf-form-header {
    font-size: 16px
  }
}

@media only screen and (min-width:641px) and (max-width:1025px) {

  .page-world-water-day.page-world-water-day-profile .give .donate-form .amount-wrapper input,
  .page-world-water-day.page-world-water-day-profile .give .donate-form .postinput,
  .page-world-water-day.page-world-water-day-profile .give .donate-form .preinput {
    font-size: 14px
  }
}

.page-world-water-day.page-world-water-day-profile .cpp {
  background: #ebf4fe;
  padding: 40px;
  text-align: center
}

@media only screen and (min-width:641px) {
  .page-world-water-day.page-world-water-day-profile .cpp {
    margin: 0;
    padding: 40px 130px 40px 50px;
    text-align: left
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day.page-world-water-day-profile .cpp {
    padding: 40px 100px 40px 20%
  }
}

@media only screen and (min-width:1441px) {
  .page-world-water-day.page-world-water-day-profile .cpp {
    padding: 40px 130px 40px 30%
  }
}

.page-world-water-day.page-world-water-day-profile .cpp p {
  color: #369ff4;
  font-weight: 600
}

.page-world-water-day.page-world-water-day-profile .pb20 {
  padding-bottom: 20px
}

.page-world-water-day.off-canvas-open .wrapper {
  -webkit-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0)
}

.page-world-water-day .container,
.page-world-water-day .fixed-nav,
.page-world-water-day .main-content {
  font-family: Proxima-Nova-n3, Proxima-Nova-1, Proxima-Nova-2, Proxima Nova, sans-serif;
  padding: 0
}

.page-world-water-day.show-fixed-nav .fixed-nav {
  display: block
}

@media only screen and (min-width:641px) {
  .page-world-water-day.show-fixed-nav .fixed-nav {
    display: -webkit-box;
    display: flex
  }
}

.page-world-water-day .fixed-nav {
  display: none;
  position: fixed;
  background: #fff;
  border: 1px solid #369ff4;
  padding: 20px;
  z-index: 99999;
  width: 100%;
  color: #369ff4
}

@media only screen and (min-width:641px) {
  .page-world-water-day .fixed-nav {
    align-items: center;
    justify-content: center
  }
}

.page-world-water-day .fixed-nav p {
  max-width: 100%;
  text-align: center;
  margin: 0 0 20px;
  font-size: 16px
}

@media only screen and (min-width:641px) {
  .page-world-water-day .fixed-nav p {
    text-align: left;
    max-width: 60%;
    margin: 0;
    font-size: 18px
  }
}

.page-world-water-day .fixed-nav .button {
  margin-top: 0;
  text-align: center;
  max-width: none;
  display: inline-block;
  width: 100%
}

.page-world-water-day .fixed-nav .cta {
  width: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .fixed-nav .cta {
    margin-left: 50px;
    width: auto
  }
}

.page-world-water-day .fixed-nav .social-buttons {
  text-align: center;
  width: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .fixed-nav .social-buttons {
    margin-left: 50px;
    text-align: left;
    width: auto
  }
}

.page-world-water-day .fixed-nav .social-buttons a {
  width: 50%;
  float: none;
  display: inline-block
}

@media only screen and (min-width:641px) {
  .page-world-water-day .fixed-nav .social-buttons a {
    width: 40px
  }
}

.page-world-water-day .header {
  color: #369ff4;
  font-size: 25px;
  font-weight: 600
}

.page-world-water-day .wwd-button {
  font-family: Proxima-Nova-n3, Proxima-Nova-1, Proxima-Nova-2, Proxima Nova, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 200;
  font-size: 23px;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  max-width: 180px
}

.page-world-water-day .wwd-button span {
  position: relative;
  top: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 26px
}

.page-world-water-day .wwd-button span.cw-icon-angle-right {
  top: 3px;
  padding: 0;
  font-size: 22px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .wwd-button {
    margin-top: 0;
    margin-right: 10px
  }
}

.page-world-water-day .countdown {
  padding: 15px 0
}

.page-world-water-day .countable {
  display: inline-block;
  width: 63px;
  border-left: 1px solid #c1c1ba;
  letter-spacing: 2px;
  text-align: center
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .countable {
    width: 120px
  }
}

.page-world-water-day .countable:first-child {
  border-left: 0
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .countable:first-child {
    text-align: left;
    width: 74px
  }
}

.page-world-water-day .sharing {
  font-weight: 200;
  line-height: 1.5;
  padding-bottom: 30px
}

.page-world-water-day .sharing h5 {
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  max-width: 320px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .sharing h5 {
    max-width: inherit
  }
}

.page-world-water-day .sharing .atcb-link {
  display: inline;
  font-size: 16px;
  color: #fff
}

.page-world-water-day .sharing .atcb-list {
  top: 38px
}

.page-world-water-day .calendar_icon {
  width: 39px
}

.page-world-water-day .row-five {
  padding-top: 0;
  position: relative
}

.page-world-water-day .row-five .header {
  max-width: 100%;
  background: #369ff4;
  color: #fff;
  padding: 50px 0;
  margin-top: -6px
}

.page-world-water-day .row-five .header i {
  margin-left: 20px;
  font-size: 30px;
  vertical-align: text-top
}

.page-world-water-day .row-five .image {
  background: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/map-44a97f150960de3d99275cfa927183e7.jpg) no-repeat 0 0;
  background-size: 100% auto;
  padding-bottom: 63%;
  width: 100%;
  position: relative
}

.page-world-water-day .row-five .image .marker {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 18%;
  height: 18%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .image .marker {
    width: 12%;
    height: 12%
  }
}

.page-world-water-day .row-five .image .marker.one {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/one-ead6f764e99c25a03b738cf679619b47.png);
  bottom: 64%;
  right: -8.3%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .image .marker.one {
    right: -3.7%
  }
}

.page-world-water-day .row-five .image .marker.two {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/two-819643fbbc07b8f1210df04393728dc3.png);
  bottom: 25%;
  right: 10.5%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .image .marker.two {
    right: 15.2%
  }
}

.page-world-water-day .row-five .image .marker.three {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/three-409e1f215293cd2c308589acacdc9ad3.png);
  bottom: 51%;
  right: 74.8%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .image .marker.three {
    right: 79.8%
  }
}

.page-world-water-day .row-five .image .marker.school {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/school-76a45144f7f7096beca85b19cadf09d9.png);
  bottom: 58%;
  right: 69.8%
}

.page-world-water-day .row-five .image .marker.home {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/home-5f2188e77a2f066d1dce2af6ec44e7e6.png);
  bottom: 52%;
  right: -5%
}

.page-world-water-day .row-five .image .marker.field {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/field-83ff1b188c16778476c21c29c80fd2b4.png);
  bottom: 60%;
  right: 9%
}

.page-world-water-day .row-five .popup {
  background: #fff;
  padding: 40px;
  display: none;
  align-items: center;
  text-align: left;
  z-index: 999;
  border: 1px solid #369ff4;
  width: 100%;
  font-weight: 200;
  color: #5d5d5d;
  position: relative
}

.page-world-water-day .row-five .popup.toggled {
  display: block
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .popup .inner {
    display: -webkit-box;
    display: flex;
    align-items: top
  }
}

.page-world-water-day .row-five .popup p {
  margin: 0
}

.page-world-water-day .row-five .popup .description,
.page-world-water-day .row-five .popup .info,
.page-world-water-day .row-five .popup .marker-wrapper {
  width: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .popup .marker-wrapper {
    width: 15%
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .popup .info {
    width: 35%
  }
}

@media only screen and (min-width:641px) {
  .page-world-water-day .row-five .popup .description {
    width: 50%
  }
}

.page-world-water-day .row-five .popup.left,
.page-world-water-day .row-five .popup.right {
  float: none
}

.page-world-water-day .row-five .popup.left.desktop {
  left: 85%
}

.page-world-water-day .row-five .popup.left.desktop:after,
.page-world-water-day .row-five .popup.left.desktop:before {
  right: 100%;
  top: 50%
}

.page-world-water-day .row-five .popup.left.desktop:after {
  border-right-color: #fff
}

.page-world-water-day .row-five .popup.left.desktop:before {
  border-right-color: #369ff4
}

.page-world-water-day .row-five .popup.right.desktop {
  right: calc(100% + 40px)
}

.page-world-water-day .row-five .popup.right.desktop:after,
.page-world-water-day .row-five .popup.right.desktop:before {
  left: 100%;
  top: 50%
}

.page-world-water-day .row-five .popup.right.desktop:after {
  border-left-color: #fff
}

.page-world-water-day .row-five .popup.right.desktop:before {
  border-left-color: #369ff4
}

.page-world-water-day .row-five .popup.mobile.one:after,
.page-world-water-day .row-five .popup.mobile.one:before {
  left: 94.5%
}

.page-world-water-day .row-five .popup.mobile.two:after,
.page-world-water-day .row-five .popup.mobile.two:before {
  left: 75.5%
}

.page-world-water-day .row-five .popup.mobile.three:after,
.page-world-water-day .row-five .popup.mobile.three:before {
  left: 11%
}

.page-world-water-day .row-five .popup.mobile.school:after,
.page-world-water-day .row-five .popup.mobile.school:before {
  left: 22%
}

.page-world-water-day .row-five .popup.mobile.home:after,
.page-world-water-day .row-five .popup.mobile.home:before {
  left: 96%
}

.page-world-water-day .row-five .popup.mobile.field:after,
.page-world-water-day .row-five .popup.mobile.field:before {
  left: 82%
}

.page-world-water-day .row-five .popup.mobile:after,
.page-world-water-day .row-five .popup.mobile:before {
  bottom: 100%
}

.page-world-water-day .row-five .popup.mobile:after {
  border-bottom-color: #fff;
  margin-left: -20px
}

.page-world-water-day .row-five .popup.mobile:before {
  border-bottom-color: #369ff4;
  margin-left: -21px
}

.page-world-water-day .row-five .popup:after,
.page-world-water-day .row-five .popup:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.page-world-water-day .row-five .popup:after {
  border-color: hsla(0, 0%, 100%, 0);
  border-width: 20px;
  margin-top: -20px
}

.page-world-water-day .row-five .popup:before {
  border-color: rgba(54, 159, 244, 0);
  border-width: 21px;
  margin-top: -21px
}

.page-world-water-day .row-five .popup h3,
.page-world-water-day .row-five .popup h4 {
  color: #369ff4;
  margin: 0
}

.page-world-water-day .row-five .popup h3 {
  font-weight: 600;
  line-height: 1.6
}

.page-world-water-day .row-five .popup img {
  width: 40px
}

.page-world-water-day .link-cta-section {
  background-color: #369ff4;
  padding-bottom: 0;
  max-width: none
}

.page-world-water-day .details-changed {
  text-align: center;
  background-color: #ebf4fe;
  padding: 30px 20px
}

@media only screen and (min-width:641px) {
  .page-world-water-day .details-changed {
    padding: 40px 20px
  }
}

.page-world-water-day .details-changed p {
  margin: 0;
  color: #369ff4;
  font-weight: 600
}

.page-world-water-day .discover-cta .side .inner {
  padding-top: 200px;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/link-cta-discover-icon-1b276b9802da84d49507b1f0cb5994ad.png);
  background-size: 105px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .discover-cta .side .inner {
    padding-top: 100px;
    background-image: none
  }
}

.page-world-water-day .discover-cta .link-cta-header {
  max-width: 305px
}

.page-world-water-day .discover-cta .cover-image {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/shared/discover-cta-large-12a8d7c25023162bdd0209a8ee515452.jpg)
}

.page-world-water-day .link-cta-inner {
  background-position: center 60px;
  background-repeat: no-repeat;
  text-align: center
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .side-by-side .side .link-cta-inner {
    padding-bottom: 120px
  }
}

.page-world-water-day .link-cta-header {
  padding-bottom: 20px;
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.35
}

@media only screen and (min-width:20.063em) {
  .page-world-water-day .link-cta-header {
    font-size: 25px
  }
}

.page-world-water-day .link-cta-button {
  max-width: 335px;
  background-color: #fff;
  color: #369ff4;
  font-size: 16px
}

@media only screen and (min-width:20.063em) {
  .page-world-water-day .link-cta-button {
    font-size: 20px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day .link-cta-button {
    margin-top: 20px
  }
}

.page-world-water-day .link-cta-button span.cw-icon-angle-right {
  padding-left: 20px
}

.page-world-water-day-welcome .header {
  margin: 0 auto 30px;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.6
}

.page-world-water-day-welcome .community a.button,
.page-world-water-day-welcome .explore a.button,
.page-world-water-day-welcome .hero a.button {
  font-size: 16px;
  max-width: 300px;
  text-align: center
}

@media only screen and (min-width:20.063em) {

  .page-world-water-day-welcome .community a.button,
  .page-world-water-day-welcome .explore a.button,
  .page-world-water-day-welcome .hero a.button {
    font-size: 18px
  }
}

.page-world-water-day-welcome .community span.cw-icon-angle-right,
.page-world-water-day-welcome .explore span.cw-icon-angle-right,
.page-world-water-day-welcome .hero span.cw-icon-angle-right {
  padding-left: 20px
}

.page-world-water-day-welcome .hero {
  padding-bottom: 80px;
  padding-top: 100px;
  color: #fff;
  background-color: #000;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/welcome/welcome_hero_small-fd9a5b63551a61c7e2bb28e9cf3d92de.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day-welcome .hero {
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/welcome/welcome_hero_large-a2765a9c026f11b2c9396c030944a6b2.jpg);
    background-size: 170%;
    padding-top: 180px;
    padding-bottom: 160px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-welcome .hero {
    background-size: 110%
  }
}

.page-world-water-day-welcome .hero a.button {
  margin-left: 0;
  margin-top: 50px
}

.page-world-water-day-welcome .hero .row {
  padding-left: 40px;
  padding-right: 40px
}

.page-world-water-day-welcome .hero .you {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px
}

.page-world-water-day-welcome .title {
  margin-bottom: 20px;
  max-width: 220px;
  line-height: 1.3
}

@media only screen and (min-width:641px) {
  .page-world-water-day-welcome .title {
    max-width: 500px;
    margin-bottom: 0
  }
}

.page-world-water-day-welcome .explore {
  padding-bottom: 80px;
  padding-top: 80px;
  color: #fff;
  text-align: center;
  background-color: #000;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/welcome/welcome_explore_small-d4ede4ac3a793d78b54e931e20e748bb.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%
}

@media only screen and (min-width:641px) {
  .page-world-water-day-welcome .explore {
    border-top: 1px solid #fff;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/welcome/welcome_explore_medium-34ef509221fcf671380abe8c8e26a45a.jpg);
    background-position: 100% 0;
    background-size: 150%;
    padding-top: 80px;
    padding-bottom: 60px
  }
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-welcome .explore {
    padding-bottom: 130px;
    padding-top: 110px;
    background-size: 110%;
    background-position: top;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/welcome/welcome_explore_large-0be41108cd18eeba1ea4f67c7dc711b8.jpg)
  }
}

.page-world-water-day-welcome .explore .row {
  padding-left: 20px;
  padding-right: 20px
}

.page-world-water-day-welcome .explore img {
  width: 76px;
  margin: 0 auto
}

.page-world-water-day-welcome .explore-title {
  max-width: 300px;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.3;
  margin: 0 auto
}

@media only screen and (min-width:641px) {
  .page-world-water-day-welcome .explore-title {
    max-width: 440px;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.page-world-water-day-welcome .community {
  position: relative;
  padding-top: 250px;
  margin-bottom: 120px;
  text-align: center;
  background-color: #fff;
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/community/icon-triangle-58bac03ab3fd614145e231c126e10173.png);
  background-position: center 80px;
  background-size: 171px auto;
  background-repeat: no-repeat
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-welcome .community {
    padding-top: 150px;
    padding-bottom: 100px;
    background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/wwd/welcome/welcome_community_large-e4706c69ef407bffb94c8311e6832598.png);
    background-position: top;
    background-size: contain
  }
}

.page-world-water-day-welcome .community .row {
  padding-left: 20px;
  padding-right: 20px
}

.page-world-water-day-welcome .community-title {
  max-width: 300px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #369ff4
}

@media only screen and (min-width:641px) {
  .page-world-water-day-welcome .community-title {
    padding: 0 10px 40px;
    max-width: 450px
  }
}

.page-world-water-day-welcome .community-icon {
  position: absolute;
  display: none;
  width: 119px
}

@media only screen and (min-width:1025px) {
  .page-world-water-day-welcome .community-icon {
    display: block
  }
}

.page-world-water-day-welcome .shepherds {
  top: 10%;
  left: 15%
}

.page-world-water-day-welcome .farmers {
  top: 50%;
  left: 5%
}

.page-world-water-day-welcome .mothers {
  top: 80%;
  left: 22%
}

.page-world-water-day-welcome .elders {
  top: 10%;
  right: 15%
}

.page-world-water-day-welcome .young-people {
  top: 50%;
  right: 5%
}

.page-world-water-day-welcome .students {
  top: 80%;
  right: 22%
}

.action-tile-title {
  justify-content: space-between;
  width: 100%
}

.action-tile,
.action-tile-title {
  display: -webkit-box;
  display: flex;
  align-items: center
}

@media only screen and (min-width:641px) {
  .action-tile .description {
    max-width: 80%
  }
}

.action-tile.disabled .p30 {
  color: #c1c1ba
}

.action-tile.disabled .p30:before {
  content: "\e638";
  font-family: cw-icons;
  font-size: .875rem;
  margin-right: 10px
}

.action-tile.disabled .p40 {
  color: #9b9b94
}

.action-tile.disabled .action-tile-icon-wrapper,
.action-tile.disabled .switch-wrapper {
  opacity: .5
}

.action-tile.disabled .action-tile-icon {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.action-tile .action-tile-text {
  width: 100%
}

.action-tile .action-tile-icon-wrapper {
  display: none
}

.action-tile .action-tile-icon-wrapper .action-tile-icon {
  display: block;
  width: 80px;
  height: 75px;
  margin: 0 auto;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  flex-shrink: 0
}

@media only screen and (min-width:641px) {
  .action-tile .action-tile-icon-wrapper {
    display: block;
    min-width: 120px;
    content: ""
  }
}

.avatar-initial {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  text-align: center;
  color: #fff
}

.nav-bar .avatar-initial {
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  border-radius: 0
}

.right-off-canvas-menu .avatar-initial {
  position: absolute;
  margin-top: -1%;
  text-align: center;
  border-radius: 0;
  font-size: 13px
}

.cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.cards:after {
  content: "";
  width: 100%
}

@media only screen and (min-width:641px) {
  .cards:after {
    width: 48.5%
  }
}

@media only screen and (min-width:1025px) {
  .cards:after {
    width: 32%
  }
}

.card {
  border-radius: 4px;
  border: 1px solid #dfdfd7;
  background-color: #fff;
  color: #9b9b94;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left
}

.card.accent {
  border-bottom: 3px solid #369ff4
}

@media only screen and (min-width:641px) {
  .card {
    width: 48.5%
  }
}

@media only screen and (min-width:1025px) {
  .card {
    width: 32%
  }
}

.card .card-hero {
  background-position: 50%;
  background-size: cover;
  border-bottom: 5px solid #dfdfd7;
  border-radius: 4px 4px 0 0;
  height: 115px;
  width: 100%
}

.card .card-content {
  padding: 16px 20px 19px;
  position: relative
}

.card .card-content .details .country-name {
  font-size: 12px;
  text-transform: uppercase
}

.card .card-content .served {
  position: absolute;
  top: 16px;
  right: 20px
}

.card .card-footer {
  border-top: 1px solid #dfdfd7;
  background-color: #f7f7f7;
  padding: 15px 16px
}

.card .card-footer .em {
  font-size: 12px
}

.card .card-footer a {
  color: #333232;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block
}

.card .card-footer img {
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 10px
}

.cw-icon-spin {
  display: inline-block;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.full-bottom-bg {
  padding-bottom: 80%;
  padding-left: 0;
  padding-right: 0;
  position: relative
}

@media only screen and (min-width:641px) {
  .full-bottom-bg {
    padding-bottom: 65%;
    padding-left: 0;
    padding-right: 0
  }
}

.full-bottom-bg .heading {
  padding: 0 20px;
  margin: 0 auto 30px
}

@media only screen and (min-width:641px) {
  .full-bottom-bg .heading {
    padding: 0
  }
}

@media only screen and (max-width:641px) {
  .full-bottom-bg .panel.fifty {
    padding: 0 20px
  }
}

.full-bottom-bg .full-bottom-bg-image {
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  z-index: -1
}

.full-bottom-bg .full-bottom-bg-image img {
  width: 100%
}

.full-bottom-bg .avatar-initial {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 36px;
  margin: 20px auto
}

.image-fill {
  display: -webkit-inline-box;
  display: inline-flex;
  margin-bottom: 20px;
  position: relative
}

@media only screen and (min-width:641px) {
  .image-fill {
    margin-bottom: 0
  }
}

.image-fill.tint:after {
  content: " ";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, .5)));
  background: linear-gradient(transparent 50%, rgba(0, 0, 0, .5));
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.image-fill img {
  max-width: inherit;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.image-fill .overlay {
  bottom: 0;
  position: absolute;
  z-index: 2
}

.module {
  border: 1px solid #dfdfd7;
  border-radius: 0;
  margin-bottom: 20px
}

@media only screen and (min-width:641px) {
  .module {
    border-radius: 4px
  }
}

.module .inner {
  padding: 20px
}

.module .inner-wrapper,
.module .inner:not(:first-child) {
  border-top: 1px solid #dfdfd7
}

.module .header,
.module .subheader {
  background-color: #f4f5f0;
  padding: 0 20px;
  height: 2.9em;
  display: -webkit-box;
  display: flex;
  align-items: center;
  position: relative
}

.module .header.accordion,
.module .subheader.accordion {
  cursor: pointer;
  -webkit-transition: all .125s;
  transition: all .125s
}

.module .header.accordion:after,
.module .subheader.accordion:after {
  font-family: cw-icons;
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 18px;
  color: #369ff4
}

.module .header.accordion.accordion--closed,
.module .subheader.accordion.accordion--closed {
  background-color: transparent
}

.module .header.accordion.accordion--closed:after,
.module .subheader.accordion.accordion--closed:after {
  content: "\e626"
}

.module .header.accordion.accordion--closed~.inner,
.module .header.accordion.accordion--closed~.inner-wrapper,
.module .subheader.accordion.accordion--closed~.inner,
.module .subheader.accordion.accordion--closed~.inner-wrapper {
  display: none
}

.module .header.accordion.accordion--open:after,
.module .subheader.accordion.accordion--open:after {
  content: "\e627"
}

.module .header.accordion.accordion--open~.inner,
.module .header.accordion.accordion--open~.inner-wrapper,
.module .subheader.accordion.accordion--open~.inner,
.module .subheader.accordion.accordion--open~.inner-wrapper {
  display: block
}

.module .header {
  border-bottom: 1px solid #dfdfd7;
  border-radius: 0
}

@media only screen and (min-width:641px) {
  .module .header {
    border-radius: 4px 4px 0 0
  }
}

.module .subheader {
  border-radius: 0;
  border-top: 1px solid #dfdfd7;
  justify-content: space-between
}

.progress .bar {
  background: #fff;
  width: 100%;
  height: 10px;
  margin-top: 5px;
  border-radius: 100px
}

.progress .bar .fill {
  background: #59c77f;
  height: 10px;
  border-radius: 100px
}

.side-by-side {
  display: -webkit-box;
  display: flex;
  flex-direction: column
}

@media only screen and (min-width:641px) {
  .side-by-side {
    flex-direction: row
  }
}

.side-by-side .side {
  vertical-align: middle;
  flex: 1 1
}

.side-by-side .side .inner {
  padding: 20px
}

@media only screen and (min-width:1025px) {
  .side-by-side .side .inner {
    padding: 50px
  }
}

.side-by-side .side.cover-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  min-height: 200px
}

.sm-tabs ul {
  border-bottom: 1px solid #dfdfd7;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin: 0
}

.sm-tabs ul:after {
  content: "\e626";
  position: absolute;
  top: 23px;
  right: 15px;
  z-index: 2;
  pointer-events: none;
  font-family: cw-icons;
  font-size: 16px;
  color: #369ff4
}

@media only screen and (max-width:0) {
  .sm-tabs ul.open:after {
    content: "\e627"
  }

  .sm-tabs ul.open a {
    position: relative;
    display: block
  }

  .sm-tabs ul.open li {
    border-bottom: 1px solid #dfdfd7
  }

  .sm-tabs ul.open li:not(.active) {
    display: block
  }

  .sm-tabs ul.open li:last-child {
    border-bottom: 0
  }
}

.sm-tabs li {
  display: none;
  text-align: left;
  color: #c1c1ba
}

.sm-tabs li.loading {
  color: #369ff4
}

.sm-tabs li.loading a {
  -webkit-animation: PulsingText 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  animation: PulsingText 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  border-bottom: 3px solid #dfdfd7
}

.sm-tabs li.loading:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 3px;
  width: 102%;
  margin-bottom: -3px;
  height: 3px;
  border-bottom: 3px solid;
  -webkit-animation: LoadingBar 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  animation: LoadingBar 1.5s cubic-bezier(.5, .01, .51, 1) infinite
}

.sm-tabs li:not(.active) a {
  color: #c1c1ba
}

.sm-tabs li:not(.active) a:hover {
  color: #9b9b94
}

.sm-tabs li.loading {
  display: block
}

.sm-tabs li.active {
  display: block;
  color: #369ff4;
  border: 0;
  position: relative;
  z-index: 1;
  background-color: #fff
}

@media only screen and (min-width:0) {
  .sm-tabs li.active {
    border-bottom: 3px solid
  }
}

.sm-tabs a {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 19px;
  border-bottom: 0
}

@media only screen and (min-width:0) {
  .sm-tabs a {
    position: absolute
  }
}

.sm-tabs.tabs-mini ul {
  justify-content: space-between
}

.sm-tabs.tabs-mini li {
  text-transform: uppercase;
  width: 100%
}

.sm-tabs.tabs-mini li.active,
.sm-tabs.tabs-mini li.active a,
.sm-tabs.tabs-mini li.loading,
.sm-tabs.tabs-mini li.loading a {
  border-bottom-width: 2px
}

.sm-tabs.tabs-mini li.loading:after {
  margin-bottom: -4px;
  height: 2px
}

.sm-tabs.tabs-mini a {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 20px 10px
}

@media only screen and (min-width:0) {
  .sm-tabs ul {
    display: -webkit-box;
    display: flex;
    justify-content: space-between
  }

  .sm-tabs ul.open:after,
  .sm-tabs ul:after {
    content: ""
  }

  .sm-tabs ul.open li:not(.active) {
    border-bottom: 0
  }

  .sm-tabs li {
    padding: 0;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    overflow: hidden
  }

  .sm-tabs a,
  .sm-tabs li {
    position: relative;
    display: inline-block
  }
}

@media only screen and (min-width:1025px) {
  .sm-tabs ul {
    justify-content: start
  }

  .sm-tabs li {
    width: auto
  }
}

.md-tabs ul {
  border-bottom: 1px solid #dfdfd7;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin: 0
}

.md-tabs ul:after {
  content: "\e626";
  position: absolute;
  top: 23px;
  right: 15px;
  z-index: 2;
  pointer-events: none;
  font-family: cw-icons;
  font-size: 16px;
  color: #369ff4
}

@media only screen and (max-width:641px) {
  .md-tabs ul.open:after {
    content: "\e627"
  }

  .md-tabs ul.open a {
    position: relative;
    display: block
  }

  .md-tabs ul.open li {
    border-bottom: 1px solid #dfdfd7
  }

  .md-tabs ul.open li:not(.active) {
    display: block
  }

  .md-tabs ul.open li:last-child {
    border-bottom: 0
  }
}

.md-tabs li {
  display: none;
  text-align: left;
  color: #c1c1ba
}

.md-tabs li.loading {
  color: #369ff4
}

.md-tabs li.loading a {
  -webkit-animation: PulsingText 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  animation: PulsingText 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  border-bottom: 3px solid #dfdfd7
}

.md-tabs li.loading:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 3px;
  width: 102%;
  margin-bottom: -3px;
  height: 3px;
  border-bottom: 3px solid;
  -webkit-animation: LoadingBar 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  animation: LoadingBar 1.5s cubic-bezier(.5, .01, .51, 1) infinite
}

.md-tabs li:not(.active) a {
  color: #c1c1ba
}

.md-tabs li:not(.active) a:hover {
  color: #9b9b94
}

.md-tabs li.loading {
  display: block
}

.md-tabs li.active {
  display: block;
  color: #369ff4;
  border: 0;
  position: relative;
  z-index: 1;
  background-color: #fff
}

@media only screen and (min-width:641px) {
  .md-tabs li.active {
    border-bottom: 3px solid
  }
}

.md-tabs a {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 19px;
  border-bottom: 0
}

@media only screen and (min-width:641px) {
  .md-tabs a {
    position: absolute
  }
}

.md-tabs.tabs-mini ul {
  justify-content: space-between
}

.md-tabs.tabs-mini li {
  text-transform: uppercase;
  width: 100%
}

.md-tabs.tabs-mini li.active,
.md-tabs.tabs-mini li.active a,
.md-tabs.tabs-mini li.loading,
.md-tabs.tabs-mini li.loading a {
  border-bottom-width: 2px
}

.md-tabs.tabs-mini li.loading:after {
  margin-bottom: -4px;
  height: 2px
}

.md-tabs.tabs-mini a {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 20px 10px
}

@media only screen and (min-width:641px) {
  .md-tabs ul {
    display: -webkit-box;
    display: flex;
    justify-content: space-between
  }

  .md-tabs ul.open:after,
  .md-tabs ul:after {
    content: ""
  }

  .md-tabs ul.open li:not(.active) {
    border-bottom: 0
  }

  .md-tabs li {
    padding: 0;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    overflow: hidden
  }

  .md-tabs a,
  .md-tabs li {
    position: relative;
    display: inline-block
  }
}

@media only screen and (min-width:1025px) {
  .md-tabs ul {
    justify-content: start
  }

  .md-tabs li {
    width: auto
  }
}

.lg-tabs ul {
  border-bottom: 1px solid #dfdfd7;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin: 0
}

.lg-tabs ul:after {
  content: "\e626";
  position: absolute;
  top: 23px;
  right: 15px;
  z-index: 2;
  pointer-events: none;
  font-family: cw-icons;
  font-size: 16px;
  color: #369ff4
}

@media only screen and (max-width:1025px) {
  .lg-tabs ul.open:after {
    content: "\e627"
  }

  .lg-tabs ul.open a {
    position: relative;
    display: block
  }

  .lg-tabs ul.open li {
    border-bottom: 1px solid #dfdfd7
  }

  .lg-tabs ul.open li:not(.active) {
    display: block
  }

  .lg-tabs ul.open li:last-child {
    border-bottom: 0
  }
}

.lg-tabs li {
  display: none;
  text-align: left;
  color: #c1c1ba
}

.lg-tabs li.loading {
  color: #369ff4
}

.lg-tabs li.loading a {
  -webkit-animation: PulsingText 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  animation: PulsingText 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  border-bottom: 3px solid #dfdfd7
}

.lg-tabs li.loading:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 3px;
  width: 102%;
  margin-bottom: -3px;
  height: 3px;
  border-bottom: 3px solid;
  -webkit-animation: LoadingBar 1.5s cubic-bezier(.5, .01, .51, 1) infinite;
  animation: LoadingBar 1.5s cubic-bezier(.5, .01, .51, 1) infinite
}

.lg-tabs li:not(.active) a {
  color: #c1c1ba
}

.lg-tabs li:not(.active) a:hover {
  color: #9b9b94
}

.lg-tabs li.loading {
  display: block
}

.lg-tabs li.active {
  display: block;
  color: #369ff4;
  border: 0;
  position: relative;
  z-index: 1;
  background-color: #fff
}

@media only screen and (min-width:1025px) {
  .lg-tabs li.active {
    border-bottom: 3px solid
  }
}

.lg-tabs a {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-size: 19px;
  border-bottom: 0
}

@media only screen and (min-width:1025px) {
  .lg-tabs a {
    position: absolute
  }
}

.lg-tabs.tabs-mini ul {
  justify-content: space-between
}

.lg-tabs.tabs-mini li {
  text-transform: uppercase;
  width: 100%
}

.lg-tabs.tabs-mini li.active,
.lg-tabs.tabs-mini li.active a,
.lg-tabs.tabs-mini li.loading,
.lg-tabs.tabs-mini li.loading a {
  border-bottom-width: 2px
}

.lg-tabs.tabs-mini li.loading:after {
  margin-bottom: -4px;
  height: 2px
}

.lg-tabs.tabs-mini a {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 20px 10px
}

@media only screen and (min-width:1025px) {
  .lg-tabs ul {
    display: -webkit-box;
    display: flex;
    justify-content: space-between
  }

  .lg-tabs ul.open:after,
  .lg-tabs ul:after {
    content: ""
  }

  .lg-tabs ul.open li:not(.active) {
    border-bottom: 0
  }

  .lg-tabs li {
    padding: 0;
    vertical-align: bottom;
    width: 100%;
    text-align: center;
    overflow: hidden
  }

  .lg-tabs a,
  .lg-tabs li {
    position: relative;
    display: inline-block
  }
}

@media only screen and (min-width:1025px) {
  .lg-tabs ul {
    justify-content: start
  }

  .lg-tabs li {
    width: auto
  }
}

.tab-wrapper>div {
  display: none
}

.tab-wrapper>.active {
  display: block
}

@-webkit-keyframes LoadingBar {
  0% {
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)
  }

  45% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  55% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  90% {
    -webkit-transform: translateX(102%);
    transform: translateX(102%)
  }

  to {
    -webkit-transform: translateX(102%);
    transform: translateX(102%)
  }
}

@keyframes LoadingBar {
  0% {
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)
  }

  45% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  55% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  90% {
    -webkit-transform: translateX(102%);
    transform: translateX(102%)
  }

  to {
    -webkit-transform: translateX(102%);
    transform: translateX(102%)
  }
}

@-webkit-keyframes PulsingText {
  0% {
    color: #c1c1ba
  }

  50% {
    color: #9b9b94
  }

  to {
    color: #c1c1ba
  }
}

@keyframes PulsingText {
  0% {
    color: #c1c1ba
  }

  50% {
    color: #9b9b94
  }

  to {
    color: #c1c1ba
  }
}

.text-separator {
  align-items: center;
  color: #9b9b94;
  display: -webkit-box;
  display: flex
}

.text-separator:after,
.text-separator:before {
  background: #dfdfd7;
  content: "";
  flex: 1 1;
  height: 1px
}

.text-separator span {
  padding: 0 10px
}

.yellow-underlined {
  border-bottom: 10px solid #ffca0a;
  line-height: .35em;
  margin-top: .65em !important;
  display: inline-block;
  padding-left: .15em;
  padding-right: .15em
}

@media only screen and (min-width:641px) {
  .yellow-underlined-medium-up {
    border-bottom: 10px solid #ffca0a;
    line-height: .35em;
    margin-top: .65em !important;
    display: inline-block;
    padding-left: .15em;
    padding-right: .15em
  }
}

.email-modal {
  display: block
}

.email-modal .modal-inner {
  padding: 0
}

.email-modal .modal-inner .modal-close {
  color: #fff
}

.email-modal .modal-inner .modal-hero {
  background-image: url(//d26p6gt0m19hor.cloudfront.net/packs/media/images/email-capture-modal/hero-31a2659e51291aba9d93a8288da3aefd.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 378.8px
}

.email-modal .modal-inner .modal-text {
  text-align: center
}

.email-modal .modal-inner .modal-text .h35 {
  color: #369ff4
}

.email-modal .modal-inner .modal-text .p30 {
  margin: 0 0 20px;
  padding: 0 40px
}

.email-modal .modal-inner .email-capture-form {
  padding: 0 40px 40px;
  position: relative
}

.email-modal .modal-inner .email-capture-form form {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px
}

.email-modal .modal-inner .email-capture-form form .button {
  height: auto;
  max-height: 48px
}

.email-modal .modal-inner .email-capture-form input {
  border-radius: 0
}

.email-modal .modal-inner .email-capture-form .mailing-input-wrapper {
  flex: 1 1;
  margin-left: -1px;
  margin-top: 0
}

.email-modal .modal-inner .email-capture-form .mailing-input-wrapper.first input {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px
}

.email-modal .modal-inner .email-capture-form .mailing-input-wrapper.second input {
  border-right: 0
}

.email-modal .modal-inner .email-capture-form .mailing-input-wrapper input,
.email-modal .modal-inner .email-capture-form .mailing-input-wrapper input:focus {
  border-color: #c1c1ba
}

@media only screen and (min-width:1025px) {
  .journey-player {
    display: -webkit-box;
    display: flex
  }
}

@media only screen and (min-width:1025px) {
  .journey-player .video {
    margin-right: 20px;
    width: 75%
  }
}

.journey-player .playlist {
  margin-top: 20px;
  position: relative
}

@media only screen and (min-width:1025px) {
  .journey-player .playlist {
    margin-left: auto;
    margin-top: 0;
    width: 25%
  }
}

.journey-player .playlist .cw-icon-angle-down,
.journey-player .playlist .cw-icon-angle-up {
  display: none
}

@media only screen and (min-width:1025px) {

  .journey-player .playlist .cw-icon-angle-down,
  .journey-player .playlist .cw-icon-angle-up {
    color: #71716c;
    cursor: pointer;
    display: block;
    font-size: 24px;
    left: calc(50% - 8px);
    position: absolute
  }
}

.journey-player .playlist .swiper-button-disabled {
  opacity: .4
}

.journey-player .playlist .cw-icon-angle-up {
  top: -30px
}

.journey-player .playlist .cw-icon-angle-down {
  bottom: -30px
}

.journey-player .swiper-container {
  height: 100px
}

@media only screen and (min-width:1025px) {
  .journey-player .swiper-container {
    height: 405px
  }
}

.journey-player .swiper-slide {
  cursor: pointer
}

.journey-player .thumbnail {
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.journey-player .thumbnail:before {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  opacity: .4;
  width: 100%
}

.journey-player .thumbnail span {
  bottom: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 10px;
  position: absolute
}

.journey-player .thumbnail.active {
  outline-offset: -5px;
  outline: 5px solid #369ff4
}

.journey-player .thumbnail.active:before {
  display: none
}

@media only screen and (min-width:1025px) {
  .mailing-list-intercept .modal-inner {
    width: 800px;
    margin: 100px auto
  }
}

.mailing-list-intercept .swiper-slide {
  height: auto;
  opacity: .5
}

@media only screen and (min-width:1025px) {
  .mailing-list-intercept .card {
    min-height: 380px
  }
}

.mailing-list-intercept .swiper-slide-active {
  opacity: 1
}

@media only screen and (min-width:1025px) {
  .mailing-list-intercept .swiper-slide-active {
    width: 600px !important
  }
}

.mailing-list-intercept .swiper-button-disabled {
  -webkit-filter: grayscale(100%) contrast(400%);
  filter: grayscale(100%) contrast(400%);
  cursor: auto !important
}

.mailing-list-intercept .next,
.mailing-list-intercept .prev {
  font-size: 30px;
  height: 50px;
  outline: none;
  top: calc(50% - 30px);
  width: 50px;
  z-index: 100000
}

.mailing-list-intercept .next i,
.mailing-list-intercept .prev i {
  line-height: 45px;
  text-align: center
}

.mailing-list-intercept .prev {
  left: 5px
}

@media only screen and (min-width:1025px) {
  .mailing-list-intercept .prev {
    left: 20px
  }
}

.mailing-list-intercept .next {
  right: 5px
}

@media only screen and (min-width:1025px) {
  .mailing-list-intercept .next {
    right: 20px
  }
}

@media only screen and (min-width:641px) {
  .people-served-input .amount:after {
    clear: both;
    content: "";
    display: table
  }
}

.people-served-input .amount input {
  width: 100%;
  position: relative
}

@media only screen and (min-width:641px) {
  .people-served-input .amount input {
    float: left;
    width: 55%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
  }
}

@media only screen and (min-width:641px) {
  .people-served-input .amount .postinput {
    right: 45%
  }
}

.people-served-input .amount .served {
  width: 100%;
  font-size: 14px;
  line-height: 1.1em;
  background: #e9eae4;
  color: #369ff4;
  padding: 13px 8px 10px;
  border: 1px solid #c1c1ba;
  border-radius: 4px;
  z-index: -1;
  text-align: center;
  margin-top: -5px
}

@media only screen and (min-width:641px) {
  .people-served-input .amount .served {
    display: table;
    width: 45%;
    font-size: 13px;
    line-height: 1.1em;
    float: left;
    padding: 0 8px;
    height: 48px;
    margin-top: 0;
    text-align: left;
    border-style: solid solid solid none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
  }
}

.people-served-input .amount .served div,
.people-served-input .amount .served i {
  vertical-align: middle;
  display: inline-block
}

@media only screen and (min-width:641px) {

  .people-served-input .amount .served div,
  .people-served-input .amount .served i {
    display: table-cell
  }
}

@media only screen and (min-width:641px) {
  .people-served-input .amount .served div {
    max-width: 85%
  }
}

.people-served-input .amount .served i {
  display: none;
  font-size: 28px
}

@media only screen and (min-width:641px) {
  .people-served-input .amount .served i {
    display: table-cell
  }
}

.people-served-input .postinput,
.people-served-input .preinput {
  top: 17px;
  -webkit-transform: none;
  transform: none;
  letter-spacing: 1px
}

@media only screen and (min-width:641px) {

  .people-served-input .postinput,
  .people-served-input .preinput {
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.act-as-user-spacer {
  height: 50px
}

.act-as-user-banner {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.act-as-user-banner .banner-button {
  position: absolute;
  right: 20px;
  top: 10px
}

.breadcrumbs-container {
  align-items: flex-start;
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 20px;
  width: 100%
}

@media only screen and (min-width:641px) {
  .breadcrumbs-container {
    flex-direction: row;
    justify-content: space-around;
    padding: 30px 0 20px
  }
}

.breadcrumb-wrapper {
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-direction: row;
  justify-content: center
}

@media only screen and (min-width:641px) {
  .breadcrumb-wrapper {
    flex-direction: column
  }
}

.breadcrumb-wrapper .checkmark {
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 50%;
  border: 1px solid #dfdfd7;
  display: -webkit-box;
  display: flex;
  height: 25px;
  justify-content: center;
  margin-right: 10px;
  width: 25px
}

@media only screen and (min-width:641px) {
  .breadcrumb-wrapper .checkmark {
    margin-right: 0
  }
}

.breadcrumb-wrapper .checkmark .cw-icon-ok {
  display: none
}

.breadcrumb-wrapper .checkmark.completed {
  background-color: #59c77f;
  border: 0
}

.breadcrumb-wrapper .checkmark.completed .cw-icon-ok {
  color: #fff;
  display: block;
  font-size: 15px
}

.breadcrumb-wrapper .screen-title {
  color: #9b9b94
}

.breadcrumb-wrapper .screen-title.active {
  color: #000
}

.clipboard-button {
  display: -webkit-box;
  display: flex;
  width: 100%
}

.clipboard-button input {
  overflow: hidden;
  height: 48px;
  border: 1px solid #c1c1ba;
  border-radius: 3px 0 0 3px;
  padding: 15px 0 15px 13px;
  color: #c1c1ba
}

.clipboard-button .input-group-button button {
  background-color: #eee;
  border-radius: 0 3px 3px 0;
  border: 1px solid #c1c1ba;
  border-left-style: none;
  padding: 0 10px 0 11px;
  height: 48px;
  line-height: 48px;
  width: 48px;
  font-size: inherit
}

.clipboard-button .input-group-button button img {
  width: 15px
}

.cookie-banner {
  z-index: 999999;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: background .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
  transition: background .15s linear, -webkit-transform .4s cubic-bezier(.86, 0, .07, 1);
  transition: background .15s linear, transform .4s cubic-bezier(.86, 0, .07, 1);
  transition: background .15s linear, transform .4s cubic-bezier(.86, 0, .07, 1), -webkit-transform .4s cubic-bezier(.86, 0, .07, 1)
}

.cookie-banner.dismissed-mobile-banner {
  -webkit-transform: translateY(90px);
  transform: translateY(90px)
}

.cookie-banner.dismissed-full-banner {
  -webkit-transform: translateY(215px);
  transform: translateY(215px)
}

.ui-datepicker {
  background-color: #fff;
  border: 1px solid #dfdfd7
}

@media only screen and (max-width:641px) {
  .ui-datepicker {
    left: 0 !important;
    top: 0 !important;
    width: 100%;
    height: 100%;
    padding: 20px 0
  }
}

@media only screen and (min-width:641px) {
  .ui-datepicker {
    padding: 20px
  }
}

.ui-datepicker-title {
  text-align: center;
  padding: 10px 20px 25px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #369ff4
}

.ui-datepicker-prev {
  position: absolute;
  left: 25px;
  top: 32px;
  width: 20px;
  height: 20px;
  font-size: 0
}

.ui-datepicker-prev:before {
  content: "\e611";
  font-family: cw-icons;
  font-size: 13px;
  padding: 10px
}

.ui-datepicker-next {
  font-size: 0;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 32px;
  width: 20px
}

.ui-datepicker-next:before {
  content: "\e612";
  font-family: cw-icons;
  font-size: 13px;
  padding: 10px
}

.ui-datepicker-calendar {
  width: 100%
}

@media only screen and (min-width:641px) {
  .ui-datepicker-calendar {
    min-width: 322px
  }
}

.ui-datepicker-calendar th {
  color: #71716c;
  font-size: 12px
}

.ui-datepicker-calendar td {
  padding: 3px;
  text-align: center
}

.ui-datepicker-calendar td.ui-state-disabled span {
  color: #c1c1ba;
  display: inline-block;
  height: 40px;
  max-width: 40px;
  padding-top: 10px
}

.ui-datepicker-calendar td a {
  border-radius: 50%;
  border: 2px solid transparent;
  color: #333232;
  display: inline-block;
  height: 37px;
  max-width: 37px;
  width: 100%;
  line-height: 34px
}

.ui-datepicker-calendar td a:hover {
  border: 2px solid #dfdfd7
}

.ui-datepicker-calendar td a.ui-state-active {
  border: 2px solid #369ff4;
  color: #369ff4;
  font-weight: 700
}

.ui-datepicker-prev.ui-state-disabled {
  opacity: 0;
  cursor: default
}

.geosuggest {
  font-size: 18px;
  position: relative;
  text-align: left
}

.geosuggest-label {
  display: none
}

.geosuggest__input {
  width: 100%;
  border: 1px solid transparent;
  padding: .5em 1em;
  -webkit-transition: border .2s, box-shadow .2s;
  transition: border .2s, box-shadow .2s
}

.geosuggest__input ::-webkit-input-placeholder {
  color: #dfdfd7
}

.geosuggest__input ::-moz-placeholder {
  color: #dfdfd7
}

.geosuggest__input :-ms-input-placeholder {
  color: #dfdfd7
}

.geosuggest__input ::-ms-input-placeholder {
  color: #dfdfd7
}

.geosuggest__input ::placeholder {
  color: #dfdfd7
}

.geosuggest__input:focus {
  border-color: #2684ff;
  box-shadow: 0 0 0 transparent
}

.geosuggest__suggests-wrapper {
  margin-top: 10px;
  position: relative
}

.geosuggest__suggests {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: .5em 0;
  margin-top: 0;
  background: #fff;
  border: 1px solid #dfdfd7;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  -webkit-transition: max-height .2s, border .2s;
  transition: max-height .2s, border .2s;
  border-radius: 4px
}

.geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
  padding: 0
}

.geosuggest__item {
  font-size: 14px;
  padding: .5em;
  cursor: pointer;
  color: #333232
}

.geosuggest__item:focus,
.geosuggest__item:hover {
  background: #f4f5f0
}

.geosuggest__item--active {
  background: #f4f5f0;
  color: #333232
}

.geosuggest__item--active:focus,
.geosuggest__item--active:hover {
  background: #f4f5f0
}

.geosuggest-clear {
  display: none;
  margin-top: 20px
}

.geosuggest-clear:after {
  content: "Clear location"
}

.grecaptcha-badge,
.hide-donate-links .nav-bar ul li.button-links>a[href$="/donate"],
.hide-donate-links .right-off-canvas-menu ul li a[href$="/donate"] {
  display: none
}

.intl-tel-input {
  width: 100%
}

.intl-tel-input .flag-container {
  z-index: 2
}

.intl-tel-input .selected-flag:focus {
  outline: none
}

.mailing-list-and-info {
  max-width: 980px;
  margin: -60px auto 0;
  padding: 30px;
  position: relative
}

.mailing-list-and-info p {
  margin: 0
}

.mailing-list-and-info form {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto
}

@media only screen and (min-width:641px) {
  .mailing-list-and-info form {
    display: -webkit-box;
    display: flex;
    max-width: 800px
  }
}

.mailing-list-and-info form .button {
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

@media only screen and (min-width:641px) {
  .mailing-list-and-info form .button {
    height: auto;
    max-height: 48px;
    width: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
  }
}

.mailing-list-and-info input {
  border-radius: 0
}

.mailing-list-and-info .mailing-input-wrapper {
  margin-top: -2px
}

.mailing-list-and-info .mailing-input-wrapper.first input {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

@media only screen and (min-width:641px) {
  .mailing-list-and-info .mailing-input-wrapper.first input {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
  }
}

@media only screen and (min-width:641px) {
  .mailing-list-and-info .mailing-input-wrapper.second input {
    border-right: 0
  }
}

@media only screen and (min-width:641px) {
  .mailing-list-and-info .mailing-input-wrapper {
    flex: 1 1;
    margin-left: -1px;
    margin-top: 0
  }
}

.mailing-list-and-info .mailing-input-wrapper input {
  border-color: #c1c1ba
}

.mailing-list-and-info .mailing-input-wrapper input:focus {
  border-color: #7bc1fa
}

.mailing-list-sign-up-button {
  height: 48px;
  line-height: 48px;
  background-color: #9064bf;
  color: #fff;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear
}

.mailing-list-sign-up-button.button--small {
  height: 32px;
  line-height: 32px
}

.mailing-list-sign-up-button.button--large {
  height: 64px;
  line-height: 64px
}

.mailing-list-sign-up-button.disabled,
.mailing-list-sign-up-button:disabled {
  opacity: .5;
  pointer-events: none;
  cursor: default
}

.mailing-list-sign-up-button:focus,
.mailing-list-sign-up-button:hover {
  background-color: #af8fd1
}

.parsley-errors-list {
  color: #fa575d;
  font-size: 13px;
  font-weight: 500;
  line-height: .75em;
  list-style-type: none;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
  margin: 1em 0
}

.parsley-errors-list li {
  line-height: normal
}

@media only percy {

  .hide-in-percy,
  iframe[src*=vimeo] {
    visibility: hidden !important
  }

  .display-none-in-percy {
    display: none !important
  }

  .stripe-elements .StripeElement--focus,
  .stripe-elements input:focus,
  input:focus {
    border-color: #c1c1ba !important
  }
}

.card .individual-campaign .campaign-details {
  height: 142px
}

.card .campaign-details p,
.open-campaigns .campaign-cards .campaign-details p {
  margin-bottom: 5px
}

.card .campaign-details .progress-wrapper,
.open-campaigns .campaign-cards .campaign-details .progress-wrapper {
  padding-top: 10px
}

.card .campaign-details .progress-wrapper .stats,
.open-campaigns .campaign-cards .campaign-details .progress-wrapper .stats {
  font-size: 14px;
  padding: 10px 0
}

.card .campaign-details .progress-wrapper .stats .stats-figure,
.open-campaigns .campaign-cards .campaign-details .progress-wrapper .stats .stats-figure {
  font-weight: 500
}

.card .campaign-details .progress-wrapper .stats .stats-label,
.open-campaigns .campaign-cards .campaign-details .progress-wrapper .stats .stats-label {
  font-weight: 400;
  font-size: 16px
}

.simple_form label abbr[title=required] {
  display: none
}

.sly-quiz-content {
  max-width: 100%;
  padding: 0 20px 100px;
  text-align: center
}

.sly-quiz-content .introduction {
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  max-width: 320px
}

@media only screen and (min-width:1025px) {
  .sly-quiz-content .introduction {
    max-width: 330px
  }
}

.sly-quiz-content .introduction .avatar {
  max-width: 40%
}

.sly-quiz-content .introduction .title {
  font-size: 30px;
  font-weight: 600;
  margin-top: 20px
}

.sly-quiz-content .introduction .main-text {
  font-size: 18px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 230px
}

@media only screen and (min-width:1025px) {
  .sly-quiz-content .introduction .main-text {
    max-width: 100%
  }
}

.sly-quiz-content .introduction .sub-text {
  font-size: 15px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 270px
}

.sly-quiz-content input[type=checkbox],
.sly-quiz-content input[type=radio] {
  display: none;
  text-transform: capitalize
}

.sly-quiz-content input[type=number] {
  border: 1px solid #369ff4;
  border-radius: 0;
  color: #369ff4;
  padding-left: 20px;
  width: 260px
}

@media only screen and (min-width:641px) {
  .sly-quiz-content input[type=number] {
    min-width: 450px
  }
}

.sly-quiz-content input[type=number]::-webkit-input-placeholder {
  color: #369ff4;
  opacity: 1
}

.sly-quiz-content input[type=number]::-moz-placeholder {
  color: #369ff4;
  opacity: 1
}

.sly-quiz-content input[type=number]:-ms-input-placeholder {
  color: #369ff4;
  opacity: 1
}

.sly-quiz-content input[type=number]::-ms-input-placeholder {
  color: #369ff4;
  opacity: 1
}

.sly-quiz-content input[type=number]::placeholder {
  color: #369ff4;
  opacity: 1
}

.sly-quiz-content .question-1,
.sly-quiz-content .question-2,
.sly-quiz-content .question-3 {
  height: 525px;
  overflow: scroll
}

.sly-quiz-content label {
  text-transform: none
}

.sly-quiz-content label.selected .sly-tile,
.sly-quiz-content label.selected .sly-tile:hover {
  border-color: #369ff4
}

.sly-quiz-content label.selected .sly-tile .sly-tile-inner {
  opacity: 1
}

.sly-quiz-content .sly-tile {
  border-color: #dfdfd7;
  height: 110px;
  cursor: pointer;
  -webkit-transition: .125s;
  transition: .125s
}

.sly-quiz-content .sly-tile:hover {
  border-color: #c1c1ba
}

.sly-quiz-content .sly-tile .sly-tile-inner {
  opacity: .5;
  -webkit-transition: .125s;
  transition: .125s
}

.sly-quiz-content .sly-tile .sly-tile-inner img {
  max-width: 40px;
  max-height: 40px
}

.sly-quiz-content .sly-tile .sly-tile-inner:hover {
  opacity: 1;
  -webkit-transition: .125s;
  transition: .125s
}

.sly-quiz-content .left-quiz-panel h2,
.sly-quiz-content .left-quiz-panel img,
.sly-quiz-content .left-quiz-panel p {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0
}

.sly-quiz-content .left-quiz-panel a {
  padding-top: 15px
}

.sly-quiz-content .left-quiz-panel a span {
  padding-right: 8px;
  font-size: 11px
}

.sly-quiz-content .left-quiz-panel video {
  width: 170px
}

.sly-quiz-content .option-icon {
  flex: 1 1;
  max-height: 40px
}

.sly-quiz-content .option-icon img {
  max-width: 30px;
  max-height: 30px
}

@media only screen and (min-width:641px) {
  .sly-quiz-content .option-icon img {
    max-width: 40px;
    max-height: 40px
  }
}

.sly-quiz-content .option-text {
  flex: 3 1
}

@media only screen and (min-width:641px) {
  .sly-quiz-content .option-text {
    flex: 1 1;
    margin-top: 10px;
    max-height: 20px
  }
}

.sly-quiz-content .input-wrapper.date label {
  flex: 0 1 100%
}

.sly-quiz-content .input-wrapper.date select {
  background-position: 95%;
  flex: 1 0 33%
}

.sly-quiz-content .input-wrapper.date .month {
  border-radius: 4px 0 0 4px
}

.sly-quiz-content .input-wrapper.date .month option {
  color: #333232
}

.sly-quiz-content .input-wrapper.date .year {
  border-radius: 0 4px 4px 0
}

.sly-quiz-content .question-wrapper {
  -webkit-transition: height .25s ease-in;
  transition: height .25s ease-in
}

.sly-quiz-content .pledge-intercept {
  margin-top: 85px;
  margin-bottom: 85px;
  padding-top: 75px;
  -webkit-transform: translateY(-130%);
  transform: translateY(-130%)
}

.sly-quiz-content .pledge-intercept img {
  top: -23px;
  left: calc(50% - 43px);
  width: 86px
}

.spring-logo-svg-wrapper .spring-logo {
  width: 160px
}

.spring-logo-svg-wrapper .spring-logo-underline--month {
  border-radius: 1px;
  left: calc(50% - 5.33333px);
  opacity: 1;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  height: 5.33333px;
  width: 5.33333px
}

.spring-logo-svg-wrapper .spring-logo-underline--month svg {
  height: 5.33333px;
  width: 5.33333px
}

.spring-logo-svg-wrapper .spring-logo-underline--month .inner-circle.dot-fill {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: dot-fill;
  animation-name: dot-fill
}

.spring-logo-svg-wrapper .spring-logo-underline--month .inner-circle.dot-pulse {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: dot-pulse;
  animation-name: dot-pulse;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.spring-logo-svg-wrapper section:first-of-type {
  -webkit-transform: translateX(-73.33334px);
  transform: translateX(-73.33334px)
}

.spring-logo-svg-wrapper section:nth-of-type(2) {
  -webkit-transform: translateX(-60.00001px);
  transform: translateX(-60.00001px)
}

.spring-logo-svg-wrapper section:nth-of-type(3) {
  -webkit-transform: translateX(-46.66668px);
  transform: translateX(-46.66668px)
}

.spring-logo-svg-wrapper section:nth-of-type(4) {
  -webkit-transform: translateX(-33.33335px);
  transform: translateX(-33.33335px)
}

.spring-logo-svg-wrapper section:nth-of-type(5) {
  -webkit-transform: translateX(-20.00002px);
  transform: translateX(-20.00002px)
}

.spring-logo-svg-wrapper section:nth-of-type(6) {
  -webkit-transform: translateX(-6.66669px);
  transform: translateX(-6.66669px)
}

.spring-logo-svg-wrapper section:nth-of-type(7) {
  -webkit-transform: translateX(6.66664px);
  transform: translateX(6.66664px)
}

.spring-logo-svg-wrapper section:nth-of-type(8) {
  -webkit-transform: translateX(19.99997px);
  transform: translateX(19.99997px)
}

.spring-logo-svg-wrapper section:nth-of-type(9) {
  -webkit-transform: translateX(33.3333px);
  transform: translateX(33.3333px)
}

.spring-logo-svg-wrapper section:nth-of-type(10) {
  -webkit-transform: translateX(46.66663px);
  transform: translateX(46.66663px)
}

.spring-logo-svg-wrapper section:nth-of-type(11) {
  -webkit-transform: translateX(59.99996px);
  transform: translateX(59.99996px)
}

.spring-logo-svg-wrapper section:nth-of-type(12) {
  -webkit-transform: translateX(73.33329px);
  transform: translateX(73.33329px)
}

.spring-mark-svg-wrapper {
  height: 100px
}

@media only screen and (min-width:641px) {
  .spring-mark-svg-wrapper {
    height: 120px
  }
}

.spring-mark-svg-wrapper .spring-mark-border {
  border-radius: 100px
}

@media only screen and (min-width:641px) {
  .spring-mark-svg-wrapper .spring-mark-border {
    border-radius: 120px
  }
}

.spring-mark-svg-wrapper .spring-mark-border__month {
  border-radius: 1px;
  height: 50px;
  left: calc(50% - 3.33333px);
  opacity: 1;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center
}

@media only screen and (min-width:641px) {
  .spring-mark-svg-wrapper .spring-mark-border__month {
    height: 60px;
    left: calc(50% - 4px)
  }
}

.spring-mark-svg-wrapper .spring-mark-border__month svg {
  height: 6.66667px;
  width: 6.66667px
}

@media only screen and (min-width:641px) {
  .spring-mark-svg-wrapper .spring-mark-border__month svg {
    height: 8px;
    width: 8px
  }
}

.spring-mark-svg-wrapper .spring-mark-border__month .inner-circle.dot-fill {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: dot-fill;
  animation-name: dot-fill
}

.spring-mark-svg-wrapper .spring-mark-border__month .inner-circle.dot-pulse {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: dot-pulse;
  animation-name: dot-pulse;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

.spring-mark-svg-wrapper section:first-of-type {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.spring-mark-svg-wrapper section:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}

.spring-mark-svg-wrapper section:nth-of-type(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}

.spring-mark-svg-wrapper section:nth-of-type(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.spring-mark-svg-wrapper section:nth-of-type(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg)
}

.spring-mark-svg-wrapper section:nth-of-type(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg)
}

.spring-mark-svg-wrapper section:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.spring-mark-svg-wrapper section:nth-of-type(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg)
}

.spring-mark-svg-wrapper section:nth-of-type(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg)
}

.spring-mark-svg-wrapper section:nth-of-type(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.spring-mark-svg-wrapper section:nth-of-type(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg)
}

.spring-mark-svg-wrapper section:nth-of-type(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg)
}

.spring-mark-svg-wrapper .spring-mark {
  height: 40px;
  top: 29px;
  width: 40px
}

@media only screen and (min-width:641px) {
  .spring-mark-svg-wrapper .spring-mark {
    height: 50px;
    top: 34px;
    width: 50px
  }
}

@-webkit-keyframes dot-fill {
  0% {
    r: 5%
  }

  to {
    r: 35%
  }
}

@keyframes dot-fill {
  0% {
    r: 5%
  }

  to {
    r: 35%
  }
}

@-webkit-keyframes dot-pulse {
  0% {
    r: 0
  }

  50% {
    r: 35%
  }

  to {
    r: 0
  }
}

@keyframes dot-pulse {
  0% {
    r: 0
  }

  50% {
    r: 35%
  }

  to {
    r: 0
  }
}

.video-box-container {
  -webkit-transition: background 1s linear;
  transition: background 1s linear;
  opacity: 1
}

.video-box-container.hero-video-active .video-box-modal {
  opacity: 1;
  z-index: 100000;
  background: #000
}

.video-box-container.hero-video-active .video-box-modal .modal-inner .video-box {
  opacity: 1
}

.video-box-container .video-box-modal {
  -webkit-transition: background 1s linear;
  transition: background 1s linear;
  opacity: 1;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100000
}

.video-box-container .video-box-modal .modal-close {
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  color: #fff;
  font-size: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 1
}

@media only screen and (min-width:641px) {
  .video-box-container .video-box-modal .modal-close {
    right: 30px
  }
}

@media only screen and (min-width:1025px) {
  .video-box-container .video-box-modal .modal-close {
    right: 40px
  }
}

.video-box-container .video-box-modal .modal-inner {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #000
}

.video-box-container .video-box-modal .modal-inner .video-box {
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  width: 85vw;
  height: 47.8125vw;
  max-height: 84.375vh;
  max-width: 150vh;
  margin: auto;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding-bottom: 0;
  opacity: 1
}

@media only screen and (min-width:1025px) {
  .video-box-container .video-box-modal .modal-inner .video-box {
    opacity: 0
  }
}

.video-box-container .video-box-modal .modal-inner .additional-popup {
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  opacity: 0;
  z-index: -1;
  padding: 50px 30px;
  background: rgba(0, 0, 0, .75);
  position: absolute;
  color: #fff;
  border-radius: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center
}

@media only screen and (min-width:641px) {
  .video-box-container .video-box-modal .modal-inner .additional-popup {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 420px
  }
}

.video-box-container .video-box-modal .modal-inner .additional-popup p {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px
}

@media only screen and (min-width:641px) {
  .video-box-container .video-box-modal .modal-inner .additional-popup p {
    max-width: none
  }
}

.video-box-container .video-box-modal .modal-inner .additional-popup a {
  display: table;
  margin: auto
}

.video-box-container .video-box-modal .modal-inner .additional-popup.triggered {
  opacity: 1;
  z-index: 1
}