@charset "UTF-8";
/**
 * Components 
 *
 * @note - use this rather than components.min.css to maintain relative paths
 */
@import url(../components/font-awesome/css/font-awesome.min.css);
@import url(../components/animate/animate.min.css);
/**
 * Functions & Mixins 
 */
/**
 * Clearfix
 */
/**
 * Grid Settings
 * Width settings for media queries in pixels
 * REQUIRED: All
 */
/* MEDIA
================================================== */
/**
 * Config 
 */
/**
 * Font Family
 */
/**
 * Colors
 */
/**
 * Breakpoints
 */
/**
 * Transitions
 */
/**
 * Lib - Components
 */
section, .section {
  background: #fff;
}

section {
  padding: 100px 0;
}

article {
  margin-top: 0px !important;
}

.type-page {
  padding-bottom: inherit;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.height-sm {
  min-height: 200px;
}

.height-med {
  min-height: 500px;
}

.height-lg {
  min-height: 800px;
}

/**
 * Hide/Show
 */
.hidden {
  display: none !important;
}

.visible--xs, .visible--sm {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .visible--xs, .visible--sm {
    display: block !important;
  }
}

.hidden--xs {
  display: block;
}
@media only screen and (max-width: 767px) {
  .hidden--xs {
    display: none;
  }
}

/**
 * Positioning
 */
.rel {
  position: relative !important;
}

/**
 * Colors
 */
.primary-text {
  color: #5e3a77;
}

.primary-default {
  color: #857787;
}

.secondary {
  color: #eab318;
}

.white {
  color: white;
}

/**
 * Borders
 */
.border-primary {
  border: 1px solid #56345b;
}

.border-secondary {
  border: 1px solid #eab318;
}

/**
 * Font Extension Classes
 *
 * Weights
 * Styles
 * Families
 * Decoration
 * Sizes
 */
.light-cond {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.normal {
  font-weight: normal;
}

.semibold {
  font-weight: 600;
}

.medium {
  font-weight: 600;
}

.black {
  font-weight: 800;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.lowercase {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

.small {
  font-size: 15px;
}

.tiny {
  font-size: 12px;
}

/**
 * Display
 */
.center {
  margin: 0 auto;
  float: none !important;
}

.table {
  display: table !important;
  height: 100%;
  width: 100%;
}

.table--full {
  width: 100%;
}

.table-cell {
  display: table-cell !important;
  vertical-align: middle;
}

.block {
  display: block;
}

.block--full {
  display: block;
  width: 100%;
  height: 100%;
}

.anchor--full {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.toggle {
  cursor: pointer;
}

.size-full {
  width: 100%;
}

/**
 * Backgrounds
 */
.bg--centered {
  background-size: auto auto;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.bg--cover {
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.bg--cover.med {
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .bg--cover.med {
    height: 300px;
  }
}

.thumb-responsive, .bg--fit {
  object-fit: cover;
  object-position: 50% 0%;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}
.thumb-responsive img, .bg--fit img {
  object-position: 50% 0% !important;
}

.bg--white {
  background-color: white;
}

.bg--gray {
  background-color: #f2f1f2;
}

.bg--primary, .bg--purple {
  background-color: #56345b;
  color: #fff;
}
.bg--primary p, .bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--purple p, .bg--purple h1, .bg--purple h2, .bg--purple h3, .bg--purple h4, .bg--purple h5, .bg--purple h6 {
  color: #fff;
}

.bg--secondary {
  background-color: #eab318;
}

.bg-image--bottom_right {
  position: relative;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.bg-image--top_right {
  position: relative;
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

/**
 * Text Alignment
 */
.text-left {
  text-align: left !important;
}

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

.text-right {
  text-align: right !important;
}

.text-links a {
  text-decoration: underline;
  color: inherit;
}

.text-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/**
 * Lists
 */
.list-inline {
  display: inline-block;
}
.list-inline li {
  position: relative;
  display: inline-block;
}
.list-inline.list-inline--has_divider li:before {
  position: relative;
  top: -1px;
  content: '|';
  padding: 0 5px;
}
.list-inline.list-inline--has_divider li:first-child:before {
  display: none;
}

.list-icons {
  margin: 0;
  width: 100%;
}
.list-icons li {
  position: relative;
  padding-left: 60px;
  color: white;
  margin-bottom: 15px;
}
.list-icons li .fa {
  position: absolute;
  top: 5px;
  left: 0;
  width: 44px;
  text-align: center;
  font-size: 30px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  padding: 5px 0 0;
  margin: 0;
}

ul.content-list {
  margin: 20px 100px;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  list-style: none;
}
ul.content-list li {
  padding-left: 20px;
  text-indent: -28px;
  margin-bottom: 10px;
}
ul.content-list li:before {
  content: "\f111";
  color: #eab318;
  font-family: fontawsome;
  font-size: 10px;
  margin-right: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  ul.content-list {
    margin: 20px;
  }
}

@media only screen and (max-width: 991px) {
  br {
    display: none;
  }
}
/* WYSYWIG CONTENT AREA
================================================== */
.wysywig-content p {
  font-size: 21px;
  line-height: 26px;
}
.wysywig-content .large {
  font-size: 34px;
  line-height: 40px;
}
.wysywig-content .caption {
  font-size: 18px;
  line-height: 24px;
  color: #7f8489;
}
.wysywig-content .gform_wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wysywig-content .gform_wrapper ul li {
  padding-right: 20px;
  padding-left: 0px;
  text-indent: 0px;
  margin-bottom: 0px;
}
.wysywig-content .gform_wrapper ul li:before {
  display: none;
}
.wysywig-content ul {
  margin: 20px 100px;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  list-style: none;
}
.wysywig-content ul li {
  padding-left: 20px;
  text-indent: -28px;
  margin-bottom: 10px;
}
.wysywig-content ul li:before {
  content: "\f111";
  color: #eab318;
  font-family: fontawsome;
  font-size: 10px;
  margin-right: 20px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .wysywig-content ul {
    margin: 20px;
  }
}

.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Floats
 */
.float-left, .pull-left {
  float: left !important;
}

.float-right, .pull-right {
  float: right !important;
}

.baseline {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/**
 * Generate Padding/Margin Helpers
 */
.m0 {
  margin: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.m60 {
  margin: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.p60 {
  padding: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.m70 {
  margin: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.p70 {
  padding: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.m80 {
  margin: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.p80 {
  padding: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.m90 {
  margin: 90px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.p90 {
  padding: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.m100 {
  margin: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.p100 {
  padding: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.m110 {
  margin: 110px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.ml110 {
  margin-left: 110px !important;
}

.p110 {
  padding: 110px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.m120 {
  margin: 120px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.p120 {
  padding: 120px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pr120 {
  padding-right: 120px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pl120 {
  padding-left: 120px !important;
}

.m130 {
  margin: 130px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mr130 {
  margin-right: 130px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.ml130 {
  margin-left: 130px !important;
}

.p130 {
  padding: 130px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pr130 {
  padding-right: 130px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.pl130 {
  padding-left: 130px !important;
}

.m140 {
  margin: 140px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.mr140 {
  margin-right: 140px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.ml140 {
  margin-left: 140px !important;
}

.p140 {
  padding: 140px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.pr140 {
  padding-right: 140px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

.pl140 {
  padding-left: 140px !important;
}

.m150 {
  margin: 150px !important;
}

.mt150 {
  margin-top: 150px !important;
}

.mr150 {
  margin-right: 150px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.ml150 {
  margin-left: 150px !important;
}

.p150 {
  padding: 150px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pr150 {
  padding-right: 150px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

.pl150 {
  padding-left: 150px !important;
}

/**
 * Generate Rotate Helpers
 */
.rotate0 {
  transform: rotate(0deg);
}

.rotate10 {
  transform: rotate(10deg);
}

.rotate20 {
  transform: rotate(20deg);
}

.rotate30 {
  transform: rotate(30deg);
}

.rotate40 {
  transform: rotate(40deg);
}

.rotate50 {
  transform: rotate(50deg);
}

.rotate60 {
  transform: rotate(60deg);
}

.rotate70 {
  transform: rotate(70deg);
}

.rotate80 {
  transform: rotate(80deg);
}

.rotate90 {
  transform: rotate(90deg);
}

.rotate100 {
  transform: rotate(100deg);
}

.rotate110 {
  transform: rotate(110deg);
}

.rotate120 {
  transform: rotate(120deg);
}

.rotate130 {
  transform: rotate(130deg);
}

.rotate140 {
  transform: rotate(140deg);
}

.rotate150 {
  transform: rotate(150deg);
}

.rotate160 {
  transform: rotate(160deg);
}

.rotate170 {
  transform: rotate(170deg);
}

.rotate180 {
  transform: rotate(180deg);
}

.rotate190 {
  transform: rotate(190deg);
}

.rotate200 {
  transform: rotate(200deg);
}

.rotate210 {
  transform: rotate(210deg);
}

.rotate220 {
  transform: rotate(220deg);
}

.rotate230 {
  transform: rotate(230deg);
}

.rotate240 {
  transform: rotate(240deg);
}

.rotate250 {
  transform: rotate(250deg);
}

.rotate260 {
  transform: rotate(260deg);
}

.rotate270 {
  transform: rotate(270deg);
}

.rotate280 {
  transform: rotate(280deg);
}

.rotate290 {
  transform: rotate(290deg);
}

.rotate300 {
  transform: rotate(300deg);
}

.rotate310 {
  transform: rotate(310deg);
}

.rotate320 {
  transform: rotate(320deg);
}

.rotate330 {
  transform: rotate(330deg);
}

.rotate340 {
  transform: rotate(340deg);
}

.rotate350 {
  transform: rotate(350deg);
}

.rotate360 {
  transform: rotate(360deg);
}

/**
 * Generate Letter Spacing Helpers Special Font
 */
.ls-0 {
  letter-spacing: -0px;
}

.ls-1 {
  letter-spacing: -1px;
}

.ls-2 {
  letter-spacing: -2px;
}

.ls-3 {
  letter-spacing: -3px;
}

.ls-4 {
  letter-spacing: -4px;
}

.ls-5 {
  letter-spacing: -5px;
}

.ls-6 {
  letter-spacing: -6px;
}

.ls-7 {
  letter-spacing: -7px;
}

.ls-8 {
  letter-spacing: -8px;
}

.ls-9 {
  letter-spacing: -9px;
}

.ls-10 {
  letter-spacing: -10px;
}

.invisible {
  visibility: hidden;
}

.o0 {
  opacity: 0;
}

/**
 * Generate Left/Right pull helpers
 */
.t0 {
  top: 0px !important;
}

.t-0 {
  top: -0px !important;
}

.r0 {
  right: 0px !important;
}

.r-0 {
  right: -0px !important;
}

.b0 {
  bottom: 0px !important;
}

.b-0 {
  bottom: -0px !important;
}

.l0 {
  left: 0px !important;
}

.l-0 {
  left: -0px !important;
}

.t5 {
  top: 5px !important;
}

.t-5 {
  top: -5px !important;
}

.r5 {
  right: 5px !important;
}

.r-5 {
  right: -5px !important;
}

.b5 {
  bottom: 5px !important;
}

.b-5 {
  bottom: -5px !important;
}

.l5 {
  left: 5px !important;
}

.l-5 {
  left: -5px !important;
}

.t10 {
  top: 10px !important;
}

.t-10 {
  top: -10px !important;
}

.r10 {
  right: 10px !important;
}

.r-10 {
  right: -10px !important;
}

.b10 {
  bottom: 10px !important;
}

.b-10 {
  bottom: -10px !important;
}

.l10 {
  left: 10px !important;
}

.l-10 {
  left: -10px !important;
}

.t15 {
  top: 15px !important;
}

.t-15 {
  top: -15px !important;
}

.r15 {
  right: 15px !important;
}

.r-15 {
  right: -15px !important;
}

.b15 {
  bottom: 15px !important;
}

.b-15 {
  bottom: -15px !important;
}

.l15 {
  left: 15px !important;
}

.l-15 {
  left: -15px !important;
}

.t20 {
  top: 20px !important;
}

.t-20 {
  top: -20px !important;
}

.r20 {
  right: 20px !important;
}

.r-20 {
  right: -20px !important;
}

.b20 {
  bottom: 20px !important;
}

.b-20 {
  bottom: -20px !important;
}

.l20 {
  left: 20px !important;
}

.l-20 {
  left: -20px !important;
}

.t25 {
  top: 25px !important;
}

.t-25 {
  top: -25px !important;
}

.r25 {
  right: 25px !important;
}

.r-25 {
  right: -25px !important;
}

.b25 {
  bottom: 25px !important;
}

.b-25 {
  bottom: -25px !important;
}

.l25 {
  left: 25px !important;
}

.l-25 {
  left: -25px !important;
}

.t30 {
  top: 30px !important;
}

.t-30 {
  top: -30px !important;
}

.r30 {
  right: 30px !important;
}

.r-30 {
  right: -30px !important;
}

.b30 {
  bottom: 30px !important;
}

.b-30 {
  bottom: -30px !important;
}

.l30 {
  left: 30px !important;
}

.l-30 {
  left: -30px !important;
}

.t35 {
  top: 35px !important;
}

.t-35 {
  top: -35px !important;
}

.r35 {
  right: 35px !important;
}

.r-35 {
  right: -35px !important;
}

.b35 {
  bottom: 35px !important;
}

.b-35 {
  bottom: -35px !important;
}

.l35 {
  left: 35px !important;
}

.l-35 {
  left: -35px !important;
}

.t40 {
  top: 40px !important;
}

.t-40 {
  top: -40px !important;
}

.r40 {
  right: 40px !important;
}

.r-40 {
  right: -40px !important;
}

.b40 {
  bottom: 40px !important;
}

.b-40 {
  bottom: -40px !important;
}

.l40 {
  left: 40px !important;
}

.l-40 {
  left: -40px !important;
}

.t45 {
  top: 45px !important;
}

.t-45 {
  top: -45px !important;
}

.r45 {
  right: 45px !important;
}

.r-45 {
  right: -45px !important;
}

.b45 {
  bottom: 45px !important;
}

.b-45 {
  bottom: -45px !important;
}

.l45 {
  left: 45px !important;
}

.l-45 {
  left: -45px !important;
}

.t50 {
  top: 50px !important;
}

.t-50 {
  top: -50px !important;
}

.r50 {
  right: 50px !important;
}

.r-50 {
  right: -50px !important;
}

.b50 {
  bottom: 50px !important;
}

.b-50 {
  bottom: -50px !important;
}

.l50 {
  left: 50px !important;
}

.l-50 {
  left: -50px !important;
}

.mt5 {
  margin-top: 5px;
}

/**
 * Z-Index
 */
.z0 {
  z-index: 0;
}

.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

.z4 {
  z-index: 4;
}

.z5 {
  z-index: 5;
}

.z5 {
  z-index: 5;
}

.z10 {
  z-index: 10;
}

/**
 * Line Height
 */
.lh1-1 {
  line-height: 1.1;
}

.lh1-2 {
  line-height: 1.2;
}

.lh1-3 {
  line-height: 1.3;
}

.lh1-4 {
  line-height: 1.4;
}

.lh1-5 {
  line-height: 1.5;
}

/**
 * No Select
 */
.no-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * Object Fit
 */
.object-fit--fill {
  -webkit-object-fit: fill;
  -moz-object-fit: fill;
  -ms-object-fit: fill;
  object-fit: fill;
}

.object-fit--contain {
  -webkit-object-fit: contain;
  -moz-object-fit: contain;
  -ms-object-fit: contain;
  object-fit: contain;
}

.object-fit--cover {
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
  -ms-object-fit: cover;
  object-fit: cover;
}

.object-fit--none {
  -webkit-object-fit: none;
  -moz-object-fit: none;
  -ms-object-fit: none;
  object-fit: none;
}

.object-fit--scale-down {
  -webkit-object-fit: scale-down;
  -moz-object-fit: scale-down;
  -ms-object-fit: scale-down;
  object-fit: scale-down;
}

.button, a.zilla-button, .btn {
  padding: 1rem 1.5rem;
  display: inline-block;
  border: none;
  font-weight: 300;
  font-size: 0.8125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  color: #eab318;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  min-width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.button .right-arrow-icon, a.zilla-button .right-arrow-icon, .btn .right-arrow-icon {
  fill: #eab318;
}
.button:hover, a.zilla-button:hover, .btn:hover {
  color: #d39d06;
}
.button.border, a.zilla-button.border, .btn.border {
  border: 1px solid #eab318;
  border-radius: 3px;
  margin-top: 30px;
  font-weight: 900;
}
.button.border:hover, a.zilla-button.border:hover, .btn.border:hover {
  background: #eab318;
  color: #fff;
}
.button.border:hover .right-arrow-icon, a.zilla-button.border:hover .right-arrow-icon, .btn.border:hover .right-arrow-icon {
  fill: #fff;
}
.button.fill, a.zilla-button.fill, .btn.fill {
  color: #fff;
  background: #eab318;
}
.button.fill:hover, a.zilla-button.fill:hover, .btn.fill:hover {
  background: #d39d06;
}
.button.purple, a.zilla-button.purple, .btn.purple {
  background: #56345b !important;
}
.button.purple.square, a.zilla-button.purple.square, .btn.purple.square {
  border: 1px solid #56345b !important;
  color: #56345b !important;
  background: transparent !important;
}

.secondary-button:hover {
  color: #fff;
  background: #eab318;
  border-radius: 4px;
}

.archive-posts a.date {
  color: #eab318;
}

body {
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a {
  margin: 0;
  color: #857787;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 55px;
  line-height: 48px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
h1.small {
  font-size: 45px;
  color: #eab318;
  line-height: .8;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 34px;
  line-height: 45px;
  text-transform: uppercase;
  font-weight: 300;
}
h2.elia {
  font-family: "santelia", "Georgia", Georgia, serif;
  text-transform: none;
}

h3 {
  font-size: 26px;
  font-weight: 300;
  line-height: 36px;
}

h4 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

h5 {
  font-size: 17px;
  line-height: auto;
  font-weight: bold;
  text-transform: uppercase;
}

h6 {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}
@media only screen and (max-width: 767px) {
  h6 {
    font-size: 18px;
  }
}

p {
  font-size: 21px;
  line-height: 1.4em;
  font-weight: 300;
  color: #857787;
}
p.subtitle {
  text-transform: uppercase;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  p {
    font-size: 18px;
  }
}

a {
  color: #eab318;
  font-size: inherit;
  text-transform: none;
}
a.btn {
  font-size: 13px;
  text-transform: uppercase;
}
a:hover {
  color: #d39d06;
}

strong {
  font-weight: bold !important;
}

ul {
  margin-left: 15px;
}
ul li {
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#main ul > li:before {
  content: '\2022';
  margin-right: 10px;
}

/**
 * Grid Config
 */
/**
 * Container
 */
.container {
  margin: 0 auto;
  max-width: 980px;
}
@media only screen and (max-width: 991px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container--full {
  max-width: 100%;
  width: 100%;
}

.container--full-padded {
  max-width: none;
  width: 100%;
  padding: 0 30px;
}

.container--huge {
  max-width: 1280px;
}

.container--large {
  max-width: 1140px;
}

.container--med {
  max-width: 800px;
  margin: 0 auto;
}

.container--small {
  max-width: 680px;
  margin: 0 auto;
}

.container--padded {
  padding: 0 50px;
}

@media only screen and (max-width: 991px) {
  .container--small, .container--med {
    padding: 0 20px;
  }
}
/**
 * Row
 */
.row:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.row--gutters {
  margin-left: -15px;
  margin-right: -15px;
}
.row--gutters:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.row--gutters *[class^="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

.row--content {
  margin-bottom: 20px;
}

.row--padded {
  padding: 0 50px;
}

.centered {
  margin: 0 auto;
  float: none !important;
}

/**
 * Columns
 */
.col-1 {
  width: 8.3333333333%;
  float: left;
}

.col-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.col-pull-1 {
  position: relative;
  right: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
  float: left;
}

.col-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.col-pull-2 {
  position: relative;
  right: 16.6666666667%;
}

.col-3 {
  width: 25%;
  float: left;
}

.col-push-3 {
  position: relative;
  left: 25%;
}

.col-pull-3 {
  position: relative;
  right: 25%;
}

.col-4 {
  width: 33.3333333333%;
  float: left;
}

.col-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.col-pull-4 {
  position: relative;
  right: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
  float: left;
}

.col-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.col-pull-5 {
  position: relative;
  right: 41.6666666667%;
}

.col-6 {
  width: 50%;
  float: left;
}

.col-push-6 {
  position: relative;
  left: 50%;
}

.col-pull-6 {
  position: relative;
  right: 50%;
}

.col-7 {
  width: 58.3333333333%;
  float: left;
}

.col-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.col-pull-7 {
  position: relative;
  right: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
  float: left;
}

.col-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.col-pull-8 {
  position: relative;
  right: 66.6666666667%;
}

.col-9 {
  width: 75%;
  float: left;
}

.col-push-9 {
  position: relative;
  left: 75%;
}

.col-pull-9 {
  position: relative;
  right: 75%;
}

.col-10 {
  width: 83.3333333333%;
  float: left;
}

.col-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.col-pull-10 {
  position: relative;
  right: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
  float: left;
}

.col-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.col-pull-11 {
  position: relative;
  right: 91.6666666667%;
}

.col-12 {
  width: 100%;
  float: left;
}

.col-push-12 {
  position: relative;
  left: 100%;
}

.col-pull-12 {
  position: relative;
  right: 100%;
}

.col-1-5 {
  float: left;
  width: 20%;
}

.col--half:first-child {
  padding-right: 40px;
}
.col--half:last-child {
  padding-left: 40px;
}

.col-table {
  display: table !important;
}

/**
 * Media Queries
 */
@media only screen and (max-width: 767px) {
  .col-1 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-2 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-3 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-4 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-5 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-6 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-7 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-8 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-9 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-10 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-11 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-12 {
    width: 100%;
    float: left;
    margin-bottom: 50px;
  }

  .col-i:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .col-6:first-of-type {
    padding-right: 0px !important;
  }
}
/**
 * Flexbox
 */
.row--flex {
  display: flex;
  flex-wrap: wrap;
}

/* _fonts.scss */
/**
 * @license
 * MyFonts Webfont Build ID 3148434, 2016-01-04T16:23:02-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: TradeGothicLT-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/trade-gothic/light-63882/
 * 
 * Webfont: TradeGothicLT-Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/trade-gothic/bold-63882/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3148434
 * Licensed pageviews: 250,000
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for
 * producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library
 * GmbH, www.linotype.com. All rights reserved. This software is the property of
 * Linotype Library GmbH, and 
 * 
 * © 2016 MyFonts Inc
*/
@font-face {
  font-family: tradegothic;
  src: url("../fonts/tradegothic/TradeGothic-bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/tradegothic/TradeGothic-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/tradegothic/TradeGothic-bold.woff") format("woff"), url("../fonts/tradegothic/TradeGothic-bold.ttf") format("truetype"), url("../fonts/tradegothic/TradeGothic-bold.svg#tradegothic") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: tradegothic;
  src: url("../fonts/tradegothic/TradeGothic-light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/tradegothic/TradeGothic-light.eot?#iefix") format("embedded-opentype"), url("../fonts/tradegothic/TradeGothic-light.woff") format("woff"), url("../fonts/tradegothic/TradeGothic-light.ttf") format("truetype"), url("../fonts/tradegothic/TradeGothic-light.svg#tradegothic") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: santelia;
  src: url("../fonts/santelia/381EE6_0_0.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/santelia/381EE6_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/santelia/381EE6_0_0.woff") format("woff"), url("../fonts/santelia/381EE6_0_0.ttf") format("truetype"), url("../fonts/santelia/381EE6_0_0.svg#santelia") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
}
/**
 * Chrome v33 "invisible text" fix
 */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?u1at8x");
  src: url("../fonts/icomoon/icomoon.eot?u1at8x#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?u1at8x") format("truetype"), url("../fonts/icomoon/icomoon.woff?u1at8x") format("woff"), url("../fonts/icomoon/icomoon.svg?u1at8x#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-volunteer-icon:before {
  content: "\e900";
}

.icon-outcomes-icon05:before {
  content: "\e901";
}

.icon-outcomes-icon03:before {
  content: "\e902";
}

.icon-campaign-icon:before {
  content: "\e903";
}

.icon-donate-icon:before {
  content: "\e904";
}

.icon-mentor-icon:before {
  content: "\e905";
}

.icon-outcomes-icon01:before {
  content: "\e906";
}

.icon-outcomes-icon02:before {
  content: "\e907";
}

.icon-outcomes-icon04:before {
  content: "\e908";
}

.icon-outcomes-icon06:before {
  content: "\e909";
}

/**
 * Modules - Components
 */
.home-stats {
  margin-top: 80px;
}
.home-stats .animate-stat {
  width: 20%;
  float: left;
  text-align: center;
}
.home-stats .animate-stat h2 {
  color: #453c48;
  margin-bottom: 20px;
}
@media screen and (max-width: 860px) {
  .home-stats .animate-stat h2 {
    font-size: 26px;
  }
}

.portfolio-project:hover .portfolio-project-img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.portfolio-project-desc {
  background: #f2f1f2 !important;
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
  color: #fff;
  padding: 0;
}
.portfolio-project-desc .inner {
  padding: 0 100px;
}
.portfolio-project-desc .inner h4 {
  margin-bottom: 20px;
  padding: 0 75px;
}
.portfolio-project-desc .inner .portfolio-button {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .portfolio-project-desc {
    width: 100%;
  }
  .portfolio-project-desc .inner {
    padding: 0;
  }
  .portfolio-project-desc .inner h4 {
    padding: 0 20px;
  }
}

.portfolio-project-img, .portfolio-project-desc {
  height: 550px !important;
}
.portfolio-project-img img, .portfolio-project-desc img {
  height: 100%;
  object-position: 50% 0%;
}
@media only screen and (max-width: 767px) {
  .portfolio-project-img, .portfolio-project-desc {
    height: 350px !important;
  }
}

.portfolio-project-desc {
  height: 550px !important;
}
@media screen and (max-width: 890px) {
  .portfolio-project-desc {
    width: 100%;
    height: 400px !important;
  }
}

.inner-width p:first-of-type {
  margin: 0 auto;
}

.testimonials .slick-prev-icon, .testimonials .slick-next-icon {
  fill: #eab318;
}
.testimonials .testimonial-text {
  padding-bottom: 30px;
}
.testimonials .slick-prev, .testimonials .slick-next {
  top: 11.4375rem;
}
.testimonials .slick-prev {
  left: 36%;
}
.testimonials .slick-next {
  right: 36%;
}
.testimonials .testimonial-image {
  width: 180px;
  height: 180px;
  margin-bottom: 40px;
}
.testimonials .testimonial-image img {
  height: 180px !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
}
@media only screen and (max-width: 767px) {
  .testimonials .slick-prev {
    left: 10%;
  }
  .testimonials .slick-next {
    right: 10%;
  }
}

.testimonial-image img {
  height: 100%;
}

.cta .col-4 {
  padding: 0 30px;
}
.cta .col-4 hr {
  width: 25%;
  border-top: #eab318;
  border-color: #eab318;
  margin: 20px auto;
}
.cta .col-4 .circle-image {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.cta .col-4 .circle-image img {
  border-radius: 50%;
  background-color: #f2f1f2;
}
.cta .col-4 h5 {
  color: #5e3a77;
}

.testimonial-author-info {
  color: #5e3a77;
}

a.trigger-down {
  margin-left: -10px !important;
}

/* Outer */
.site-footer {
  background-color: #56345b;
}
.site-footer .site-footer-contact-info {
  padding-top: 0;
}
.site-footer .site-footer-social-icons {
  margin: 1em 0;
}
.site-footer .site-footer-social-icons .social-icons {
  margin: 1.5em 0 1em 0;
}
.site-footer .site-footer-social-icons .social-icon {
  fill: #eab318;
  opacity: 1;
}
.site-footer .site-footer-social-icons .social-icon:hover {
  fill: #d39d06;
}
.site-footer .site-footer-inner .teak-subscribe-text {
  color: white !important;
  font-size: 24px;
  font-weight: 600;
  padding-left: 10px;
  text-align: center;
}
.site-footer .site-footer-inner #gform_wrapper_2 .gfield_label, .site-footer .site-footer-inner #gform_wrapper_2 label {
  font-size: 16px;
  color: white !important;
  text-align: left !important;
  text-transform: initial;
  font-weight: 600;
  margin-bottom: 10px;
}
.site-footer .site-footer-inner #gform_wrapper_2 .gform-button {
  background: #eab318;
  color: white !important;
}
.site-footer .site-footer-inner .site-footer-inner-logo {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-footer .site-footer-inner .site-footer-inner-logo img {
  height: 170px;
}
.site-footer .site-footer-inner .site-footer-inner-bottom {
  border-top: none;
  padding-top: 0;
}
.site-footer .site-footer-inner .site-footer-inner-bottom .copyright {
  text-transform: none;
}
.site-footer .site-footer-inner .charitynavigator img {
  height: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.footer-media {
  color: white;
  letter-spacing: 1px;
}

.site-header-inner-top.fixed .site-header-menu-text, .site-header-inner-top .site-header-menu-text {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  line-height: 30px;
}
.site-header-inner-top .inner-width-nav {
  min-height: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.site-header-inner-top .site-header-inner-menu {
  margin-top: 0;
  display: flex;
}
.site-header-inner-top .site-header-inner-menu .menu-closed, .site-header-inner-top .site-header-inner-menu .site-header-menu-icon {
  top: 38px;
  position: relative;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.site-header-inner-top .site-header-inner-menu .nav-donate {
  background: #56345b;
  color: #fff;
  padding: 0 30px;
  height: 100px;
  margin-left: 30px;
}
.site-header-inner-top .site-header-inner-menu .nav-donate a {
  color: #fff;
  top: 38px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .site-header-inner-top .site-header-inner-menu .menu-closed, .site-header-inner-top .site-header-inner-menu .menu-open {
    display: none;
  }
  .site-header-inner-top .site-header-inner-menu .nav-donate {
    padding: 0 20px;
    margin-left: 10px;
    font-size: 32px;
    line-height: .9em;
  }
  .site-header-inner-top .site-header-inner-menu .nav-donate a {
    top: 32px;
  }
  .site-header-inner-top .site-header-inner-menu .site-header-menu-icon {
    margin-right: 20px;
  }
}
.site-header-inner-top .site-header-inner-logo {
  margin-left: 30px;
}
.site-header-inner-top .site-header-inner-logo .site-logo-link .logo-header {
  background-image: url("../images/logo-25-yrs.png");
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 2.5em;
  top: .5em;
  width: 250px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .site-header-inner-top .site-header-inner-logo .site-logo-link .logo-header {
    width: 145px;
    margin-top: 20px;
  }
}

.menu-open .site-header-inner-top {
  fill: #5e3a77;
  color: #5e3a77;
}
.menu-open .site-header-inner-top .site-header-menu-text {
  line-height: 100px;
  color: #758086 !important;
}
.menu-open .site-header-menu-line {
  fill: #758086;
}
.menu-open .site-header-full-menu {
  background: #f2f1f2;
}
.menu-open .site-header-full-menu ul li a {
  color: #5e3a77;
  fill: #5e3a77;
}
.menu-open .site-header-full-menu ul li a:hover {
  color: #56345b;
  text-decoration: none;
  border-bottom: none;
}
.menu-open .site-header-full-menu ul li a .down-arrow-icon {
  width: 14px;
}
.menu-open .site-header-full-menu ul li.menu-item-has-children {
  margin-left: 0;
  padding: 0 10px;
}
.menu-open .site-header-full-menu ul li.menu-item-has-children .down-arrow-icon {
  fill: #5e3a77;
}
.menu-open .site-header-full-menu ul li .sub-menu {
  line-height: 2.5em;
}
.menu-open .site-header-full-menu ul li .sub-menu a:hover {
  color: #eab318;
  text-decoration: none;
}
.menu-open .site-header-full-menu .switcher {
  margin: 0 auto;
}
.menu-open .site-header-full-menu .switcher.notranslate a {
  font-size: 24px;
  color: #5e3a77;
  font-weight: 700;
}
.menu-open .site-header-full-menu .social-icons .social-icon {
  fill: #eab318;
  opacity: 1;
}
.menu-open .site-header-full-menu .social-icons .social-icon:hover {
  opacity: .5;
}
.menu-open .site-header-full-menu .copyright {
  color: #5e3a77;
}

.home .site-header-inner-logo .site-logo-link .logo-header {
  background-image: url("../images/logo-25-yrs.png");
}
.home .site-header-inner-logo .site-logo-link.fixed .logo-header {
  background-image: url("../images/logo-25-yrs.png");
}
.home .menu-open .site-header-inner-logo .site-logo-link .logo-header {
  background-image: url("../images/logo-25-yrs.png");
}

.donate-dropdown {
  background-color: #fff;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 10px;
  float: right;
  position: relative;
  z-index: 99;
}
.donate-dropdown ul {
  text-align: right;
}
.donate-dropdown.closed {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  #gtranslate_wrapper {
    display: none;
  }
}

.hero-content-full {
  margin-top: 150px;
}
@media only screen and (max-width: 1440px) {
  .hero-content-full {
    margin-top: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-content-full {
    margin-top: 0px;
  }
}

.hero-overlay {
  background: #453c48;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.page-template-page-cover .hero {
  position: relative;
}

.page-template-page-home .site-header-inner-top, .page-template-page-home .site-header-menu-icon {
  background-color: transparent;
  color: #fff;
  fill: #fff;
}
.page-template-page-home .site-header-inner-top.fixed, .page-template-page-home .site-header-menu-icon.fixed {
  background-color: #fff;
}

/* hero-Header */
.hero-header {
  position: relative;
  margin: 0 auto;
  height: 100vh;
  width: 100%;
}
.hero-header.hero-long {
  height: 600px;
}
.hero-header.hero-short {
  height: 500px;
}
.hero-header .bg-img {
  top: 90px;
}
.hero-header .hero-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 100px;
}
.hero-header .hero-content h1 {
  text-shadow: 2px 2px 3px #453c48;
}
.hero-header .hero-content p.subtitle {
  text-shadow: 3px 3px 3px #453c48;
}
.hero-header .hero-content .timeline-meet {
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .hero-header .hero-content {
    margin-top: 50px;
  }
  .hero-header.hero-long {
    height: 470px;
  }
  .hero-header.hero-short {
    height: 400px;
  }
}

.home .hero-header .bg-img {
  top: 0;
}

@media only screen and (max-width: 767px) {
  .hero-content-full {
    padding-top: 50%;
  }

  .hero-content {
    padding-bottom: 0;
  }
}
.bg-img {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bg-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
.bg-img:after {
  content: '';
  background-color: #453c48;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .bg-img img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
  }
}

.title {
  z-index: 20;
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: 35%;
}
.title h1, .title h2, .title h3, .title h4 {
  color: #fff;
}

/* Trigger Button */
a.trigger-down {
  position: fixed;
  bottom: 40px;
  left: 50%;
  z-index: 100;
  display: block;
  margin-left: -20px;
}

video.bg-video {
  position: fixed;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 1440px) {
  video.bg-video {
    max-width: 1440px;
  }
}

.home-headphones {
  color: #eab318;
}

.hero-header h1 i {
  font-size: 70px;
}
.hero-header h4 {
  font-size: 26px;
  margin-bottom: 40px;
}
.hero-header .bg-img:before {
  z-index: 5;
}
.hero-header .bg-img.giving:before {
  background-color: transparent;
}

.page-template-home .hero-header h1 {
  margin-right: -62px;
}

.home-hero .bg-img:after {
  content: '';
  background-color: #453c48;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

.program-timeline .col-2 {
  padding: 100px 30px 80px 30px;
  background: #56345b;
  height: 300px;
}
.program-timeline .col-2:nth-child(2) {
  background: #633e68;
}
.program-timeline .col-2:nth-child(3) {
  background: #704a76;
}
.program-timeline .col-2:nth-child(4) {
  background: #7c5482;
}
.program-timeline .col-2:nth-child(5) {
  background: #875f8d;
}
.program-timeline .col-2:nth-child(6) {
  background: #906896;
}
.program-timeline .col-2 h1, .program-timeline .col-2 h5 {
  text-align: left;
}
.program-timeline .col-2 h5 {
  color: #fff;
  line-height: 1.2em;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .program-timeline .col-2 {
    width: 33.3%;
  }
}
@media only screen and (max-width: 767px) {
  .program-timeline .col-2 {
    margin-bottom: 0 !important;
    height: 200px;
    padding: 50px 30px;
  }
}

.project-all-projects-block {
  margin-bottom: 1.25rem;
  padding-bottom: 0;
}
.project-all-projects-block .project-all-projects-block-img:before {
  background: #453c48;
  position: relative;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  margin-bottom: 20px;
}
.project-all-projects-block .project-all-projects-block-img:hover:before {
  background: #eab318;
  opacity: .8;
}
.project-all-projects-block .project-all-projects-block-img:hover .project-all-projects-title h4 {
  top: 20%;
  -moz-translateY: 85px;
  -o-translateY: 85px;
  -webkit-translateY: 85px;
  translateY: 85px;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;
}
.project-all-projects-block .project-all-projects-block-img:hover .square__action {
  visibility: visible;
  opacity: 1;
  -moz-translateY: 85px;
  -o-translateY: 85px;
  -webkit-translateY: 85px;
  translateY: 85px;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
.project-all-projects-block .project-all-projects-block-img:hover .square__action p {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  text-transform: none;
  line-height: 20px;
  top: 40%;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 0 30px;
}
.project-all-projects-block .project-all-projects-block-hover {
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  height: 20.625rem;
  width: 100%;
  padding: 0;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.project-all-projects-block .project-all-projects-block-hover .project-all-projects-title h4 {
  color: #fff;
  position: absolute;
  top: 50%;
  width: 100%;
  -moz-translateY: 25px;
  -o-translateY: 25px;
  -webkit-translateY: 25px;
  translateY: 25px;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
.project-all-projects-block .project-all-projects-block-hover .square__action {
  visibility: hidden;
  opacity: 0;
}
@media only screen and (max-width: 991px) {
  .project-all-projects-block .project-all-projects-block-hover {
    -moz-translateY: 20px;
    -o-translateY: 20px;
    -webkit-translateY: 20px;
    translateY: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .project-all-projects-block .project-all-projects-block-img {
    height: 22em;
  }
  .project-all-projects-block .project-all-projects-block-img:before {
    background: #eab318;
    position: relative;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    margin-bottom: 20px;
  }
  .project-all-projects-block .project-all-projects-block-img .project-all-projects-block-hover {
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    height: 20.625rem;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .project-all-projects-block .project-all-projects-block-img .project-all-projects-block-hover .project-all-projects-title h4 {
    color: #fff;
    top: 15%;
    width: 100%;
    padding: 0 20px;
    -moz-translateY: 85px;
    -o-translateY: 85px;
    -webkit-translateY: 85px;
    translateY: 85px;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
  }
  .project-all-projects-block .project-all-projects-block-img .project-all-projects-block-hover .square__action {
    visibility: visible;
    opacity: 1;
  }
  .project-all-projects-block .project-all-projects-block-img .project-all-projects-block-hover .square__action p {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    text-transform: none;
    line-height: 1.2em;
    top: 40%;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 0 30px;
  }
}

.program_single_desc h3 {
  margin: 0 50px;
}
@media only screen and (max-width: 767px) {
  .program_single_desc h3 {
    margin: 0;
  }
}

.portfolio-content h4 {
  margin-bottom: 30px;
  text-transform: none;
}

.inner-width-slider {
  max-width: 100%;
}
.inner-width-slider .portfolio-gallery .slick-prev, .inner-width-slider .portfolio-gallery .slick-next {
  margin: 0 20px;
  background-color: rgba(241, 243, 243, 0.8);
}
.inner-width-slider .portfolio-gallery .slick-prev:hover, .inner-width-slider .portfolio-gallery .slick-next:hover {
  background-color: rgba(94, 58, 119, 0.8);
}
.inner-width-slider .portfolio-gallery .slick-prev:hover .slick-prev-icon, .inner-width-slider .portfolio-gallery .slick-prev:hover .slick-next-icon, .inner-width-slider .portfolio-gallery .slick-next:hover .slick-prev-icon, .inner-width-slider .portfolio-gallery .slick-next:hover .slick-next-icon {
  fill: #f2f1f2;
}
.inner-width-slider .portfolio-gallery .slick-prev-icon, .inner-width-slider .portfolio-gallery .slick-next-icon {
  fill: #56345b;
}

.post-pagination {
  background-color: #f2f1f2 !important;
  background: #f2f1f2 !important;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}
.post-pagination .post-pagination-text {
  color: #56345b;
}
.post-pagination .post-pagination-prev .slick-prev-icon, .post-pagination .post-pagination-prev .slick-next-icon, .post-pagination .post-pagination-next .slick-prev-icon, .post-pagination .post-pagination-next .slick-next-icon {
  fill: #56345b;
}
.post-pagination .no-next .post-pagination-next .slick-next-icon {
  opacity: 0.5;
}
.post-pagination .no-next .post-pagination-next:hover .slick-next-icon {
  fill: #fff;
}
.post-pagination .no-prev .post-pagination-prev .slick-prev-icon {
  opacity: 0.5;
}
.post-pagination .no-prev .post-pagination-prev:hover .slick-prev-icon {
  fill: #fff;
}

.outcomes-stats-college h2, .outcomes-stats-college h6 {
  color: #fff;
}
.outcomes-stats-college p.subtitle {
  margin-bottom: 80px;
}
.outcomes-stats-college .icon-stat {
  font-size: 50px;
  color: #fff;
  margin-bottom: 20px;
}
.outcomes-stats-college .row {
  display: flex;
  justify-content: center;
}
.outcomes-stats-college .row .col-2 {
  padding: 0 10px;
}
.outcomes-stats-college .row .col-2 h2 {
  color: #eab318;
}
@media only screen and (max-width: 767px) {
  .outcomes-stats-college .row .col-2 {
    margin-bottom: 50px;
  }
}

.outcomes-map h2 {
  text-transform: none;
}

.image-stats-circle {
  width: 130px;
  margin-bottom: 30px;
}

.outcomes-stats-bottom .col-4 {
  padding: 0 20px;
}
.outcomes-stats-bottom .col-4 h2 {
  margin-bottom: 10px;
  color: #453c48;
}
@media only screen and (max-width: 767px) {
  .outcomes-stats-bottom .col-4 {
    margin-bottom: 50px;
  }
}

.outcomes-stats-top .col-3 {
  padding: 0 20px;
}

/* CIRLCES USED AS STATS IN PROGRESS SECTION */
.progress-meter {
  /* progress_meter data (degree value) */
}
.progress-meter ul {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 30px;
  font-weight: 100 !important;
}
.progress-meter ul #c1_r, .progress-meter ul p, .progress-meter ul p {
  clip: rect(0px, 140px, 140px, 65px);
}
.progress-meter #c1_l {
  clip: rect(0px, 65px, 140px, 0px);
}
.progress-meter li {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0;
}
.progress-meter li:before {
  display: none;
}
.progress-meter li span {
  background: #56345b;
  display: block;
  width: 50%;
  height: 100%;
}
.progress-meter li p {
  width: 130px;
  height: 130px;
  padding: 0;
  margin: 0;
}
.progress-meter .caption {
  padding: 0 20px;
}
.progress-meter .pie_left {
  -webkit-border-top-left-radius: 130px;
  -moz-border-top-left-radius: 130px;
  border-top-left-radius: 130px;
  -webkit-border-bottom-left-radius: 130px;
  -moz-border-bottom-left-radius: 130px;
  border-bottom-left-radius: 130px;
}
.progress-meter .pie_right {
  margin-left: 50%;
  -webkit-border-top-right-radius: 130px;
  -moz-border-top-right-radius: 130px;
  border-top-right-radius: 130px;
  -webkit-border-bottom-right-radius: 130px;
  -moz-border-bottom-right-radius: 130px;
  border-bottom-right-radius: 130px;
}
.progress-meter #c1_r p {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.progress-meter #c1_l p {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.circle {
  width: 130px;
  height: 130px;
  background: #DFE3EC;
  position: relative;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  z-index: 5;
}
.circle .stat-center {
  top: 5px;
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background: #f2f1f2;
  text-align: center;
  color: #453c48;
  font-weight: 300;
  z-index: 5;
  line-height: 120px;
  position: relative;
  font-size: 30px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.circle .stat-center sub {
  bottom: 0;
}
.circle .stat-center i {
  line-height: 130px;
}

/**
 * Pages - Components
 */
.get-involved h2, .get-involved h4, .get-involved h5 {
  text-align: left;
  color: #857787;
}

.anchor-list {
  margin-bottom: 45px;
  width: 100%;
}
.anchor-list a {
  margin: 0 40px;
}
@media only screen and (max-width: 767px) {
  .anchor-list a {
    margin: 0 10px;
  }
}

.involved-title h2 {
  color: #eab318;
}
.involved-title .icon-involved, .involved-title .fa {
  float: left;
  font-size: 42px;
  margin-right: 20px;
  color: #eab318;
}
.involved-title hr {
  border: 1px solid #eab318;
  width: 50%;
  margin: 20px 0;
}
@media only screen and (max-width: 767px) {
  .involved-title hr {
    width: 100%;
  }
}

.zilla-one-half:first-of-type {
  margin-bottom: 80px;
}

.team-member p {
  padding: 0;
  font-weight: bold;
}
.team-member .photo-wrapper {
  width: 100%;
  height: 330px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.team-member .photo-wrapper.active {
  background: #f2f1f2;
}
.team-member .photo-wrapper .btn {
  opacity: 0;
}
.team-member .photo-wrapper .btn:hover {
  background: #ffffff;
}
.team-member .photo-wrapper .photo, .team-member .photo-wrapper .front {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  border: 1px solid #f2f1f2;
}
.team-member .photo-wrapper .photo img, .team-member .photo-wrapper .front img {
  margin-bottom: 30px;
}
.team-member .photo-wrapper .photo h5, .team-member .photo-wrapper .front h5 {
  color: #453c48;
  line-height: 1.4em;
  font-size: 12px;
  padding: 0;
}
.team-member .photo-wrapper .photo:before, .team-member .photo-wrapper .front:before {
  background: #28182a;
  opacity: 0;
}
.team-member .photo-wrapper:hover .photo:before {
  opacity: 0.75;
}
.team-member .photo-wrapper:hover .btn {
  opacity: 1;
}
.team-member .photo-wrapper:hover .btn:hover {
  background: transparent;
  color: #d39d06;
}
.team-member .photo-wrapper:hover {
  background-color: rgba(133, 119, 135, 0.2);
}
@media only screen and (max-width: 767px) {
  .team-member.col-4 {
    margin-bottom: 0px;
  }
}

.bio-content > div {
  background: #f2f1f2;
  min-height: 300px;
  text-align: left;
  padding: 50px;
  width: 100%;
  float: left;
}
.bio-content > div .social-icon {
  fill: #eab318;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .bio-content > div {
    padding: 50px 0;
  }
}

#bio_content {
  display: none;
}

@media only screen and (max-width: 767px) {
  .about-inner {
    margin-top: 0;
  }
}
.timeline-images .col-3 {
  height: 300px;
}
.timeline-images img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
@media only screen and (max-width: 767px) {
  .timeline-images .col-3 {
    margin-bottom: 0;
  }
}

.page-template-timeline #main h3 {
  line-height: 1em;
}
.page-template-timeline #main p {
  margin-top: 20px;
}

/* Outer */
.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  z-index: 99999;
  transform: translate3d(0, 0, 4px);
}

/* Inner */
.popup-inner-1 {
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  background: #000;
  background-image: url("../images/daniel-01.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .popup-inner-1 {
    background-image: url("../images/daniel-04.jpg");
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 767px) {
  .popup-inner-1 {
    background-image: url("../images/daniel-iphone.jpg");
    background-position: 50% 50%;
  }
}

.popup-inner-2 {
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  background: #000;
}

.popup-inner-3 {
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  background: #000;
  background-image: url("../images/jonathan-02.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .popup-inner-3 {
    background-image: url("../images/jonathan-04.jpg");
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 767px) {
  .popup-inner-3 {
    background-image: url("../images/jonathan-sm.jpg");
    background-position: 50% 50%;
  }
}

.popup-inner-4 {
  width: 100%;
  height: 100%;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  background: #000;
  background-image: url("../images/samara-01.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .popup-inner-4 {
    background-image: url("../images/samara-04.jpg");
    background-position: 50% 50%;
  }
}
@media only screen and (max-width: 767px) {
  .popup-inner-4 {
    background-image: url("../images/samara-sm.jpg");
    background-position: 50% 50%;
  }
}

#video {
  width: 95%;
  height: auto;
}

/* Close Button */
.popup-close {
  width: 30px;
  height: 30px;
  padding-top: 4px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-weight: bold;
  transition: ease 0.25s all;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-radius: 1000px;
  font-family: Arial, Sans-Serif;
  font-size: 20px;
  text-align: center;
  line-height: 100%;
  color: #fff;
}

.popup-close:hover {
  color: #453c48;
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  text-decoration: none;
}

.popup-link {
  display: inline;
  padding-left: 25px;
}

.popup-link:first-child {
  padding-left: 10px;
}

.player-controls {
  position: absolute;
  bottom: 0;
}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
span#typed {
  font-size: 55px;
  line-height: 48px;
  color: #56345b;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

span#typed-2 {
  font-size: 55px;
  line-height: 48px;
  color: #56345b;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

span#typed-3 {
  font-size: 55px;
  line-height: 48px;
  color: #56345b;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

span#typed-4 {
  font-size: 55px;
  line-height: 48px;
  color: #56345b;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

span#typed-5 {
  font-size: 55px;
  line-height: 48px;
  color: #56345b;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}

/* _donate.scss */
.donate-first-step {
  padding: 55px;
  border-right: 6px solid #fff;
  border-left: 6px solid #fff;
}

#donation-form {
  display: none;
}

.donately-donation-iframe {
  display: none;
}

#donately-donation-script {
  display: none;
}

.donately-donation-form {
  display: none;
}

/* DONATION FORM
================================================= */
#donation #tabs ul.options {
  padding-left: 0;
}
#donation #tabs ul.options li {
  border: 1px solid #f2f1f2;
  outline: none;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  line-height: 21px;
  color: #c6c7c7;
  padding: 25px;
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  min-height: 140px;
  line-height: 1.4em;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}
#donation #tabs ul.options li span {
  display: block;
  font-size: 20px;
}
#donation #tabs ul.options li:last-child {
  border-left: none;
}
#donation #tabs ul.options li:hover {
  color: #eab318;
}
#donation #tabs ul.options li.active {
  color: #5e3a77;
  background: #f2f1f2;
}
#donation #tabs ul.options li.active:before {
  position: absolute;
  content: '';
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid #f2f1f2;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
#donation .info .donation-label, #donation .info .circle {
  display: inline-block;
  vertical-align: middle;
}
#donation .info .donation-label {
  font-size: 18px;
  line-height: 21px;
  width: 60%;
  margin-left: 25px;
}
#donation .info .circle {
  font-size: 21px;
  margin-bottom: 0;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  cursor: pointer;
}
#donation .info .circle.active {
  background: #56345b;
}
#donation .info .circle:hover {
  background: #eab318;
}
#donation .info > div {
  border-bottom: 1px solid #f2f1f2;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #donation .info .donation-label {
    width: 55%;
  }
}
#donation .info .circle {
  width: 110px;
  height: 110px;
}
#donation .info .circle .stat-center {
  font-size: 21px;
  font-weight: 100;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100px;
  height: 100px;
  line-height: 90px;
}

.donately-donation-form, .donately-thank-you, .donately-validation {
  font-size: auto;
  min-width: 100%;
  border: none;
  padding: 25px;
  background: #f2f1f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.donately-validation fieldset {
  position: relative;
}
.donately-validation .input-half {
  width: 50%;
  float: left;
}
.donately-validation .input-price-options ul {
  padding-left: 0px;
  margin-left: 0;
}
.donately-validation .input-price-options .gfield_label {
  display: none;
}
.donately-validation .input-price-options .gfield_radio input {
  display: none;
}
.donately-validation .input-price-options li {
  line-height: 55px;
  padding-left: 0;
  padding-right: 0;
  border-right: 5px solid #f2f1f2;
}
.donately-validation .input-price-options li:last-child {
  border-right: none;
}
.donately-validation .input-price-options li label {
  text-align: center;
  font-weight: 400;
  width: 100%;
  background: #fff;
  border: #dddddd 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 5px;
}
.donately-validation .input-price-options li label:before {
  display: none;
}
.donately-validation .input-price-options li input[type="radio"]:checked + label {
  background: #eab318;
  color: #ffffff !important;
}
.donately-validation .radio-donation {
  text-align: left;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 25px;
}
.donately-validation .campaign-donation {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .donately-validation {
    padding: 25px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .donately-validation {
    padding: 30px 0 20px;
  }
  .donately-validation .input-half {
    width: 100%;
  }
  .donately-validation .circle-photo {
    margin: 0 auto;
  }
  .donately-validation .col-sm-9.text-right {
    text-align: center !important;
  }
}

.donately-onbehalf-fields label {
  visibility: hidden;
}
.donately-onbehalf-fields label:before {
  content: "In Honor/Memory of";
  visibility: visible;
}

.donately-comment-fields label {
  visibility: hidden;
}
.donately-comment-fields label:before {
  content: "How did you hear about us?";
  visibility: visible;
}

.donation-regular .donately-donation-form {
  display: none !important;
}
.donation-regular .donately-donation-form.active {
  display: block !important;
}

.donate-high-impact .caption {
  min-height: 170px;
}
@media only screen and (max-width: 767px) {
  .donate-high-impact .caption {
    min-height: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .donate-high-impact .row > div {
    margin-bottom: 40px;
  }
}

.donately-thank-you .donately-social-btn p {
  color: #ffffff;
  font-weight: 700;
  line-height: 18px;
}

.step-one {
  color: #5e3a77;
  font-weight: bold;
  font-size: 12px;
  display: none;
}

.input-description:before {
  content: '';
  z-index: 100;
  position: absolute;
  top: -10px;
  left: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d2dae0;
}

.donately-donation-form input[type='text'], .donately-donation-form input[type='email'], .donately-donation-form textarea, .donately-donation-form input[type='number'], .donately-donation-form input.donately-text-input, .donately-donation-form input[type='textarea'], .donately-thank-you input[type='text'], .donately-thank-you input[type='email'], .donately-thank-you textarea, .donately-thank-you input[type='number'], .donately-thank-you input.donately-text-input, .donately-thank-you input[type='textarea'], .donation-form input[type='text'], .donation-form input[type='email'], .donation-form textarea, .donation-form input[type='number'], .donation-form input.donately-text-input, .donation-form input[type='textarea'] {
  background-color: #ffffff;
  border: #dddddd 1px solid;
}
.donately-donation-form input[type='text']:focus, .donately-donation-form input[type='email']:focus, .donately-donation-form textarea:focus, .donately-donation-form input[type='number']:focus, .donately-donation-form input.donately-text-input:focus, .donately-donation-form input[type='textarea']:focus, .donately-thank-you input[type='text']:focus, .donately-thank-you input[type='email']:focus, .donately-thank-you textarea:focus, .donately-thank-you input[type='number']:focus, .donately-thank-you input.donately-text-input:focus, .donately-thank-you input[type='textarea']:focus, .donation-form input[type='text']:focus, .donation-form input[type='email']:focus, .donation-form textarea:focus, .donation-form input[type='number']:focus, .donation-form input.donately-text-input:focus, .donation-form input[type='textarea']:focus {
  border-color: #56345b;
}
.donately-donation-form input[type='textarea'], .donately-thank-you input[type='textarea'], .donation-form input[type='textarea'] {
  width: 100%;
  padding-left: 15px !important;
}
.donately-donation-form .donately-secure-fields, .donately-thank-you .donately-secure-fields, .donation-form .donately-secure-fields {
  background: transparent;
  border: none;
  border-bottom: 1px solid #dddddd;
}
.donately-donation-form input#donately-card-number, .donately-thank-you input#donately-card-number, .donation-form input#donately-card-number {
  max-width: 100%;
}
.donately-donation-form label.donately-label, .donately-thank-you label.donately-label, .donation-form label.donately-label {
  font-weight: 700;
  font-size: 14px;
}
.donately-donation-form .donately-secure-header, .donately-thank-you .donately-secure-header, .donation-form .donately-secure-header {
  color: #5e3a77;
  text-transform: none;
  font-size: 12px;
  margin-bottom: 20px;
}
.donately-donation-form label.donately-dollar-sign, .donately-thank-you label.donately-dollar-sign, .donation-form label.donately-dollar-sign {
  left: 10px;
  top: 0;
  font-size: 20px;
  line-height: 52px;
  font-weight: 700;
}
.donately-donation-form #donately-amount, .donately-thank-you #donately-amount, .donation-form #donately-amount {
  padding-left: 35px;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .donately-donation-form .donately-donation-amount, .donately-thank-you .donately-donation-amount, .donation-form .donately-donation-amount {
    width: 100%;
  }
}
.donately-donation-form .donately-secure-fields .donately-fields, .donately-thank-you .donately-secure-fields .donately-fields, .donation-form .donately-secure-fields .donately-fields {
  padding-left: 0;
  padding-right: 0;
}
.donately-donation-form #donately-card-exp-month, .donately-donation-form #donately-card-exp-year, .donately-thank-you #donately-card-exp-month, .donately-thank-you #donately-card-exp-year, .donation-form #donately-card-exp-month, .donation-form #donately-card-exp-year {
  width: 49%;
  float: left;
  padding: 10px;
  margin-right: 0;
}
.donately-donation-form .card-expiration-fields, .donately-thank-you .card-expiration-fields, .donation-form .card-expiration-fields {
  margin-bottom: 0;
}
.donately-donation-form #donately-card-cvc, .donately-thank-you #donately-card-cvc, .donation-form #donately-card-cvc {
  width: 110px;
}
.donately-donation-form .donately-radio-option, .donately-thank-you .donately-radio-option, .donation-form .donately-radio-option {
  padding-left: 10px;
}
.donately-donation-form .donately-radio-option label, .donately-thank-you .donately-radio-option label, .donation-form .donately-radio-option label {
  padding: 4px 0;
  margin: 0 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .donately-donation-form .donately-radio-option label, .donately-thank-you .donately-radio-option label, .donation-form .donately-radio-option label {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .donately-donation-form .donately-donation-frequency, .donately-thank-you .donately-donation-frequency, .donation-form .donately-donation-frequency {
    width: 100%;
  }
}

fieldset {
  border: none;
}

input, textarea, label {
  margin: 0;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  color: #56345b !important;
}

input[type='text'], input[type='email'], input[type='button'], input[type='tel'], textarea, input[type='number'], input[type='submit'], .donately-donation-form input.donately-text-input {
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  outline: none;
  width: 100%;
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type='text']::-ms-clear, input[type='email']::-ms-clear, input[type='button']::-ms-clear, input[type='tel']::-ms-clear, textarea::-ms-clear, input[type='number']::-ms-clear, input[type='submit']::-ms-clear, .donately-donation-form input.donately-text-input::-ms-clear {
  display: none;
}

input[type='submit'] {
  width: auto;
}

input[type='text'], input[type='email'], textarea, input[type='tel'], input[type='number'], .donately-donation-form input.donately-text-input, input[type='textarea'] {
  background-color: #f2f1f2;
  border: 2px solid #f2f1f2;
  font-size: 15px;
  line-height: 25px;
  color: #666666;
  height: 52px;
  padding: 0 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
input[type='text']:focus, input[type='email']:focus, textarea:focus, input[type='tel']:focus, input[type='number']:focus, .donately-donation-form input.donately-text-input:focus, input[type='textarea']:focus {
  outline: none;
  border-color: #56345b;
  background: #ffffff;
}
input[type='text'].error, input[type='text'].donately-error, input[type='email'].error, input[type='email'].donately-error, textarea.error, textarea.donately-error, input[type='tel'].error, input[type='tel'].donately-error, input[type='number'].error, input[type='number'].donately-error, .donately-donation-form input.donately-text-input.error, .donately-donation-form input.donately-text-input.donately-error, input[type='textarea'].error, input[type='textarea'].donately-error {
  border-color: #b20101;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  input[type='text'], input[type='email'], textarea, input[type='tel'], input[type='number'], .donately-donation-form input.donately-text-input, input[type='textarea'] {
    padding: 0 8px;
  }
}

.form-control {
  height: 52px;
  font-style: italic;
}

.label-inline {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 17px;
  z-index: 1;
  line-height: 52px;
}
.label-inline ~ input:last-of-type, .label-inline ~ input:first-of-type {
  padding-left: 35px;
}

.gform_title, .gsection_title {
  font-family: "tradegothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-weight: 100;
  margin: 20px auto;
  font-size: 35px;
}
.gform_title:after, .gsection_title:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .gform_title, .gsection_title {
    font-size: 28px;
  }
}

.gfield_description {
  margin: 5px 0 15px;
}

.ginput_left, .ginput_right {
  width: 49%;
}
.ginput_left label, .ginput_right label {
  font-weight: 100;
}

.ginput_full {
  width: 100%;
  float: left;
}

.ginput_left {
  float: left;
}

.ginput_right {
  float: right;
}

.gfield {
  margin-bottom: 30px;
}
.gfield:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gfield .textarea {
  min-height: 200px;
}
@media only screen and (max-width: 767px) {
  .gfield .textarea {
    min-height: 0px;
  }
}

.gfield_checkbox li, .gfield_radio li {
  display: inline-block;
  padding-right: 20px;
}
.gfield_checkbox li label, .gfield_radio li label {
  font-weight: 400;
  cursor: pointer;
}

input[type=checkbox], input[type=radio] {
  display: none;
  /* to hide the checkbox itself */
  /* space between checkbox and label */
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  color: #56345b;
}
input[type=checkbox] + label:before, input[type=radio] + label:before {
  width: 22px;
}

input[type=checkbox] {
  /* unchecked */
  /* checked */
}
input[type=checkbox] + label:before {
  content: "\f096";
}
input[type=checkbox]:checked + label:before {
  content: "\f046";
}

input[type=radio] {
  /* unchecked  */
  /* checked */
  /* checked - label */
}
input[type=radio] + label:before {
  content: "\f1db";
}
input[type=radio]:checked + label:before {
  content: "\f192";
}
input[type=radio]:checked + label {
  font-weight: 700;
}

.gfield_select {
  outline: none;
}

.gform_button {
  background: #56345b;
  color: #ffffff;
  border: none;
  line-height: 20px;
  font-weight: normal;
  line-height: 20px;
  padding: 15px 25px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  display: inline-block;
}
.gform_button:hover {
  background-color: #412744;
}

.gfield_error > label {
  color: red;
}
.gfield_error input[type='text'], .gfield_error input[type='email'], .gfield_error textarea, .gfield_error input[type='number'] {
  border-color: red;
}

.validation_error, .validation_message {
  color: red;
}

.gform_confirmation_message {
  font-size: 24px;
  text-align: center;
  color: #56345b;
}

.gform_wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}