@charset "UTF-8";
/* style.scss */
/* SASS Libraries */
/**
 * Media
 * 
 * @param  {Integer} $screen 
 */
/* _mixins.scss */
/* _xbc.scss */
/* BOX-SHADOW
================================================== */
/* IE BACKGROUND SIZE
================================================== */
/* IE BG GRADIENTS
================================================== */
/* RGBA with IE support
================================================== */
/* OPACITY
================================================== */
/* TRANSPARENT BG
/* USAGE:       @include trans-bg(.15,#000000,0,0,0);
================================================== */
/* ================================================================ */
/*                                                                  */
/*                        CUSTOM FUNCTIONS                          */
/*                                                                  */
/* ================================================================ */
/**
 * em()
 * -------------
 * Calculate em value from pixels factoring in base font size (16px)
 */
/**
 * strip-unit()
 * Strip a value that has units to be just the integer.
 */
/**
 * calculate-rem()
 * Calcualte the rem value using base 16px font sizing.
 */
/* ================================================================ */
/*                                                                  */
/*                          CUSTOM MIXINS                           */
/*                                                                  */
/* ================================================================ */
/* VERTICAL ALIGN
================================================== */
/* BORDER RADIUS
================================================== */
/* TRANSPARENT BACKGROUND
================================================== */
/* UL-BLANK
================================================== */
/* INLINE-BLOCK
================================================== */
/* HEIGHTS / WIDTHS
================================================== */
/* SLIDER HEIGHTS
================================================== */
/* BACKFACE VISIBILITY FIX
/* apply to elements with flicker bug on transform
================================================== */
/* BG-SHORTHAND
================================================== */
/* BG DEFAULTS (similar to above)
================================================== */
/* UL BASE64 LI
================================================== */
/* SUSY: ALPHA
================================================== */
/* GRID DYNAMIC
================================================== */
/* MP0
================================================== */
/* HIDE TEXT
================================================== */
/* PSEUDO-ICON-FONT
================================================== */
/* FLEXBOX (fauxflex)
================================================== */
/* TABLE / TABLE CELL
================================================== */
.table {
  display: table;
  text-align: center;
}

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

/* EMPTY-BUTTON
================================================== */
/* COVER IMAGE
================================================== */
/* ================================================================ */
/*                                                                  */
/*                             ANIMATION                            */
/*                                                                  */
/* ================================================================ */
/* KEYFRAMES
================================================== */
/* ANIMATION EX:-webkit-animation: name 1s infinite;
================================================== */
/* Reset & Vendor Libs */
/* _reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  height: 100%;
}

a img {
  border: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* _fontawesome.scss */
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.1.0");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

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

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

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

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

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

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

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

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

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

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

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

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

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

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

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

.fa-th:before {
  content: "";
}

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

.fa-check:before {
  content: "";
}

.fa-times:before {
  content: "";
}

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

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

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

.fa-signal:before {
  content: "";
}

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

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

.fa-home:before {
  content: "";
}

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

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

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

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

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

.fa-inbox:before {
  content: "";
}

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

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

.fa-refresh:before {
  content: "";
}

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

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

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

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

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

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

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

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

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

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

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

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

.fa-list:before {
  content: "";
}

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

.fa-indent:before {
  content: "";
}

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

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

.fa-pencil:before {
  content: "";
}

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

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

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

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

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

.fa-arrows:before {
  content: "";
}

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

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

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

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

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

.fa-eject:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-crosshairs:before {
  content: "";
}

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

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

.fa-ban:before {
  content: "";
}

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

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

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

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

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

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

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

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

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

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

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

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

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

.fa-retweet:before {
  content: "";
}

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

.fa-folder:before {
  content: "";
}

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

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

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

.fa-bar-chart-o:before {
  content: "";
}

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

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

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

.fa-key:before {
  content: "";
}

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

.fa-comments:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-trophy:before {
  content: "";
}

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

.fa-upload:before {
  content: "";
}

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

.fa-phone:before {
  content: "";
}

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

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

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

.fa-twitter:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

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

.fa-rss:before {
  content: "";
}

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

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

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

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

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

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

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

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

.fa-paperclip:before {
  content: "";
}

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

.fa-square:before {
  content: "";
}

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

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

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

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

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

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

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

.fa-money:before {
  content: "";
}

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

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

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

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

.fa-columns:before {
  content: "";
}

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

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

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

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

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

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

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

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

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

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

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

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

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

.fa-exchange:before {
  content: "";
}

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

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

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

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

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

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

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

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

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

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

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

.fa-beer:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

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

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

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

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

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

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

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

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

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

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

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

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

.fa-gamepad:before {
  content: "";
}

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

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

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

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

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

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

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

.fa-crop:before {
  content: "";
}

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

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

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

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

.fa-microphone:before {
  content: "";
}

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

.fa-shield:before {
  content: "";
}

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

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

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

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

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

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

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

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

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

.fa-bullseye:before {
  content: "";
}

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

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

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

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

.fa-ticket:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-compass:before {
  content: "";
}

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

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

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

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

.fa-gbp:before {
  content: "";
}

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

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

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

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

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

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

.fa-file:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

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

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

.fa-dropbox:before {
  content: "";
}

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

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

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

.fa-tumblr:before {
  content: "";
}

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

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

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

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

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

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before {
  content: "";
}

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

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

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

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

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

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

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

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

.fa-wheelchair:before {
  content: "";
}

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

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

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

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

.fa-slack:before {
  content: "";
}

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

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

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

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

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

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

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

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: "";
}

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

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

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

.fa-steam:before {
  content: "";
}

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

.fa-recycle:before {
  content: "";
}

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

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

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

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

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

.fa-ra:before,
.fa-rebel:before {
  content: "";
}

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

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

.fa-git:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

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

.fa-qq:before {
  content: "";
}

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

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

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

.fa-history:before {
  content: "";
}

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

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

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

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

.fa-bomb:before {
  content: "";
}

/* Base & Vars */
/* _config.scss */
/* COLORS                           | **REQUIRED**
================================================== */
/* orage */
/* light orange links */
/* Dark grey (footer) */
/* GRID SETTINGS                    | **REQUIRED**
================================================== */
/* STYLE OPTIONS & TOGGLES        
================================================== */
/* FONTS                            | **REQUIRED**
================================================== */
/* _grid.scss */
/* Grid Mixins/Classes/Media Queries
================================================== */
/* MEDIA
================================================== */
/* CONTAINER
================================================== */
.container {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
}
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    max-width: 768px;
    padding: 0 10px;
  }
}

.col-center {
  margin: 0 auto;
  float: none;
}

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

/* OMEGA
================================================== */
/* PREFIX/SUFFIX PADDING (left/right)
================================================== */
/* SPAN PADDING CLASSES
================================================== */
.pad-sides-small {
  padding: 0 10px;
}

.pad-sides-medium {
  padding: 0 15px;
}

.pad-sides-large {
  padding: 0 30px;
}

/* SPANS (1-12)
================================================== */
.span1 {
  width: 8.333333333333332%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span1 {
    width: 100%;
  }
}

.span2 {
  width: 16.666666666666664%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span2 {
    width: 100%;
  }
}

.span3, .container-full .box-fourth, .container .box-fourth, .footer-widgets.fourths .footer-widget, #main .sidebar, #gform_9 li.input-first-name, .one-fourth {
  width: 25%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span3, .container-full .box-fourth, .container .box-fourth, .footer-widgets.fourths .footer-widget, #main .sidebar, #gform_9 li.input-first-name, .one-fourth {
    width: 100%;
  }
}

.span4, .container-full .box-third, .container .box-third, .footer-widgets.thirds .footer-widget, #gform_9 li.input-last-name, #gform_9 li#field_9_1, #gform_9 li#field_9_2, #gform_9 li#field_9_3, .one-third {
  width: 33.33333333333333%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span4, .container-full .box-third, .container .box-third, .footer-widgets.thirds .footer-widget, #gform_9 li.input-last-name, #gform_9 li#field_9_1, #gform_9 li#field_9_2, #gform_9 li#field_9_3, .one-third {
    width: 100%;
  }
}

.span5, #gform_9 li.input-email {
  width: 41.66666666666667%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span5, #gform_9 li.input-email {
    width: 100%;
  }
}

.span6, .container-full .box-half, .container .box-half, .footer-widgets.halves .footer-widget, img.left, img.right, .one-half {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span6, .container-full .box-half, .container .box-half, .footer-widgets.halves .footer-widget, img.left, img.right, .one-half {
    width: 100%;
  }
}

.span7 {
  width: 58.333333333333336%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span7 {
    width: 100%;
  }
}

.span8, .two-thirds {
  width: 66.66666666666666%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span8, .two-thirds {
    width: 100%;
  }
}

.span9, .three-fourths {
  width: 75%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span9, .three-fourths {
    width: 100%;
  }
}

.span10 {
  width: 83.33333333333334%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span10 {
    width: 100%;
  }
}

.span11 {
  width: 91.66666666666666%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span11 {
    width: 100%;
  }
}

.span12 {
  width: 100%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span12 {
    width: 100%;
  }
}

.span-center {
  float: none !important;
  margin: 0 auto;
}

/* ROW
================================================== */
.row {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row.centered {
  text-align: center;
}

/* SPAN-INNER
================================================== */
.span-inner {
  padding-left: 10px;
  padding-right: 10px;
}

/* BOX (default)
================================================== */
.box {
  position: relative;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .box {
    margin-bottom: 0.625em;
  }
}
.box .box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.box.has_footer .box-inner {
  height: 75%;
}
.box .box-image {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
}
.box .box-image img {
  transition: all 100ms ease-in-out;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.box .box-hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-color: rgba(47, 116, 153, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E62F7499,endColorstr=#E62F7499);
  zoom: 1;
  /* TRANSITION */
  visibility: hidden;
  opacity: 0;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}
.box .box-hover-overlay:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88px;
  height: 86px;
  margin: -43px 0 0 -44px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABWCAYAAABLn1FEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENkFBNDc3OTI3QkUxMUUzOUU4Q0MzODdCMDgwNDI1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENkFBNDc3QTI3QkUxMUUzOUU4Q0MzODdCMDgwNDI1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2QUE0Nzc3MjdCRTExRTM5RThDQzM4N0IwODA0MjUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ2QUE0Nzc4MjdCRTExRTM5RThDQzM4N0IwODA0MjUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R/zvuAAAA+JJREFUeNrsnVlu2zAQhina8ZY0S/3QnqFHKNBTFOhp+tjTFOgpAvQIPUNRoPGSxLHkRRWBkUsrWkiZpCj5/4GB/CDI8ZfRcIZrEMcx80j9xC7oKqyXGCcLyGLJ9nTdJbYl29DVCwUNAxYQR4kNyLih5wrwEdm6SeBNABZeOUlsTIBdSAB+Idt2FbDw1MvEhg2/tWFiz+TZnQAsPPWNQ2/V8epH8upWAhaeeuMh2DzQC/LsVgDuEdgRa5fWBHrnM+AJwQ1YOxUT5JVvgEV6ddtCry3z5jmle40DFjH2bQtira5EqHigwqUxwEOCG7BuKibIYROAxxQWugpXhjyvm87VBTwhuOekBRUo2o0T4Krphn67VcCjM4WbSjtT0gEsuhHvGCQYDEwD5h3PFrTaLYLMTQK+pRIY+t8dcGcK8GWHKjSTEjXA1amARXV2DZaFquyG5QqhAXG3PB7f1AU81mktzzxUjHUBBwgNWrouetN5ScOGrEEvq5ioAg5UWkfola7yvJgX9DVw8DLjxbwgPED1dJmX58oaMH9HJsKCFtwn9YlhVAR44rmH/JU+Tz39G8cyYJ5p3FASmwEc5AE2OfnunMXl0CUDhfeare5eAR6Ciz3AnHVvXkPT2QSXAaNTx7wGMuAL8DCuCxkwwoOdMHEAjJ4zy4DhwebVy2YRkPmC47AGDbIEmTMMatpU4Dr2ht9//qq9BuLLxw+Hz/Sc1QnP6jmoXgMxfVV80TtXgNlxl2OTmjoA/Afx165iATgGB3uARQzeu/zGbz/ua8+3+Pr509LEc+hZLn7uPl1C8L4F6Vo2fruIoSfBTex3CnWLt9m4dnIFtwMP49rKgOHBlgFvwMO4NjLgCDyMK5IB7xEmjIeHPcukZiG4GE0pWRbwGlzsAo5cV3VdLY+LAMfwYiNaM6l/J1ser8DnZB0x5DmpBbKJ07KHsAyw0DM41dYrdrzAxdHY6St3CKtf0Ao+MT/XyU09BvzEcgYv+iWu7ttauWHbvLcoRKRevMRbr6wlKxh6KxvFeGHoBFKt2gp3pKoaJpozDIpWVW2LshuqAG8RKkr1WFU3qAx0OtvMuIWh4anqJtWR5DnDuF02a5ip3KgKWBQeD4jHh7g7Uy3GdOZCbFT/ax3XTCe70p1sku6re66a67ZHdWbzrKpSk46q1s7Y2N5WLeY6395W7h/ABs0WAQulm4Zii3FLgNNYjk3yLQJO1YVjHpbM4KgODio59lrvDyrJNoA4ageHRbX3sKiscNyZI/XIq8fM3T4VW6rCXpjjXsEuHzkpPDWi61kdOVkFvOrQ1DSdSg9N3TOPD039J8AAtNEmk0yXo4AAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 50% 50%;
}
.box.has_footer .box-hover-overlay {
  height: 75%;
}
.box footer {
  transition: all 150ms ease-in-out;
  width: 100%;
  height: 25%;
  text-align: center;
  padding: 25px 20px;
}
.box footer h1, .box footer h2, .box footer h3, .box footer h4, .box footer h5, .box footer h6 {
  transition: all 100ms ease-in-out;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  color: #433f3e;
}
.box footer span, .box footer em {
  transition: all 100ms ease-in-out;
  font-family: Chaparral Pro, Georgia, serif;
  color: #b3b3b3;
  font-style: italic;
}
.box.has_hover_overlay:hover .box-hover-overlay {
  /* TRANSITION */
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.box.has_hover_overlay:hover .box-image img {
  filter: contract(0.7) grayscale(1);
}
.box.has_hover_overlay:hover footer {
  background-color: transparent;
  background-color: rgba(47, 116, 153, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E62F7499,endColorstr=#E62F7499);
  zoom: 1;
}
.box.has_hover_overlay:hover footer h1, .box.has_hover_overlay:hover footer h2, .box.has_hover_overlay:hover footer h3, .box.has_hover_overlay:hover footer h4, .box.has_hover_overlay:hover footer h5, .box.has_hover_overlay:hover footer h6 {
  color: #fff;
}
.box.has_hover_overlay:hover footer span, .box.has_hover_overlay:hover footer em {
  color: #b2c7d4;
}

/* CONTAINER TYPES -> BOX SIZES
================================================== */
.container-full:after {
  content: "";
  display: table;
  clear: both;
}
.container-full .box-half {
  height: 430px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container-full .box-half {
    height: 360px;
  }
}
.container-full .box-half:nth-of-type(2n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container-full .box-third {
  height: 390px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container-full .box-third {
    height: 310px;
    font-size: 85%;
  }
  .container-full .box-third footer {
    padding: 15px 10px;
  }
}
.container-full .box-third:nth-of-type(3n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container-full .box-fourth {
  height: 300px;
}
.container-full .box-fourth:nth-of-type(4n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container-full .box-inner {
  position: relative;
}

.container .box-half {
  height: 430px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container .box-half {
    height: 360px;
  }
}
.container .box-half:nth-of-type(2n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container .box-third {
  height: 390px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container .box-third {
    height: 310px;
    font-size: 85%;
  }
  .container .box-third footer {
    padding: 15px 10px;
  }
}
.container .box-third:nth-of-type(3n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container .box-fourth {
  height: 300px;
}
.container .box-fourth:nth-of-type(4n) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.container .box-inner {
  position: relative;
}

/* BOXES
================================================== */
.bg-cover {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* HELPERS (float ends, etc)
================================================== */
.omega, #main .sidebar {
  float: right;
  margin-right: 0;
}

.alpha {
  float: left;
  margin-right: 0;
}

/* DEVELOPMENT */
/* _base.scss */
/* ======================================= */
/*                                                                  
/*               SOME STYLES USED OVER AND OVER                     
/*                                              
/* ======================================= */
section {
  padding: 4.375em 0;
}
@media only screen and (max-width: 767px) {
  section {
    padding: 50px 0;
  }
}

.bg-gray {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjMwMHB4IiBjeT0iMzAwcHgiIHI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNTBweCIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlOSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -moz-radial-gradient(300px 300px, #ffffff 50px, #e7e7e9);
  background-image: -webkit-radial-gradient(300px 300px, #ffffff 50px, #e7e7e9);
  background-image: radial-gradient(300px 300px, #ffffff 50px, #e7e7e9);
  background-color: #e7e7e9;
}

.bg-gray-solid {
  background: #e8e8e9;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.bg-cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

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

.table-cell {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/* SPLIT SECTIONS WITH FULL WIDTH IMAGE L/R
================================================= */
.split {
  position: relative;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .split {
    padding-top: 0;
  }
}
.split h5, .split h2 {
  text-align: left;
}
.split h2 {
  margin-bottom: 5px;
}
.split .bg-split {
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .split .bg-split {
    position: relative;
    min-height: 400px;
    margin-bottom: 50px;
  }
}
.split .bg-split.left {
  left: 0;
}
.split .bg-split.right {
  right: 0;
}

@media only screen and (max-width: 767px) {
  .split .bg-split {
    position: relative;
    width: 100%;
    float: left;
  }
}
/* SPLIT SECTIONS BOTH FULL WIDTH IMAGES 
 *
 * .container-full.image-panel  
 *        .span%.left > .inner-bg 
 *        .span%.right > .inner-bg
 *
 * Set .inner-bg style="background: url();"
 * Set specific min-width to .inner-bg
================================================= */
.image-panel {
  margin: 4.375em 0;
}
.image-panel .inner-bg {
  width: 100%;
  min-height: 460px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
@media only screen and (min-width: 960px) {
  .image-panel .left .inner-bg {
    margin-right: 6px;
  }
  .image-panel .right .inner-bg {
    margin-left: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .image-panel .left, .image-panel .right {
    margin: 10px 0;
  }
  .image-panel .inner-bg {
    min-height: 250px;
  }
}

/* BORDER BOTTOM
================================================= */
section.border-bottom {
  border-bottom: 4px solid #fff;
}

/* PADDING
================================================= */
.pad-small {
  padding: 1rem;
}

.pad-med {
  padding: 2rem;
}

.pad-lrg {
  padding: 3rem;
}

.pad-small-top {
  padding-top: 1rem;
}

.pad-small-bottom {
  padding-bottom: 1rem;
}

.pad-med-top {
  padding-top: 2rem;
}

.pad-med-bottom {
  padding-bottom: 2rem;
}

.pad-lrg-top {
  padding-top: 3rem;
}

.pad-lrg-bottom {
  padding-bottom: 3rem;
}

/* CLEARFIX
================================================= */
.clear {
  clear: both;
}

/* HR LINE BREAK
================================================= */
.container hr, .line {
  height: 4px;
  background: #fff;
  border: none;
  margin: 60px auto;
}
.container hr:after, .line:after {
  content: "";
  display: table;
  clear: both;
}
.container hr.gray, .line.gray {
  background-color: #e7e7e9;
}

/* CENTER LINK
================================================= */
a.link.center {
  display: block;
}

/* BREADCRUMBS
================================================= */
ul.breadcrumbs {
  text-align: left;
}
ul.breadcrumbs li {
  display: inline-block;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-decoration: uppercase;
  color: #fff;
  text-transform: uppercase;
  margin-left: 5px;
}
ul.breadcrumbs li:last-of-type {
  font-weight: bold;
}
ul.breadcrumbs li a {
  color: #fff;
}

/* EMBLEM PHOTO
================================================= */
.emblem {
  position: relative;
  height: 230px;
  width: 230px;
  -webkit-border-radius: 115px;
  -moz-border-radius: 115px;
  border-radius: 115px;
  background-clip: padding;
  background-color: #fff;
  background-repeat: none;
  background-position: 50% 50%;
  background-size: cover;
}

/* SOCIAL ICONS - basic inline block and hover
================================================= */
ul.social li {
  display: inline-block;
}
ul.social a {
  margin: 0 5px;
}
ul.social a i.fa {
  color: #f16521;
}
ul.social a:hover i.fa {
  color: #e3520c;
}

/* IFRAME RESIZE
================================================= */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin: 1.875em auto;
}

h2 + .span12 .embed-container {
  margin: 0 auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
}

/* _typography.scss */
/**
 * Headers <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

/**
 * Anchor styles and defaults
 */
a {
  font-weight: inherit;
  font-size: inherit;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

/**
 * Bold, Italics, and other html5 fields
 */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 800;
}

i {
  font-style: normal;
}

dfn {
  font-style: italic;
}

ins {
  background: #ffffe0;
  text-decoration: none;
}

mark {
  background: #ffffe0;
  font-style: italic;
  font-weight: bold;
}

address {
  display: block;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 50%;
}

/**
 * <pre> and <code> block better styling
 */
pre, code, kbd, samp {
  font-family: monospace;
}

code {
  background: #eeeeee;
  color: #2daebf;
  padding: 3px 5px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  font-size: 14px;
}

pre {
  display: block;
  overflow: hidden;
  background: #fefefe;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  font: 13px monospace;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * Paragraph
 */
p {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}

p small {
  font-size: 0.8em;
}

/**
 * List style tweaks and defaults
 */
ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

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

ul.list {
  list-style: disc;
  list-style-type: disc;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
}

ul li {
  color: inherit;
  line-height: 1.4;
}

ul li a {
  line-height: 1;
}

ol {
  list-style: decimal;
}

ol.roman {
  list-style: upper-roman;
}

dl dd {
  margin-left: 9px;
}

/**
 * <nav> specific list styling
 */
nav ul,
nav ol,
#nav ul,
#nav ol,
#navigation ul,
#navigation ol,
.nav {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/**
 * Blockquotes
 */
blockquote p {
  font-style: italic;
  padding-left: 2rem;
  border-left: 0.5rem solid;
}

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

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

/* 
* Flexible Media 
*/
img, video, canvas {
  height: auto;
  max-width: 100%;
}

/*
* Flexible Video iFrame Embed - sample from att theme
*/
figure {
  display: block;
  position: relative;
}

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

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

/**
 * Typography helper classes
 */
.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

/**
 * Misc & browser specific
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

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

/* _fonts.scss */
/* FONTS
================================================== */
@font-face {
  font-family: opensans;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-Regular.eot");
  src: url("../fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Regular.woff") format("woff"), url("../fonts/opensans/OpenSans-Regular.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Regular.svg#opensans") format("svg");
}
@font-face {
  font-family: opensans;
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-Bold.eot");
  src: url("../fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Bold.woff") format("woff"), url("../fonts/opensans/OpenSans-Bold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Bold.svg#opensans") format("svg");
}
@font-face {
  font-family: opensans;
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-ExtraBold.eot");
  src: url("../fonts/opensans/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-ExtraBold.woff") format("woff"), url("../fonts/opensans/OpenSans-ExtraBold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-ExtraBold.svg#opensans") format("svg");
}
@font-face {
  font-family: opensans;
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/opensans/OpenSans-Light.eot");
  src: url("../fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Light.woff") format("woff"), url("../fonts/opensans/OpenSans-Light.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Light.svg#opensans") format("svg");
}
@font-face {
  font-family: opensans-condensed;
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/opensans-condensed/OpenSans-CondLight.eot");
  src: url("../fonts/opensans-condensed/OpenSans-CondLight.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-condensed/OpenSans-CondLight.woff") format("woff"), url("../fonts/opensans-condensed/OpenSans-CondLight.ttf") format("truetype"), url("../fonts/opensans-condensed/OpenSans-CondLight.svg#opensans-condensed") format("svg");
}
@font-face {
  font-family: fontawesome;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/fontawesome/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg#fontawesome") format("svg");
}
/* 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;
  }
}
/* _body.scss */
html {
  font-size: 100%;
  /* ~10px */
}

body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif, "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  /* ~10px */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #433f3e;
}

a {
  color: #f16521;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /* ie8 only */
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
    display: none;
  }
}

h1 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 3.4375em;
  line-height: 1.15;
  font-weight: 800;
}
h1.post-title {
  font-weight: 300;
}

h2 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 2.125em;
  line-height: 40px;
  font-weight: 100;
  color: #303030;
  margin-bottom: 60px;
  padding-top: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }
}
h2.sub-title {
  font-weight: 900;
  margin-bottom: 0;
}
h2.no-margin {
  margin: 0 auto 15px;
}
h2 span {
  color: #f16521;
  font-weight: bold;
}
h2 .block {
  display: block;
}

.orange-bold {
  color: #f16521;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
}

h3 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1.625em;
  line-height: 1.25;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
h3 span {
  font-weight: bold;
  color: #f16521;
}

h4 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.15;
  font-weight: bold;
  margin-top: 0;
}

h5 {
  font-size: 0.9375em;
  line-height: 30px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #303030;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  text-align: center;
}
h5 + h3 {
  text-align: center;
  padding-top: 0;
}

h6 {
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: normal;
  color: #3b3b3b;
  padding-top: 0;
}

p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 300;
}

p.serif {
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 1em;
  line-height: 1.5;
  font-weight: normal;
  color: #666;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

p.stat {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 1.25;
  font-weight: 500;
  color: #f3af0f;
}

blockquote {
  margin: 2rem 0;
}
blockquote p {
  border-color: #f2f2f2;
  text-align: left;
  font-style: normal;
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 15px;
  line-height: 18px;
  width: 90%;
}

a.link {
  display: inline-block;
  color: #f16521;
}
a.link:hover {
  color: #e3520c;
}
a.link .fa.fa-angle-right {
  margin-left: 10px;
}
a.link.blue {
  color: #5da6d7 !important;
}
a.link.blue:hover {
  color: #3e97d2;
}

/* Librarires */
/* _extenders.scss */
/* FONT 
================================================== */
/* MODIFIERS */
.menu-social li a, .widget.author-info .standard-pi-author-name, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-title p, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-title p, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-title p, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-title p, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-title p, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-title p, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-title p, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-title p, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-title p, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-title p, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-title p, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-title p, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-title p, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-title p, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-title p, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-title p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.widget .widget-title, .widget.author-info .standard-pi-author-name {
  font-weight: bold;
  text-transform: uppercase;
}

.comment-wrap .comment-comment .comment-header .comment-author, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-title {
  font-weight: 900;
}

/* FAMILIES */
.flexslider ul.slides > li .slide-content p {
  font-family: Chaparral Pro, Georgia, serif, Georgia, serif;
}

#respond form#commentform input[type="text"], #respond form#commentform textarea, .comment-wrap .comment-comment .comment-header .comment-time, .comment-wrap .comment-comment .comment-header .comment-reply-link, .comment-wrap .comment-comment .comment-content, .widget ul, .widget.author-info .standard-pi-bio, .post ul.post-meta li {
  font-family: Chaparral Pro, Georgia, serif, Georgia, serif;
  font-style: italic;
}

.post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon {
  font-family: "fontawesome";
}

/* PARAGRAPHS */
/* BG COLORS
================================================== */
/* ANCHORS
================================================== */
/* PSUEDO CLASSES
================================================== */
/* BACKGROUND IMAGES
================================================== */
/* UL
================================================== */
/* HALVES
================================================== */
.halves {
  width: 100%;
}
.halves:after {
  content: "";
  display: table;
  clear: both;
}

.half {
  width: 50%;
  float: left;
}

/* THIRDS
================================================== */
.thirds {
  width: 100%;
}
.thirds:after {
  content: "";
  display: table;
  clear: both;
}

.third {
  width: 33.33333333333333%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .third {
    float: none;
    width: 100%;
    margin-bottom: 1.25em;
    padding-right: 0;
  }
}

/* INLINE BLOCK
================================================== */
/* SECTIONS / COLUMNS
================================================== */
/* BASELINE
================================================== */
/* CLEAR INPUTS
================================================== */
/* TRANSITIONS
================================================== */
.widget.footer-widget ul a {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.hide {
  display: none;
}

/* Z-INDEXES
================================================== */
/* VISIBILITY
================================================== */
.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* _helpers.scss */
/* WORDPRESS CLASSES
================================================== */
.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.aligncenter {
  margin: 15px auto;
  display: block;
}

i {
  font-style: italic;
}

/* LAZYLOAD IMG
================================================== */
.lazyload-img {
  -webkit-transition: opacity 150ms ease-in;
  -moz-transition: opacity 150ms ease-in;
  -o-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in;
  opacity: 0;
  visibility: hidden;
}
.lazyload-img.show {
  opacity: 1;
  visibility: visible;
}

/* DEBUG-BOX
================================================== */
#debug_box {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 999999;
  border: #1c1c1c;
  width: 420px;
  height: auto;
  border-radius: 3px;
  color: #f8f8f2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(39, 40, 34, 0.95)), color-stop(70%, rgba(39, 40, 34, 0.95)));
  background-image: -moz-linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  background-image: -webkit-linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  background-image: linear-gradient(rgba(39, 40, 34, 0.95) 0%, rgba(39, 40, 34, 0.95) 70%);
  font-family: "Consolas", "Inconsolata", monospace;
}
#debug_box.closed .debug_box-inner {
  height: 0;
}
#debug_box.closed header #debug_box-close:before {
  content: 'U';
}
#debug_box header {
  position: relative;
  width: 100%;
  height: auto;
  line-height: 1;
  padding: 8px 8px;
  color: #a6e22d;
  font-family: inherit;
  font-weight: bold;
  background: #1c1c1c;
  border-bottom: 1px solid #242424;
  border-radius: 3px 3px 0 0;
}
#debug_box header #debug_box-close {
  width: 20px;
  height: 20px;
  margin-top: -8px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 8px;
  line-height: 1px;
  color: #fafafa;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
}
#debug_box header #debug_box-close:before {
  font-size: 18px;
  font-family: "arrrows";
  line-height: 20px;
  width: 100%;
  height: 100%;
  content: 'u';
}
#debug_box header #debug_box-close:hover:before {
  color: #a6e22d;
}
#debug_box nav {
  width: 100%;
  height: auto;
  padding: 5px 5px 0 5px;
}
#debug_box nav:after {
  content: "";
  display: table;
  clear: both;
}
#debug_box nav a {
  width: 49%;
  height: 28px;
  margin-right: 2%;
  margin-bottom: 2%;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  outline: 0;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #5d5d5d;
  box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), 0 0 2px rgba(167, 167, 167, 0.75) inset;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #434343), color-stop(100%, #555555));
  background-image: -moz-linear-gradient(bottom, #434343 0%, #555555 100%);
  background-image: -webkit-linear-gradient(bottom, #434343 0%, #555555 100%);
  background-image: linear-gradient(to top, #434343 0%, #555555 100%);
  line-height: 28px;
  color: #fafafa;
  text-align: center;
  font-family: "Consolas", Monospace;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(1, 1, 1, 0.75);
}
#debug_box nav a:nth-child(2n) {
  margin-right: 0;
}
#debug_box nav a:active, #debug_box nav a.active {
  box-shadow: 0 1px 1px rgba(1, 1, 1, 0.1), 0 0 2px rgba(0, 0, 0, 0.75) inset;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2f2f2f), color-stop(100%, #1f1f1f));
  background-image: -moz-linear-gradient(bottom, #2f2f2f 0%, #1f1f1f 100%);
  background-image: -webkit-linear-gradient(bottom, #2f2f2f 0%, #1f1f1f 100%);
  background-image: linear-gradient(to top, #2f2f2f 0%, #1f1f1f 100%);
  color: #F92772;
}
#debug_box .debug_box-inner {
  padding: 0 5px;
  width: 100%;
  height: auto;
  overflow: scroll;
}
#debug_box .vardump {
  width: 100%;
  height: auto;
}
#debug_box .vardump.hide {
  display: none;
}
#debug_box .vardump.show {
  display: block;
}
#debug_box span {
  display: block;
  width: 95%;
  margin: 0 auto;
  padding: 10px 10px 5px 0;
  font-family: inherit;
  font-weight: bold;
  text-transform: uppercase;
  color: #f92772;
}
#debug_box pre {
  display: block;
  width: 95%;
  max-height: 150px;
  margin: 0 auto 15px 0;
  padding: 7px;
  font-family: inherit;
  padding: 10px;
  color: #f8f8f2 !important;
  font-weight: bold;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #3c3c3c;
  overflow: scroll;
}

/* #debug_box */
/* VIEWPORT HELPERS
================================================== */
.mobile-only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mobile-only {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
}

.tablet-only {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .tablet-only {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
}

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .desktop-only {
    display: none;
  }
}

/* RELATIVE WRAP
================================================== */
.rel-wrap {
  position: relative;
  height: 1px;
}

/* DEBUGGING
================================================== */
.row.row-debug header h2 {
  color: #f16521;
}
.row.row-debug pre {
  background-color: #f7f7f7;
}

#debug_fa .inner {
  font-size: 1.875em;
}

.invisible {
  visibility: hidden;
  opacity: 0;
}

.visible {
  visibility: visible;
  opacity: 0;
}

/* HELPER CLASSES
================================================= */
.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

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

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

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

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

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

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

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

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

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

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

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

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

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

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

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

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

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

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

/**
 * New 2016
 */
.light {
  font-weight: 300;
}

.bold {
  font-weight: bold;
}

.xbold {
  font-weight: 800;
}

.primary {
  color: #f16521;
}

.secondary {
  color: #7a7a7a;
}

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

.table {
  display: table;
  height: 100%;
}

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

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.rel {
  position: relative;
}

/* _social.scss */
.menu-social {
  font-size: initial;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu-social li {
  margin: 0;
  padding: 0;
}
.menu-social li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 1.25em;
  line-height: 1;
}

.social-link.circle {
  width: 86px;
  height: 86px;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  background-color: #fff;
  text-align: center;
  color: #363737;
  font-size: 2em;
}
.social-link.circle.small {
  width: 32px;
  height: 32px;
  font-size: 1.375em;
}
.social-link.circle.small a:before {
  line-height: 34px;
}
.social-link.circle:before {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 90px;
  text-align: center;
}

/* _icons.scss */
/* ICON-BAR
================================================== */
.icon-bar {
  margin-top: 4px;
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #f16521;
}

/* ARRROWS
================================================== */
i.arr, .arr {
  font-style: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-image: none !important;
}

.arr:before {
  font-family: "arrrows", "arrrows";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
}

.arr-down:before {
  content: 'z';
}

/* BASE64 GLYPH
================================================== */
/* CIRCLE ICONS
================================================== */
.circle-icon-paper {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  background-clip: padding-box;
  background-color: #fb5247;
  color: #fff;
  font-size: 27px;
}
.circle-icon-paper:before {
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
  content: "F";
}

.circle-icon-list {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  background-clip: padding-box;
  background-color: #fb5247;
  color: #fff;
  font-size: 27px;
  line-height: 60px;
}
.circle-icon-list:before {
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
  content: "l";
}

.circle-icon-pencil {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  width: 56px;
  height: 56px;
  line-height: 56px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  background-clip: padding-box;
  background-color: #fb5247;
  color: #fff;
  font-size: 27px;
}
.circle-icon-pencil:before {
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-transform: none;
  content: "p";
}

/* _buttons-advanced.scss */
/* ======================================================================== */
/*                                                                          */
/*                                  BUTTON                                  */
/*                                                                          */
/* ======================================================================== */
/* BTN 
* ---
* @include btn(20px, bold, #2a2a2a, #fbfbfb, transparent, none, 52, 15px);
*
=========================================================================== */
/* BTN HOVER METHOD
* ----------------
* @include btn-hover-method();
*
=========================================================================== */
/* ======================================================================== */
/*                                                                          */
/*                                BUTTON BEFORE                             */
/*                                                                          */
/* ======================================================================== */
/* BTN BEFORE BASICS
* -----------------
* @include btn-before(absolute, 1.5, #000);
*
=========================================================================== */
/* BTN BEFORE FONT
* ---------------
* @include btn-before-font(1.4em, bold, #fff, "socialico");
*
=========================================================================== */
/* BTN BEFORE ICON NAME
* --------------------
* @include btn-before-icon-name();
*
=========================================================================== */
/* BTN BEFORE ICON
* ---------------
* @include btn-before-icon();
*
=========================================================================== */
/* BTN BEFORE HOVER METHOD
* -----------------------
* @include btn-before-hover-method();
*
=========================================================================== */
/* ======================================================================== */
/*                                                                          */
/*                               BUTTON CLASSES                             */
/*                                                                          */
/* ======================================================================== */
/* 
BUTTON EXAMPLE HTML
--------------------
<div style="background-color:#ccc;width:100%;height:auto;padding:50px;margin-top:20px;margin-bottom:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;">
<a href="#" class="btn btn-tab icon-group">.btn .btn-tab</a>
<a href="#" class="btn btn-tab transparent icon-pulse">.btn .btn-tab .transparent</a>
<a href="#" class="btn btn-tab secondary icon-meter">.btn .btn-tab .secondary</a>
<a href="#" class="btn btn-tab secondary-transparent icon-piechart">.btn .btn-tab .secondary-transparent</a>
</div>
*/
/* MIXIN: _BTN
================================================== */
.btn, .btn-tab, header.default nav > ul > li#menu-item-17 a, #donation .form .input-price-options li label {
  line-height: 1;
  padding: 15px 20px 13px 20px;
  color: #fff;
  margin-bottom: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-clip: padding-box;
  line-height: 1.2;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.btn {
  line-height: 1;
}
.btn.large {
  font-size: 1.25em;
  padding: 10px 22px;
  max-height: 72px;
}
.btn.primary {
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  background-color: #f16521;
  font-weight: 100;
  font-size: 18px;
}
.btn.primary:hover {
  background-color: #e3520c;
}
.btn.primary:hover .fa {
  opacity: 1;
}
.btn.primary.transparent {
  background-color: transparent;
  border: 1px solid #f16521;
  color: #f16521;
}
.btn.primary.transparent:hover {
  color: #fff;
  background-color: #f37c43;
}
.btn.white {
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  background-color: #ffffff;
  font-weight: 100;
  font-size: 18px;
  color: #f16521;
}
.btn.white:hover {
  background-color: #eeeded;
}
.btn.white:hover .fa {
  opacity: 1;
}
.btn.white.transparent {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btn.white.transparent:hover {
  color: #fff;
  background-color: white;
}
.btn.white.transparent:hover {
  color: #7a7a7a;
}
.btn.white .fa {
  opacity: 1;
}
.btn.no-appearance, .btn.empty {
  appearance: none;
  outline: 0;
  border: 0;
  background-color: transparent;
  color: #f16521;
}
.btn.no-appearance:hover, .btn.empty:hover {
  color: #e3520c;
}
.btn.border, .pagination a {
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  background-color: #ffffff;
  font-weight: 100;
  font-size: 18px;
  line-height: 46px;
  color: #f16521;
  border: 2px solid #f16521;
}
.btn.border:hover, .pagination a:hover {
  background-color: #eeeded;
}
.btn.border:hover .fa, .pagination a:hover .fa {
  opacity: 1;
}
.btn.border.transparent, .pagination a.transparent {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btn.border.transparent:hover, .pagination a.transparent:hover {
  color: #fff;
  background-color: white;
}
.btn.border:hover, .pagination a:hover {
  background: #ffffff;
  border-color: #f3af0f;
  color: #f3af0f;
}
.btn.gray {
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  background-color: #f1f1f1;
  font-weight: 100;
  font-size: 18px;
  color: #f16521;
}
.btn.gray:hover {
  background-color: #e0dfdf;
}
.btn.gray:hover .fa {
  opacity: 1;
}
.btn.gray.transparent {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
}
.btn.gray.transparent:hover {
  color: #fff;
  background-color: white;
}
.btn.gray:hover {
  color: #e3520c;
}
.btn .fa {
  margin-right: 15px;
  opacity: 0.6;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
.btn .fa.fa-angle-right {
  margin: 0 0 0 10px;
  opacity: 1;
}

button {
  position: relative;
  font-size: initial;
  text-transform: none;
}

/* _shapes.scss */
/* CIRCLE-DATE
================================================== */
.circle-date {
  width: 130px;
  height: 130px;
  display: table;
  text-align: center;
  -webkit-border-radius: 65px/65px 65px 65px 65px;
  -moz-border-radius: 65px/65px 65px 65px 65px;
  border-radius: 65px/65px 65px 65px 65px;
  background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A000000,endColorstr=#1A000000);
  zoom: 1;
}
.circle-date .circle-date-inner {
  display: table-cell;
  vertical-align: middle;
}
.circle-date i, .circle-date span, .circle-date b {
  display: block;
  opacity: 0.5;
  color: #353535;
  line-height: 1;
}
.circle-date i {
  font-size: 1.3125em;
  margin-bottom: .15em;
}
.circle-date span {
  font-size: 0.9375em;
  font-weight: bold;
  text-transform: uppercase;
}
.circle-date b {
  font-size: 1.5em;
  font-weight: bold;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body, .animated, * {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  backface-visibility: visible;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.animated {
  animation-fill-mode: both;
  transform: translate3d(0, 0, 0);
  perspective: 1000;
  -o-animation-fill-mode: both;
  -o-transform: translate3d(0, 0, 0);
  -o-perspective: 1000;
  -moz-animation-fill-mode: both;
  -moz-transform: translate3d(0, 0, 0);
  -moz-perspective: 1000;
  -webkit-animation-fill-mode: both;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animated.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.animated.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.animated.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.animated.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.animated.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.animated.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animated.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.animated.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.animated.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.animated.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.animated.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.animated.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.animated.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.animated.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.animated.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.animated.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animated.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animated.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animated.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.animated.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.animated.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.animated.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.animated.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.animated.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.animated.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.animated.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

/*

A couple of additions for the animo.js library

Daniel Raftery <@ThirvingKings>

*/
.animated.fade {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animated.appear {
  -webkit-animation-name: appear;
  -moz-animation-name: appear;
  -o-animation-name: appear;
  animation-name: appear;
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.spinner {
  -webkit-animation-name: spinner;
  -moz-animation-name: spinner;
  -o-animation-name: spinner;
  animation-name: spinner;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animated.twirlIn {
  -webkit-animation-name: twirlIn;
  -moz-animation-name: twirlIn;
  -o-animation-name: twirlIn;
  animation-name: twirlIn;
}

@-webkit-keyframes twirlIn {
  0% {
    -webkit-transform: rotate3d(80, -70, 10, 180deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-moz-keyframes twirlIn {
  0% {
    -moz-transform: rotate3d(80, 70, 10, 180deg);
  }
  100% {
    -moz-transform: rotate3d(0, 0, 0, 0deg);
  }
}
@-o-keyframes twirlIn {
  0% {
    -o-transform: rotate3d(80, 70, 10, 180deg);
  }
  100% {
    -o-transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes twirlIn {
  0% {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  100% {
    transform: rotate3d(80, 70, 10, 180deg);
  }
}
.animated.twirlOut {
  -webkit-animation-name: twirlOut;
  -moz-animation-name: twirlOut;
  -o-animation-name: twirlOut;
  animation-name: twirlOut;
}

@-webkit-keyframes twirlOut {
  0% {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(80, -70, 10, 180deg);
  }
}
@-moz-keyframes twirlOut {
  0% {
    -moz-transform: rotate3d(0, 0, 0, 0deg);
  }
  100% {
    -moz-transform: rotate3d(80, 70, 10, 180deg);
  }
}
@-o-keyframes twirlOut {
  0% {
    -o-transform: rotate3d(0, 0, 0, 0deg);
  }
  100% {
    -o-transform: rotate3d(80, 70, 10, 180deg);
  }
}
@keyframes twirlOut {
  0% {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  100% {
    transform: rotate3d(80, 70, 10, 180deg);
  }
}
/* _code.scss */
pre.prettify {
  box-shadow: none;
  padding: 5px;
  font: 14px monospace;
}

/* _modals.scss */
/* MODAL SETTINGS
================================================== */
/* MODAL-OVERLAY
================================================== */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: transparent;
  background-color: rgba(49, 49, 49, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF313131,endColorstr=#BF313131);
  zoom: 1;
  /* TRANSITION */
  transition: all 100ms linear;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
}
.modal-overlay.show {
  z-index: 1000;
  visibility: visible;
  opacity: 1;
}

/* MODAL
================================================== */
.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  height: auto;
  background-color: #fff;
  color: #313131;
  /* DEFAULT - same as .medium */
  width: 500px;
  margin-left: -250px;
  font-size: initial;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* BOX SHADOW */
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.15);
  /* TRANSITION */
  transition: transform;
  transition-duration: 205ms;
  transform: scale(0.85);
  z-index: 0;
  visibility: hidden;
  opacity: 0;
}
.modal .embed-container {
  margin: 0;
}
.modal.show {
  transition: transform;
  transition-duration: 250ms;
  transform: scale(1);
  z-index: 1100;
  visibility: visible;
  opacity: 1;
}
.modal.small {
  width: 300px;
  margin-left: -150px;
}
.modal.medium {
  width: 500px;
  margin-left: -250px;
}
.modal.large {
  width: 750px;
  margin-left: -375px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .modal.large {
    width: 90%;
    margin-left: -45%;
  }
}
@media only screen and (max-width: 767px) {
  .modal.large {
    width: 90%;
    margin-left: -45%;
  }
}
.modal br {
  display: none;
}
.modal button {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 1100;
  appearance: none;
  outline: 0;
  border: 0;
  background-color: transparent;
  color: #f16521;
  font-size: initial;
}
.modal button:before {
  font-family: "pictos";
  font-size: 1.25em;
  content: '*';
}
.modal button:hover {
  color: #f16521;
}
.modal header, .modal main, .modal footer {
  width: 100%;
  height: auto;
}
.modal header {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 17px 20px 13px 20px;
  background-color: #fafafa;
  border-bottom: 1px solid #f2f2f2;
  line-height: 1;
  font-size: 1.0625em;
  text-transform: uppercase;
  font-weight: bold;
}
.modal .modal-body {
  font-size: 1em;
  font-family: Chaparral Pro, Georgia, serif;
  background-color: transparent;
  padding: 15px 20px;
}
.modal footer {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  background-color: #fafafa;
  border-top: 1px solid #f2f2f2;
  padding: 0px 20px 20px 20px;
}

/* Modules & Components */
/* _comments.scss */
/* RESPOND
================================================== */
#respond {
  width: 100%;
  height: auto;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  padding-top: 40px;
}
#respond:after {
  content: "";
  display: table;
  clear: both;
}
#respond #reply-title {
  display: none;
}
#respond form#commentform label {
  display: block;
}
#respond form#commentform textarea {
  height: 100px;
}
#respond form#commentform p {
  margin: 0 0 .7em 0;
  padding: 0;
}
#respond form#commentform .comment-notes {
  display: none;
}
#respond form#commentform .comment-form-comment {
  width: 100%;
}
#respond form#commentform .comment-form-comment textarea {
  width: 100%;
}
#respond form#commentform .fields-halves {
  width: 100%;
  height: auto;
}
#respond form#commentform .fields-halves:after {
  content: "";
  display: table;
  clear: both;
}
#respond form#commentform .fields-halves .field-half {
  width: 50%;
  float: left;
}
#respond form#commentform .fields-halves .field-half:first-of-type {
  padding-right: 15px;
}
#respond form#commentform .fields-halves .field-half input {
  width: 100%;
}
#respond form#commentform .form-submit {
  margin-bottom: 0;
}

/* COMMENTS / COMMENTLIST
================================================== */
#comments {
  width: 100%;
  height: auto;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  padding-top: 30px;
}
#comments:after {
  content: "";
  display: table;
  clear: both;
}
#comments ol.commentlist {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#comments ol.commentlist li {
  margin: 0;
  padding: 0;
}
#comments ol.commentlist li.comment {
  margin-top: 30px;
  font-style: normal;
  font-size: 100%;
  font-size: initial;
}
#comments ol.commentlist li.comment p {
  font-size: inherit;
  font-style: inherit;
}
#comments ol.commentlist > li.comment {
  margin-top: 0;
}
#comments ol.commentlist li.comment.depth-1 {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

/* ARTICLE .comment
================================================== */
.comment-wrap {
  /* AVATAR */
  /* COMMENT  */
}
.comment-wrap .comment-inner {
  width: 100%;
  height: auto;
}
.comment-wrap .comment-inner:after {
  content: "";
  display: table;
  clear: both;
}
.comment-wrap .avatar-wrap {
  display: -webkit-1;
  display: 1;
}
.comment-wrap .avatar-wrap .avatar, .comment-wrap .avatar-wrap .avatar img {
  width: 64px;
  height: 64px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  background-clip: padding-box;
}
.comment-wrap .avatar-wrap img {
  border: 1px solid #dadada;
}
.comment-wrap .comment-comment {
  display: -webkit-4;
  display: 4;
  padding-left: 20px;
}
.comment-wrap .comment-comment .comment-header {
  width: 100%;
  margin-bottom: .5em;
}
.comment-wrap .comment-comment .comment-header:after {
  content: "";
  display: table;
  clear: both;
}
.comment-wrap .comment-comment .comment-header .comment-meta-header {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 1;
}
.comment-wrap .comment-comment .comment-header .comment-author {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: inherit;
  font-style: normal;
  text-transform: uppercase;
  color: #363737;
}
.comment-wrap .comment-comment .comment-header .comment-author cite {
  font-style: normal;
}
.comment-wrap .comment-comment .comment-header .comment-author a {
  color: inherit;
}
.comment-wrap .comment-comment .comment-header .comment-time {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding-left: 10px;
  font-size: 0.875em;
  line-height: inherit;
}
.comment-wrap .comment-comment .comment-header .comment-reply-link {
  float: right;
}
.comment-wrap .comment-comment .comment-header .comment-reply-link:hover {
  text-decoration: underline;
}
.comment-wrap .comment-comment .comment-content {
  color: #433f3e;
}
.comment-wrap .comment-comment .comment-content p {
  font-size: 0.875em;
}
.comment-wrap .comment-comment .comment-content p:first-of-type {
  margin-top: 0;
}

/* comment */
/* CHILDREN (child comments)
================================================== */
ol.children {
  display: block;
  list-style: none;
  list-style-type: none;
  padding-left: 86px;
}

/* _header.scss */
/* HEADER.default
================================================== */
header.default {
  width: 100%;
  height: 85px;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 9999;
  border-bottom: 1px solid #000000;
  -webkit-transition: background-color 150ms linear;
  -moz-transition: background-color 150ms linear;
  -o-transition: background-color 150ms linear;
  transition: background-color 150ms linear;
  /* LOGO (span4)
  ================================================== */
  /* NAV .header_menu (span8 omega)
  ================================================== */
  /* nav */
}
header.default .logo {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: left;
  padding-top: 15px;
}
header.default .logo h1, header.default .logo h2, header.default .logo h3, header.default .logo p, header.default .logo span {
  margin: 0;
}
header.default .logo img {
  max-height: 100%;
  width: auto;
}
header.default .logo img#black {
  display: none;
}
header.default nav {
  float: right;
  text-align: right;
  line-height: 85px;
}
header.default nav > ul {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  header.default nav > ul {
    padding-top: 0;
  }
}
header.default nav > ul > li {
  text-transform: uppercase;
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  header.default nav > ul > li {
    margin-left: 25px;
  }
}
header.default nav > ul > li:first-child {
  margin-left: 0px;
}
header.default nav > ul > li a {
  font-size: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  header.default nav > ul > li a {
    font-size: 12px;
  }
}
header.default nav > ul > li#menu-item-17 a {
  background: #f16521;
  width: 100%;
}
header.default nav > ul > li#menu-item-17 a:before {
  display: none;
}
header.default nav > ul > li#menu-item-17 a:hover {
  background: #ea560f;
}
@media only screen and (max-width: 767px) {
  header.default nav > ul > li#menu-item-17 a {
    line-height: 28px;
  }
}
header.default nav > ul > li > a {
  display: block;
  height: 100%;
  line-height: 45px;
  text-align: center;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  header.default nav > ul > li > a {
    margin-bottom: 0 !important;
  }
}

/* HEADER.STICK
================================================== */
header.default.stick {
  background-color: #ffffff;
  border-color: #dddddd;
}
header.default.stick img#white {
  display: none;
}
header.default.stick img#black {
  display: block;
}
header.default.stick nav.menu > ul li a {
  color: #959595;
}
header.default.stick nav.menu > ul li a:hover {
  color: #f16521;
}
header.default.stick nav.menu > ul ul {
  background: #ffffff;
  border: 1px solid #dddddd;
}
header.default.stick nav.menu > ul ul li > a:hover {
  background: #f2f2f2;
  color: #959595;
}

/* ------------------------------------------------ */
/* HEADER.DEFAULT -> DESKTOP
/* ------------------------------------------------ */
@media only screen and (min-width: 960px) {
  #mobile-menu-toggle {
    display: none;
  }
}
/* ------------------------------------------------ */
/* HEADER.DEFAULT -> TABLET
/* ------------------------------------------------ */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #mobile-menu-toggle {
    display: none;
  }
}
/* ------------------------------------------------ */
/* HEADER.DEFAULT -> MOBILE
/* ------------------------------------------------ */
@media only screen and (max-width: 767px) {
  header.default {
    background: #fff;
    height: 75px;
  }
  header.default .container {
    padding-left: 0;
    padding-right: 0;
  }
  header.default .logo {
    padding-left: 1em;
  }
  header.default .logo img#white {
    display: none;
  }
  header.default .logo img#black {
    display: block;
  }
  header.default nav {
    display: none;
    width: 100%;
    height: auto;
    line-height: 1;
    text-align: left;
    background: #fff;
  }
  header.default nav ul {
    width: 100%;
    height: auto;
    line-height: 1;
  }
  header.default nav ul li {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    line-height: 1;
    height: auto;
  }
  header.default nav ul li:last-child {
    border-bottom: 0;
  }
  header.default nav ul li a {
    color: #959595;
    text-align: left;
    padding: 0 0 0 2em;
    border-top: 1px solid #eeeeee;
    line-height: 50px;
  }
  header.default nav ul li:hover > ul {
    margin-top: 0;
  }
  header.default nav ul li.menu-item-has-children a:after {
    display: none;
  }
  header.default nav ul li.current_page_item > a::before {
    display: none;
  }
  header.default nav ul ul {
    display: block;
    position: relative;
    margin-top: 0;
    box-shadow: none;
    /* UNDO TRANSITION */
    visibility: visible;
    opacity: 1;
    background: #fff;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  header.default nav ul ul {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header.default nav ul ul li {
    border-top: 1px solid #eeeeee;
    border-bottom: none;
  }
  header.default nav ul ul li a {
    border-bottom: none;
  }
  header.default nav ul ul li a:before {
    text-transform: none;
    position: relative;
    line-height: inherit;
    color: inherit;
    content: "";
    font-family: "FontAwesome";
  }
  header.default nav ul ul li a::before {
    margin-right: 10px;
  }

  #mobile-menu-toggle {
    display: block;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding-right: 1em;
    float: right;
    background: none;
    border: none;
    outline: none;
    height: 75px;
  }
}
/* _navigation.scss */
/**
 * Dropdown <UL>
 * -------------------
 * Basic styling for unordered lists with child <ul> ("dropdowns"). 
 * <ul> must be a child of a <nav> in order to qualify as a dropdown.
 */
nav.menu {
  /* nav.menu ul */
}
nav.menu > ul > li.current-menu-item > a::before, nav.menu > ul > li.current-page-ancestor > a::before {
  content: '';
  background: #f16521;
  height: 3px;
  width: 100%;
  display: block;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  nav.menu > ul > li.current-menu-item > a::before, nav.menu > ul > li.current-page-ancestor > a::before {
    display: none;
  }
}
nav.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: auto;
}
nav.menu ul li {
  margin: 0;
  padding: 0;
}
nav.menu ul li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  font-size: 16px;
  line-height: 1.25;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
nav.menu ul > li {
  position: relative;
  display: block;
  float: left;
}
nav.menu ul > li:hover > a {
  color: #f16521;
}
nav.menu ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}
nav.menu ul > li.menu-item-has-children > a:after {
  text-transform: none;
  position: relative;
  line-height: inherit;
  color: inherit;
  content: "";
  font-family: "FontAwesome";
  padding: 0 0 0 8px;
  margin: 0;
  font-weight: normal;
}
nav.menu ul > li a {
  color: #fff;
}
nav.menu ul > li a:hover {
  color: #f16521;
}
nav.menu ul > li:last-child ul {
  left: auto;
  right: 0;
}
nav.menu ul ul {
  position: absolute;
  min-width: 210px;
  z-index: 9999;
  text-align: left;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  visibility: hidden;
}
nav.menu ul ul li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
}
nav.menu ul ul li a {
  padding: 10px  20px;
  white-space: nowrap;
  /*fixes nav from breaking to 2 lines*/
  width: 100%;
}
nav.menu ul ul li a:hover {
  color: #f16521;
}

/* nav.menu */
/* _hero.scss */
.hero {
  width: 100%;
  height: 600px;
  padding: 0;
  background-color: #363737;
  background-position: top center;
  background-size: cover;
  text-align: left;
  border-bottom: 8px solid #f16521;
}
@media only screen and (max-width: 767px) {
  .hero {
    height: 400px;
  }
}
.hero .container {
  position: relative;
  display: table;
  text-align: center;
  height: 100%;
  width: 100%;
}
.hero .hero-inner {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 75px;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .hero .hero-inner {
    padding-bottom: 25px;
  }
}
.hero h1 {
  color: #ffffff;
  padding-top: 0;
  margin-bottom: .25rem;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 767px) {
  .hero h1 {
    font-size: 40px;
  }
}
.hero .breadcrumbs {
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7);
}
.hero a.btn {
  float: left;
}

/*There is not header image, mostly used in blog pages*/
.no-image-header {
  margin: 0;
  padding: 110px 0 0;
}
.no-image-header .container {
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}
.no-image-header .container .breadcrumbs a {
  color: #cccccc;
}

/* _slider.scss */
.flexslider {
  position: relative;
  /* SLIDER FULL
  ================================================== */
  /* FLEX SLIDES
  ================================================== */
  /* slides */
  /* FLEX-CONTROL-NAV
  ================================================== */
  /* flex-control-nav */
  /* FLEX-CONTROL-THUMBS
  ================================================== */
  /* flex-control-thumbs */
  /* FLEX-DIRECTION-NAV
  ================================================== */
  /* flex-direction-nav */
  /* HOVER INTERACTIONS
  ================================================== */
}
.flexslider .flex-viewport {
  width: 100%;
  height: 230px;
  background-visibility: hidden;
}
.flexslider .flex-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 144px rgba(82, 82, 82, 0.45) inset;
}
.flexslider ul.slides {
  min-width: 100%;
  overflow-y: hidden;
  height: 230px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-visibility: hidden;
  /* TYPOGRAPHY */
}
.flexslider ul.slides li {
  margin: 0;
  padding: 0;
}
.flexslider ul.slides h6 {
  margin-bottom: .5em;
}
.flexslider ul.slides p {
  margin-top: 0px;
}
.flexslider ul.slides > li {
  display: none;
  position: relative;
  text-align: left;
  width: 100%;
  float: left;
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  /* SLIDE CONTENT
  ================================================== */
  /* .slide-content */
  /* SLIDE-META
  ================================================== */
}
.flexslider ul.slides > li .container {
  height: 230px;
  display: table;
}
.flexslider ul.slides > li .slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  background-color: #b7b7b7;
  background-size: 100% 100% !important;
  background-image: url("data:image/png;base64,__BASE64STRING__");
  background-repeat: no-repeat;
  opacity: 0.4;
}
.flexslider ul.slides > li .slide-content {
  position: relative;
  width: 70%;
  z-index: 100;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
  width: 100%;
}
.flexslider ul.slides > li .slide-content .slide-content-right {
  padding: 0 0 0 1.875em;
}
.flexslider ul.slides > li .slide-content .slide-content-right h1, .flexslider ul.slides > li .slide-content .slide-content-right h2, .flexslider ul.slides > li .slide-content .slide-content-right h3 {
  margin-top: 5px;
  margin-bottom: 3px;
}
.flexslider ul.slides > li .slide-content .slide-content-right p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 1em;
  margin-top: 0.9375em;
}
.flexslider ul.slides > li .slide-content.clearafter:after {
  content: "";
  display: table;
  clear: both;
}
.flexslider ul.slides > li .slide-content.left {
  text-align: left;
}
.flexslider ul.slides > li .slide-content.left .seperator {
  margin: 15px 0 15px 0;
}
.flexslider ul.slides > li .slide-content.center {
  text-align: center;
}
.flexslider ul.slides > li .slide-content.center .seperator {
  margin: 15px auto 15px auto;
}
.flexslider ul.slides > li .slide-content.right {
  text-align: right;
}
.flexslider ul.slides > li .slide-content.right .seperator {
  margin: 15px 0 15px 0;
}
.flexslider ul.slides > li .slide-content .seperator {
  display: block;
  width: 200px;
  height: 2px;
  background-color: #fff;
}
.flexslider ul.slides > li .slide-content h1 {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 80%;
}
.flexslider ul.slides > li .slide-content h1:first-of-type {
  margin: 0;
}
.flexslider ul.slides > li .slide-content p {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 1.43em;
  font-size: 1.1em;
  font-style: italic;
}
.flexslider ul.slides > li .slide-meta {
  margin: 0;
  padding: 0;
}
.flexslider ul.slides > li .slide-meta span.author-pre-text {
  display: none;
}
.flexslider ul.slides > li .slide-meta span {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #adadad;
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 0.875em;
  margin-right: 7px;
}
.flexslider ul.slides > li .slide-meta span:last-child {
  margin-right: 0;
}
.flexslider ul.slides > li .slide-meta span a {
  color: inherit;
}
.flexslider .flex-control-nav-wrap {
  width: 100%;
  height: 17px;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  text-align: center;
}
.flexslider ol.flex-control-paging {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 17px;
}
.flexslider ol.flex-control-paging li {
  margin: 0;
  padding: 0;
}
.flexslider ol.flex-control-paging:after {
  content: "";
  display: table;
  clear: both;
}
.flexslider ol.flex-control-paging li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  line-height: 17px;
  margin-right: 10px;
  width: 16px;
}
.flexslider ol.flex-control-paging li a {
  display: block;
  text-indent: -9999px;
  position: relative;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /* TRANSITION */
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background-color: #fff;
  border: 2px solid #f16521;
}
.flexslider ol.flex-control-paging li a.flex-active {
  background-color: #f16521;
}
.flexslider ol.flex-control-thumbs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  height: 130px;
  display: table;
  background: #ffffff;
  border-collapse: collapse;
}
.flexslider ol.flex-control-thumbs li {
  margin: 0;
  padding: 0;
}
.flexslider ol.flex-control-thumbs li {
  position: relative;
  display: table-cell;
  height: 130px;
  width: auto;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  border-right: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
}
.flexslider ol.flex-control-thumbs li:first-child {
  border-left: 5px solid #ffffff;
}
.flexslider ol.flex-control-thumbs li:hover {
  opacity: 1;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap {
  width: 100%;
  height: 130px;
  position: relative;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap > div {
  height: 130px;
  width: 100%;
  overflow: hidden;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap > div > div {
  height: 100%;
  width: 100%;
}
.flexslider ol.flex-control-thumbs li .flex-thumb-wrap img {
  position: relative;
  height: 100%;
  width: 100%;
}
.flexslider ol.flex-control-thumbs .flex-active-parent {
  border-top: 5px solid #96be73;
}
.flexslider .flex-direction-nav {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  height: 57px;
  width: 100%;
  overflow-x: hidden;
}
.flexslider .flex-direction-nav li {
  height: 57px;
  width: 60px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  font-size: initial;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.flexslider .flex-direction-nav li a {
  display: block;
  height: 57px;
  width: 60px;
  background-clip: padding-box;
  font-family: "arrrows";
  color: #eae9e9;
  text-align: center;
  font-size: 1.5625em;
  line-height: 57px;
  text-indent: 0;
  text-transform: none;
  /* TRANSITION */
  background-color: transparent;
  background-color: rgba(218, 218, 218, 0.08);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#14DADADA,endColorstr=#14DADADA);
  zoom: 1;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.flexslider .flex-direction-nav li a:hover {
  background-color: transparent;
  background-color: rgba(218, 218, 218, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40DADADA,endColorstr=#40DADADA);
  zoom: 1;
}
.flexslider .flex-direction-nav li a.flex-prev {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.flexslider .flex-direction-nav li a.flex-next {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.flexslider .flex-direction-nav li:first-child {
  left: -60px;
}
.flexslider .flex-direction-nav li:last-child {
  right: -60px;
}
.flexslider:hover .flex-direction-nav li:first-child {
  left: 0;
}
.flexslider:hover .flex-direction-nav li:first-child {
  left: 0px;
}
.flexslider:hover .flex-direction-nav li:last-child {
  right: 0px;
}

/* ------------------------------------------------ */
/* FLEXSLIDER -> MOBILE
/* ------------------------------------------------ */
@media only screen and (max-width: 767px) {
  .flexslider {
    float: left;
    padding: 30px 0;
  }
  .flexslider .flex-viewport {
    height: 450px;
  }
  .flexslider ul.slides {
    height: 450px;
  }
  .flexslider ul.slides li {
    height: 450px;
  }
  .flexslider ul.slides li .container {
    height: 450px;
  }
  .flexslider ul.slides li .slide-overlay {
    height: 450px;
  }
  .flexslider ul.slides li .slide-content {
    font-size: 85%;
  }
}
/* _footer.scss */
.social {
  text-align: center;
}
.social a {
  color: #f16521;
}
.social a i.fa {
  font-size: 40px;
  margin: 0 5px;
}
.social a:hover {
  color: #e3520c;
}

/* DEFAULT FOOTER
================================================= */
footer.default {
  width: 100%;
  padding: 50px 0;
  background-color: #363737;
  color: #fafafa;
  text-align: center;
  /* --------------------------------------------------- */
  /* MORE STYLES IN _WIDGET.SCSS (.footer-widget)
  /* --------------------------------------------------- */
}
footer.default ul, footer.default h1, footer.default h2, footer.default h3, footer.default h4, footer.default p, footer.default span, footer.default a, footer.default li, footer.default .widget-title {
  color: inherit;
}
footer.default ul {
  display: block;
}
footer.default li {
  display: inline-block;
  padding: 0 10px;
}
footer.default li:last-of-type {
  margin-bottom: 0.9375em;
}
footer.default li a {
  color: #f16521;
}
footer.default li a:hover {
  color: #e3520c;
}
footer.default p.legal {
  margin-bottom: 0;
}
footer.default p.legal a {
  color: #f16521;
}
footer.default p.legal a:hover {
  color: #e3520c;
}
@media only screen and (max-width: 767px) {
  footer.default {
    height: auto;
    padding: 20px 0;
  }
  footer.default li {
    margin-bottom: 10px;
  }
}

/* _widgets.scss */
.widget-area {
  font-size: initial;
}

.widget {
  font-size: .9em;
  margin-bottom: 2em;
}
.widget .separator {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 50%;
  margin-top: 2em;
  border-bottom: 1px solid #ddd;
}
.widget .widget-title {
  color: #363737;
  font-size: inherit;
}

/* AUTHOR INFO WIDGET
================================================== */
.widget.author-info {
  box-shadow: none;
}
.widget.author-info .standard-pi-pic {
  text-align: inherit;
}
.widget.author-info .standard-pi-pic a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #f3f1f1;
}
.widget.author-info .standard-pi-pic img, .widget.author-info .standard-pi-pic a {
  background-clip: padding-box;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  width: 120px;
  height: 120px;
}
.widget.author-info .standard-pi-top-text {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 1.5em 0 0 0;
  font-size: 0.875em;
  font-style: italic;
}
.widget.author-info .standard-pi-author-name {
  margin: .3em 0 0 0;
  color: #363737;
  font-size: inherit;
}
.widget.author-info .standard-pi-separator {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 50%;
  margin: .8em 0 .6em 0;
  border-bottom: 2px solid #353535;
}
.widget.author-info .standard-pi-bio {
  margin: 0;
  padding: 0;
}
.widget.author-info .separator {
  display: none;
}

/* FOOTER-WIDGETS
================================================== */
.footer-widgets.halves:after {
  content: "";
  display: table;
  clear: both;
}
.footer-widgets.thirds:after {
  content: "";
  display: table;
  clear: both;
}
.footer-widgets.fourths:after {
  content: "";
  display: table;
  clear: both;
}

/* FOOTER WIDGET
================================================== */
.widget.footer-widget {
  margin-bottom: 0;
  /* FOOTER-WIDGET > MENU-SOCIAL
   * Needs overrides to reset styles from footer-widget
  ===================================================== */
}
.widget.footer-widget .widget-title {
  margin-top: .5em;
  font-size: 1.25em;
}
.widget.footer-widget ul li {
  width: 75%;
  border-bottom: 1px solid #5a5a5a;
}
.widget.footer-widget ul li a {
  padding: .8em .2em;
  display: block;
}
.widget.footer-widget ul a:hover {
  color: #f16521;
}
.widget.footer-widget ul.menu-social li {
  line-height: 1;
  width: auto;
  border-bottom: 0;
  margin: 0 5px 0 0;
}
.widget.footer-widget ul.menu-social li a {
  padding: 0;
}

/* _content-shared.scss */
/* #MAIN
================================================== */
#main.page {
  margin-top: 3.4375em;
}
#main.single {
  margin-top: 3.4375em;
}

/* #content
================================================== */
#content.push-left {
  float: left;
}
@media only screen and (max-width: 767px) {
  #content.push-left {
    float: right;
  }
}
#content.push-left .content-inner {
  margin-bottom: 3.5em;
  padding-left: 2em;
}
@media only screen and (max-width: 767px) {
  #content.push-left .content-inner {
    padding-left: 0;
  }
}
#content.push-right {
  float: right;
}
#content.push-right .content-inner {
  margin-bottom: 3.5em;
  padding-right: 2em;
}
@media only screen and (max-width: 767px) {
  #content.push-right .content-inner {
    padding-right: 0;
  }
}
#content.push-none {
  width: 100%;
  float: none;
}
#content.push-none .content-inner {
  margin-bottom: 3.5em;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  #content.push-none .content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}
#content.full-width, #content.full {
  width: 100%;
}

/* ARTICLE
================================================== */
/* SIDEBAR
================================================== */
#main .sidebar a:hover {
  text-decoration: underline;
}
#main .sidebar.push-left {
  float: left;
}
@media only screen and (max-width: 767px) {
  #main .sidebar.push-left {
    float: right;
  }
}
#main .sidebar.push-left .sidebar-inner {
  padding-right: 2em;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  #main .sidebar.push-left .sidebar-inner {
    padding-right: 0;
    text-align: left;
  }
}
#main .sidebar.push-right {
  float: right;
}
#main .sidebar.push-right .sidebar-inner {
  padding-left: 2em;
}
@media only screen and (max-width: 767px) {
  #main .sidebar.push-right .sidebar-inner {
    padding-left: 0;
  }
}

/* SECTIONS
================================================== */
.section-header {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

.section-title {
  position: relative;
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 30px;
  margin-top: 50px;
}
.section-title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin: -1px 0 0 -60px;
  width: 120px;
  height: 2px;
  background-color: #353535;
}
.section-title.white {
  color: #fff;
}
.section-title.white:after {
  background-color: #fff;
}
.section-title.baseline {
  margin-top: 0;
}
.section-title.slider-title {
  background-color: #3A3A3A;
  margin: 0;
  padding-top: 50px;
  padding-bottom: 40px;
}

.section-subtitle {
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 1.125em;
  font-style: italic;
  color: #433f3e;
  text-align: center;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.section-full-thirds {
  height: 390px;
}

.component {
  margin-bottom: 6.25em;
}
.component:after {
  content: "";
  display: table;
  clear: both;
}
.component .component-title {
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
}
.component .component-subtitle {
  font-size: 1.3em;
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cacaca;
}

.component-nav {
  width: 200px;
}
.component-nav li {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.component-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  border-left: 2px solid #3a3a3a;
  padding: 7px 14px;
}
.component-nav li a:hover {
  background: #f16521;
  color: #fff;
  text-decoration: none !important;
}

/* UL.FIXED-LIST
================================================== */
/* UL.BOXES
================================================== */
ul.boxes {
  margin: 0;
  padding: 0;
}
ul.boxes:after {
  content: "";
  display: table;
  clear: both;
}
ul.boxes li {
  width: 16.666666667%;
  float: left;
  font-size: 0.8125em;
  line-height: 1.4;
  height: 110px;
  text-align: center;
  border: 1px solid #fff;
  background-color: #f9f9f9;
  padding: 10px;
  cursor: pointer;
}
ul.boxes li:hover {
  color: #fff;
  background-color: #f16521;
}
ul.boxes li .icon {
  font-size: 1.875em;
  display: block;
  margin: 0 0 5px 0;
  height: 40px;
}

/* PHOTO CAPTIONS
================================================= */
.with-caption {
  position: relative;
}

.caption {
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}

@media only screen and (min-width: 960px) {
  .span6.right.with-caption .caption {
    margin-left: 6px;
  }
}
/* _content-posts.scss */
/* ARTICLE.post
================================================== */
.post {
  width: 100%;
  height: auto;
  padding: 50px 0 60px 0;
  /* POST FORMAT: IMAGE & VIDEO
  ================================================== */
  /* post-format-image */
  /* POST THUMBS
  ================================================== */
}
.post:after {
  content: "";
  display: table;
  clear: both;
}
.post.archive h1, .post.archive h2 {
  margin-top: 0;
}
.post .post-title {
  line-height: 1.15;
  font-weight: 900;
  transition: color 150ms ease-in-out;
}
.post .post-title:hover {
  color: #f16521;
}
.post .content a {
  color: #f16521;
}
.post .content a:hover {
  color: #e3520c;
}
.post .content a.link i.fa.fa-angle-right {
  padding-left: 15px;
}
.post .content a.btn.primary {
  color: #fff;
}
.post blockquote p {
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 1.5em;
  line-height: 1.25;
  font-weight: normal;
  font-style: normal;
  color: #3b3b3b;
  padding-top: 0;
  border-left: 10px solid #f2f2f2;
}
.post blockquote p .source {
  font-size: 18px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: block;
  clear: left;
  margin-top: 25px;
}
.post footer {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
}
.post ul.post-meta {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: initial;
}
.post ul.post-meta li {
  margin: 0;
  padding: 0;
}
.post ul.post-meta a {
  color: inherit;
}
.post ul.post-meta a:hover {
  text-decoration: underline;
}
.post ul.post-meta li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 7px;
  font-size: 0.875em;
  color: #e7e7e9;
}
.post.post-format-image, .post.post-format-video {
  /* post-format-image-image */
}
.post.post-format-image .post-format-image-image, .post.post-format-image .post-format-video-image, .post.post-format-video .post-format-image-image, .post.post-format-video .post-format-video-image {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #363636;
  /* POST-FORMAT-IMAGE-IMAGE > HOVER EFFECTS
  ================================================== */
}
.post.post-format-image .post-format-image-image img, .post.post-format-image .post-format-video-image img, .post.post-format-video .post-format-image-image img, .post.post-format-video .post-format-video-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.post.post-format-image .post-format-image-image .post-format-image-overlay, .post.post-format-image .post-format-image-image .post-format-video-overlay, .post.post-format-image .post-format-video-image .post-format-image-overlay, .post.post-format-image .post-format-video-image .post-format-video-overlay, .post.post-format-video .post-format-image-image .post-format-image-overlay, .post.post-format-video .post-format-image-image .post-format-video-overlay, .post.post-format-video .post-format-video-image .post-format-image-overlay, .post.post-format-video .post-format-video-image .post-format-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-color: rgba(54, 54, 54, 0.45);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#73363636,endColorstr=#73363636);
  zoom: 1;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* TRANSITION */
  transition: all 250ms linear;
}
.post.post-format-image .post-format-image-image .post-format-image-content-wrap, .post.post-format-image .post-format-image-image .post-format-video-content-wrap, .post.post-format-image .post-format-video-image .post-format-image-content-wrap, .post.post-format-image .post-format-video-image .post-format-video-content-wrap, .post.post-format-video .post-format-image-image .post-format-image-content-wrap, .post.post-format-video .post-format-image-image .post-format-video-content-wrap, .post.post-format-video .post-format-video-image .post-format-image-content-wrap, .post.post-format-video .post-format-video-image .post-format-video-content-wrap {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
}
.post.post-format-image .post-format-image-image .post-format-image-content, .post.post-format-image .post-format-image-image .post-format-video-content, .post.post-format-image .post-format-video-image .post-format-image-content, .post.post-format-image .post-format-video-image .post-format-video-content, .post.post-format-video .post-format-image-image .post-format-image-content, .post.post-format-video .post-format-image-image .post-format-video-content, .post.post-format-video .post-format-video-image .post-format-image-content, .post.post-format-video .post-format-video-image .post-format-video-content {
  display: table-cell;
  vertical-align: middle;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-icon {
  display: block;
  margin: 0 auto;
  width: 86px;
  height: 86px;
  font-size: 2.125em;
  text-align: center;
  line-height: 92px;
  color: #f16521;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  background-clip: padding-box;
  background-color: #fff;
  /* TRANSITION */
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon {
  display: block;
  margin: 0 auto;
  width: 86px;
  height: 86px;
  font-size: 2.125em;
  text-align: center;
  line-height: 92px;
  color: #f16521;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
  background-clip: padding-box;
  background-color: #fff;
  /* TRANSITION */
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-icon:before, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-icon:before, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-icon:before, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-icon:before, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-icon:before, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-icon:before, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-icon:before, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-icon:before {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding-top: 2px;
  padding-left: 4px;
}
.post.post-format-image .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-image .post-format-video-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-image-image .post-format-video-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-image-content .post-format-video-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-image-title, .post.post-format-video .post-format-video-image .post-format-video-content .post-format-video-title {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #fff;
  margin: .5em 0;
  width: 70%;
  font-size: 1.5em;
}
.post.post-format-image .post-format-image-image:hover .post-format-image-overlay, .post.post-format-image .post-format-image-image:hover .post-format-video-overlay, .post.post-format-image .post-format-video-image:hover .post-format-image-overlay, .post.post-format-image .post-format-video-image:hover .post-format-video-overlay, .post.post-format-video .post-format-image-image:hover .post-format-image-overlay, .post.post-format-video .post-format-image-image:hover .post-format-video-overlay, .post.post-format-video .post-format-video-image:hover .post-format-image-overlay, .post.post-format-video .post-format-video-image:hover .post-format-video-overlay {
  background-color: transparent;
  background-color: rgba(54, 54, 54, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40363636,endColorstr=#40363636);
  zoom: 1;
}
.post.post-format-image .post-format-image-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-image-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-image-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-image-image:hover .post-format-video-content .post-format-video-icon, .post.post-format-image .post-format-video-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-image .post-format-video-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-image .post-format-video-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-image .post-format-video-image:hover .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-image-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-image-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-image-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-image-image:hover .post-format-video-content .post-format-video-icon, .post.post-format-video .post-format-video-image:hover .post-format-image-content .post-format-image-icon, .post.post-format-video .post-format-video-image:hover .post-format-image-content .post-format-video-icon, .post.post-format-video .post-format-video-image:hover .post-format-video-content .post-format-image-icon, .post.post-format-video .post-format-video-image:hover .post-format-video-content .post-format-video-icon {
  transition: transform 200ms ease-in-out;
  transform: scale(1.05);
}
.post .post-thumb {
  width: 25%;
  float: left;
}
.post .post-content {
  width: 75%;
  float: left;
}

/* _home.scss */
/* IT'S WORKING
================================================= */
#stats {
  /* end mobile style */
}
#stats a.link {
  margin-top: 0;
  display: block;
  text-align: center;
}
#stats .ui-tabs-vertical {
  width: 100%;
  overflow: auto;
}
#stats .ui-tabs-vertical .ui-tabs-nav {
  border-right: 1px solid #cccccc;
}
#stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
  color: #f16521;
}
@media only screen and (max-width: 767px) {
  #stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
    padding-bottom: 20px;
    border-bottom: 2px solid #f16521;
  }
}
#stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:before, #stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:after {
  position: absolute;
  content: '';
  top: 20px;
  right: -16px;
  margin: 0;
  border-right: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
@media only screen and (max-width: 767px) {
  #stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:before, #stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:after {
    display: none;
  }
}
#stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:before {
  border-left: 15px solid #cccccc;
}
#stats .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:after {
  border-left: 15px solid #ffffff;
  right: -14px;
}
#stats .ui-tabs-vertical .ui-tabs-nav li {
  position: relative;
  width: 100%;
  padding: 20px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #stats .ui-tabs-vertical .ui-tabs-nav li {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  #stats .ui-tabs-vertical .ui-tabs-nav li {
    width: 50%;
    float: left;
    padding: 0px 0 20px;
  }
}
#stats .ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
  color: #c5c5c5;
}
#stats .ui-tabs-vertical .ui-tabs-nav li a i.fa {
  font-size: 40px;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  #stats .ui-tabs-vertical .ui-tabs-nav li a i.fa {
    position: relative;
  }
}
#stats .ui-tabs-vertical .ui-tabs-nav li a .text {
  font-size: 20px;
  font-weight: 300;
  margin-left: 60px;
}
@media only screen and (max-width: 767px) {
  #stats .ui-tabs-vertical .ui-tabs-nav li a .text {
    width: 100%;
    text-align: center;
    margin: 10px auto 0;
    font-size: 15px;
  }
}
#stats .ui-tabs-vertical .ui-tabs-panel {
  padding-top: 20px;
  text-align: center;
}
#stats .ui-tabs-vertical .ui-tabs-panel p.serif {
  padding-top: 0;
}
#stats .ui-tabs-vertical .ui-tabs-panel p.stat {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  padding: 0;
}
@media only screen and (min-width: 960px) {
  #stats .ui-tabs-vertical {
    min-height: 200px;
  }
  #stats #tabs-1 .span3, #stats #tabs-2 .span3 {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  #stats .ui-tabs-vertical .ui-tabs-panel {
    width: 100%;
    overflow: auto;
    padding-top: 20px;
  }
  #stats .ui-tabs-vertical .ui-tabs-nav {
    border-right: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    display: inline-block;
  }
}

body.home {
  /* WHAT WE DO
  ================================================= */
}
body.home #what a.link {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  body.home #what a.link {
    margin: 15px 0 0 0;
  }
}
body.home #what h2 {
  display: inline-block;
}

.cta {
  text-align: center;
  margin-top: 45px;
}
.cta a.btn:first-of-type {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .cta a.btn {
    margin-bottom: 15px;
  }
}

/* _donate.scss */
/*For blue font in charity navigator section*/
.blue {
  color: #5da6d7;
}

/* DONATION FORM
================================================= */
@media only screen and (min-width: 960px) {
  #donation {
    padding: 100px 0;
    min-height: 815px;
  }
}
#donation #tabs ul.options {
  background-color: #fdfbf6;
  border: 2px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
  #donation #tabs ul.options {
    display: none;
  }
}
#donation #tabs ul.options li {
  position: relative;
  outline: none;
}
#donation #tabs ul.options li:last-child a {
  border-bottom: none;
}
#donation #tabs ul.options li a {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 58px;
  color: #757573;
  padding: 0 13px;
  display: block;
  border-bottom: 2px solid #ebebeb;
  outline: none;
}
#donation #tabs ul.options li.ui-tabs-active {
  background: #fff;
}
#donation #tabs ul.options li.ui-tabs-active a {
  color: #f16521;
}
#donation #tabs ul.options li a {
  font-size: 16px;
}
#donation #tabs ul.options li > div {
  margin-left: 30px;
  padding-right: 20px;
}
#donation #tabs ul.options li span {
  position: absolute;
}
#donation #tabs li.ui-tabs-active:after, #donation #tabs li.ui-tabs-active:before {
  position: absolute;
  content: '';
  top: 20px;
  margin: 0;
  border-right: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
#donation #tabs li.ui-tabs-active:after {
  border-left: 10px solid #ffffff;
  right: -9px;
}
#donation #tabs li.ui-tabs-active:before {
  border-left: 10px solid #ebebeb;
  right: -12px;
}
#donation .info {
  float: right;
}
#donation .info .inner {
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  #donation .info .inner {
    margin-left: 0;
  }
}
#donation .info .inner h3 {
  padding: 0;
}
#donation .info .inner p {
  font-size: 1.125em;
  color: #777;
  margin-bottom: 2.1875em;
}
@media only screen and (max-width: 767px) {
  #donation .info .inner p {
    display: none;
  }
}
#donation .info .inner p.stat {
  position: absolute;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 2.5em;
  color: #f3af0f;
}
#donation .info .inner p.descrip {
  font-family: Chaparral Pro, Georgia, serif;
  padding-left: 140px;
}
#donation .form {
  background-color: #fdfbf6;
  border: 2px solid #ebebeb;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  #donation .form {
    background: none;
    border: none;
  }
}
#donation .form .inner {
  padding: 10%;
  margin: 0;
}
#donation .form .inner:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #donation .form .inner {
    padding: 5%;
  }
}
@media only screen and (max-width: 767px) {
  #donation .form .inner {
    padding: 0;
  }
}
#donation .form label {
  cursor: pointer;
}
#donation .form p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #413636;
}
#donation .form ul li:first-child {
  margin-left: 0;
}
#donation .form .input-price-options .gfield_label {
  display: none;
}
#donation .form .input-price-options input {
  display: none;
}
#donation .form .input-price-options li {
  float: left;
  width: 21%;
  margin: 5% 5% 0 0;
}
#donation .form .input-price-options li:last-child {
  margin-right: 0;
}
#donation .form .input-price-options li label {
  text-align: center;
  font-weight: 700;
  width: 100%;
  padding: 20px 0;
  background: #fff;
  color: #f16521;
  border: 2px solid #f16521;
}
#donation .form .input-price-options li label:hover {
  border: 2px solid #f3af0f;
}
#donation .form .input-price-options li input[type="radio"]:checked + label {
  background: #f16521;
  color: #ffffff;
}
#donation .form .radio-donation {
  text-align: left;
}
#donation .form .radio-donation li {
  display: inline-block;
  margin: 10px 20px;
  color: #6f7171;
}

/* DONOR STORY
================================================= */
#donor-story .span9 .inner {
  text-align: left;
  margin: 0 0 0 50px;
}
@media only screen and (max-width: 767px) {
  #donor-story .span9 .inner {
    margin: 20px 0 0 0;
  }
}
#donor-story .span9 .inner p {
  font-size: 1.25em;
  margin-bottom: 1.5rem;
}

/* OTHER WAYS TO GIVE
================================================= */
#give-other .span4 {
  margin-top: 40px;
  padding: 0 30px;
}
#give-other h4 {
  color: #f16521;
}
@media only screen and (max-width: 767px) {
  #give-other .span3 {
    padding: 0;
  }
}
@media only screen and (min-width: 960px) {
  #give-other .span4 > p:first-child {
    min-height: 90px;
  }
}

.fundraising {
  padding-top: 0;
}
.fundraising form {
  max-width: 470px;
  margin: 30px auto 0;
}

.tweet-share iframe {
  padding-right: 30px;
}
.tweet-share h5, .tweet-share h3 {
  text-align: left;
}
.tweet-share a {
  font-size: 30px;
  margin-right: 5px;
}

/* Donate Testimonies
================================================= */
#donor-story .flexslider {
  padding-top: 0;
}

/* _book.scss */
/* CAN ONE PERSON CHANGE THE WORLD?
================================================= */
@media only screen and (min-width: 960px) {
  #the-book .span5 img {
    float: right;
    margin-right: 37px;
  }
  #the-book .span7 {
    padding: 75px 125px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #the-book .span5 img {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
#the-book p {
  font-family: Chaparral Pro, Georgia, serif;
  color: #7a7a7a;
}
#the-book .span7 .btn {
  margin-top: 1em;
}
#the-book .span5, #the-book .span7 {
  margin-top: 30px;
}

/* SIGN UP FOR FREE PROLOGUE
================================================= */
#prologue h3 {
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (max-width: 767px) {
  #prologue {
    height: auto;
  }
  #prologue h3 {
    padding: 0;
  }
}
#prologue h3:first-of-type {
  margin: 0;
  padding: 0;
}

/* TESTIMONIALS SLIDER
================================================= */
.flexslider .content {
  text-align: left;
}
.flexslider .content p {
  font-size: 1.25em;
}
.flexslider .flex-control-nav-wrap {
  text-align: left;
  padding-left: 33.33333333333333%;
}
.flexslider ul.flex-direction-nav {
  display: none;
}
@media only screen and (max-width: 767px) {
  .flexslider {
    padding-top: 20px;
    padding: 20px 0;
  }
  .flexslider .content {
    padding: 20px 0;
  }
  .flexslider .content p {
    font-size: 1em;
  }
  .flexslider .emblem {
    display: block;
    margin: 0 auto;
  }
  .flexslider .flex-control-nav-wrap {
    padding-left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }
}

/* ABOUT THE AUTHOR
================================================= */
#author h5 {
  padding: 0;
  text-align: left;
}
#author h2, #author h6 {
  text-align: left;
}
#author a.link {
  float: left;
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  #author {
    height: auto;
    overflow: auto;
    padding: 0;
  }
  #author .bg-split {
    height: 300px;
  }
  #author .span6 {
    padding: 50px 0;
  }
}

/* REVIEWS
================================================= */
#reviews h2 {
  margin: 25px 0 20px 0;
}
#reviews p {
  font-size: 1.25em;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  #reviews {
    height: auto;
    padding: 50px 0;
  }
}

/*******************
 About section css
*******************/
body.page-template-page-templatesfounder-php h6 {
  padding: 0;
  font-size: 1.5em;
  color: #3b3b3b;
}
body.page-template-page-templatesfounder-php p {
  font-size: 1.125em;
}

/* THE FOUNDER - BIO & FULL PHOTOS
================================================= */
.jim ul.social a {
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .jim .span4 {
    margin-bottom: 30px;
  }
}

/*  Founder and About: Accomplishments
=============================== */
.accomplishments ul {
  text-align: center;
}
.accomplishments ul > li {
  display: inline-block;
  padding: 0 25px;
}
@media only screen and (max-width: 767px) {
  .accomplishments ul > li {
    margin: 20px;
  }
}

/* VIDEO POPUP
================================================= */
.about-video {
  background: no-repeat top center;
  background-size: cover;
  padding: 8.125em 0;
}
.about-video h2 {
  margin-bottom: 15px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .about-video {
    background-position: 70%;
  }
}

.inside-look {
  border-bottom: 3px solid #fff;
}
.inside-look .container {
  max-width: 700px;
}
.inside-look h2 {
  color: #f16521;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 50px;
}
.inside-look img {
  max-width: 90%;
}
@media only screen and (max-width: 767px) {
  .inside-look img {
    max-width: 50%;
    display: block;
    margin: 0 auto;
  }
}

/*  Education Crisis
================ */
.education-intro h4 {
  color: #f3af0f;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.education-intro .span4 {
  display: inline-block;
  float: none;
}

/*****************
SPRITES USED ON THIS PAGE
*****************/
.icon-academic, .icon-book, .icon-civic-engaged, .icon-civic, .icon-classroom, .icon-clock, .icon-million, .icon-cloud, .icon-conference, .icon-dashboard, .icon-fighting, .icon-fists, .icon-heart, .icon-stats, .icon-students, .icon-tshirt, .icon-violence, .icon-school {
  background: url("../images/content/icons/sprites.png") no-repeat;
  display: inline-block;
}

.icon-academic {
  background-position: -500px 0;
  width: 54px;
  height: 58px;
}

.icon-book {
  background-position: -61px -201px;
  width: 23px;
  height: 39px;
}

.icon-civic-engaged {
  background-position: 0 -101px;
  width: 88px;
  height: 57px;
}

.icon-civic {
  background-position: -322px 0;
  width: 106px;
  height: 56px;
}

.icon-classroom {
  background-position: -192px -100px;
  width: 96px;
  height: 75px;
}

.icon-clock {
  background-position: -296px -95px;
  width: 86px;
  height: 78px;
}

.icon-million {
  background-position: -383px -95px;
  width: 106px;
  height: 78px;
}

.icon-conference {
  background-position: -161px -200px;
  width: 50px;
  height: 34px;
}

.icon-dashboard {
  background-position: 0 -200px;
  width: 39px;
  height: 30px;
}

.icon-fighting {
  background-position: -78px 0;
  width: 79px;
  height: 73px;
}

.icon-stats {
  background-position: -422px 0;
  width: 51px;
  height: 52px;
}

.icon-students {
  background-position: -164px 0;
  width: 136px;
  height: 75px;
}

.icon-tshirt {
  background-position: -104px -200px;
  width: 41px;
  height: 37px;
}

.icon-violence {
  background-position: 0 0;
  width: 71px;
  height: 60px;
}

.icon-school {
  background-position: -225px -197px;
  width: 42px;
  height: 43px;
}

/*GRAY ICONS*/
.icon-academic-gray, .icon-build, .icon-business, .icon-calendar, .icon-clock-gray, .icon-crowd, .icon-donate-heart, .icon-map, .icon-megaphone, .icon-network, .icon-voice {
  background: url("../images/content/icons/sprites-gray.png") no-repeat;
  display: inline-block;
}

.icon-academic-gray {
  background-position: 0 0;
  width: 37px;
  height: 39px;
}

.icon-build {
  background-position: -501px 0;
  width: 29px;
  height: 29px;
}

.icon-business {
  background-position: -378px 0;
  width: 41px;
  height: 44px;
}

.icon-calendar {
  background-position: -275px 0;
  width: 41px;
  height: 41px;
}

.icon-clock-gray {
  background-position: -331px 0;
  width: 33px;
  height: 33px;
}

.icon-crowd {
  background-position: -436px 0;
  width: 49px;
  height: 45px;
}

.icon-donate-heart {
  background-position: -103px 0;
  width: 32px;
  height: 28px;
}

.icon-map {
  background-position: -221px 0;
  width: 42px;
  height: 35px;
}

.icon-megaphone {
  background-position: -155px 0;
  width: 52px;
  height: 46px;
}

.icon-network {
  background-position: -52px 0;
  width: 37px;
  height: 37px;
}

.icon-voice {
  background-position: -549px 0;
  width: 31px;
  height: 25px;
}

.icon-academic-engagement, .icon-civic-engagement, .icon-empowerment, .icon-possibility, .icon-skills {
  background: url("../images/content/5keyoutcomes.jpg") no-repeat;
  display: inline-block;
  height: 195px;
  width: 169px;
  font-size: 0px;
  text-indent: -999px;
  margin-bottom: 10px;
}

.icon-academic-engagement {
  background-position: 22px 0;
}

.icon-civic-engagement {
  background-position: -170px 0;
}

.icon-empowerment {
  background-position: -367px 0;
}

.icon-possibility {
  background-position: -560px 0;
}

.icon-skills {
  background-position: -750px 0;
}

/*****************
- Programs
- Programs City
- Build a Community 
- Build a School
*******************/
/* PROGRAM: MAP
*************************/
.urban-cities h2 {
  padding-bottom: 60px;
  border-bottom: 2px solid #d7d7d7;
}
.urban-cities .map {
  position: relative;
  min-height: 320px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: top center;
}
@media only screen and (max-width: 767px) {
  .urban-cities .map {
    background-size: contain;
    min-height: 220px;
  }
}
.urban-cities .map.us-map {
  background-image: url("../images/content/program-us-map.png");
}
.urban-cities .map.intl-map {
  background-image: url("../images/content/program-intl-map.gif");
}
.urban-cities .map .city .marker {
  display: block;
  position: absolute;
  z-index: 999;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .urban-cities .map .city .marker {
    display: none;
  }
}
.urban-cities .map .city:not(.active) .marker {
  width: 10px;
  height: 10px;
  background: #f16521;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: width 100ms, height 100ms, margin 100ms;
  -moz-transition: width 100ms, height 100ms, margin 100ms;
  -o-transition: width 100ms, height 100ms, margin 100ms;
  transition: width 100ms, height 100ms, margin 100ms;
}
.urban-cities .map .city:not(.active) .marker:hover {
  width: 13px;
  height: 13px;
  margin-left: -2px;
  margin-top: -2px;
}
.urban-cities .map .city .map-legend {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid #ccc;
  text-align: center;
  width: 250px;
  padding: 10px 20px 20px 0;
}
@media only screen and (max-width: 767px) {
  .urban-cities .map .city .map-legend {
    border: 1px solid #ccc;
    padding: 20px 5px;
    width: 200px;
    left: 110px;
    background: rgba(255, 255, 255, 0.8);
  }
  .urban-cities .map .city .map-legend:after, .urban-cities .map .city .map-legend:before {
    display: none;
  }
  .urban-cities .map .city .map-legend p {
    font-size: 14px;
  }
}
.urban-cities .map .city .map-legend h4 {
  color: #f3af0f;
}
.urban-cities .map .city .map-legend img {
  border: 5px solid #f3af0f;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 127px;
  height: 127px;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}
@media only screen and (max-width: 767px) {
  .urban-cities .map .city .map-legend img {
    width: 100px;
    height: 100px;
    border-width: 2px;
  }
}
.urban-cities .map .city .map-legend:after, .urban-cities .map .city .map-legend:before {
  position: absolute;
  content: '';
  top: 40px;
  margin: 0;
  border-right: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  padding: 0;
  width: 0;
  height: 0;
}
.urban-cities .map .city .map-legend:after {
  border-left: 15px solid #ffffff;
  right: -13px;
}
.urban-cities .map .city .map-legend:before {
  border-left: 15px solid #cccccc;
  right: -15px;
}
.urban-cities .map .active .map-legend {
  display: block;
}
.urban-cities .map .active .marker {
  background: transparent;
}
.urban-cities .map .active .marker:before {
  font-family: FontAwesome;
  content: '\f041';
  color: #f3af0f;
  display: block;
  font-size: 48px;
  margin-top: -38px;
  margin-left: -9px;
}
.urban-cities .map .titles {
  text-align: center;
  float: right;
  padding-top: 50px;
  width: 190px;
}
@media only screen and (max-width: 767px) {
  .urban-cities .map .titles {
    text-align: left;
    padding-top: 20px;
    width: auto;
    float: left;
  }
}
.urban-cities .map .titles li {
  color: #f16521;
  cursor: pointer;
  line-height: 30px;
}
.urban-cities .map .titles li.active {
  font-weight: 700;
  color: #f3af0f;
}

/*  PROGRAM: OUR APPROACH
*************************/
.approach .bg-gray {
  background: #e7e7e9;
  box-shadow: rgba(0, 0, 0, 0.1) 0 -3px 6px 0px inset;
  margin-bottom: 60px;
}
.approach .bg-gray:after {
  content: '';
  width: 100%;
  background: #ffffff;
  display: block;
  height: 20px;
  margin-top: -10px;
  z-index: 100;
  position: relative;
}
.approach .container-small {
  max-width: 800px;
  margin: 0 auto;
}
.approach .options {
  max-width: 940px;
  margin: 0 auto;
}
.approach .options:after {
  content: "";
  display: table;
  clear: both;
}
.approach .options li {
  width: 33.33%;
  margin-top: 20px;
  text-align: center;
  float: left;
  outline: none;
}
.approach .options li a {
  color: #b6b6b7;
  display: block;
  padding: 35px;
}
.approach .options li a:before {
  font-family: FontAwesome;
  display: block;
  font-size: 27px;
  margin-bottom: 5px;
  font-weight: 500;
}
.approach .options li.ui-tabs-active {
  background: #ffffff;
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.2);
}
.approach .options li.ui-tabs-active a {
  color: #f16521;
  font-weight: 700;
}

/* PROGRAM: stats + map
*************************/
.map-stats {
  padding-top: 0;
}
.map-stats .container {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .map-stats .container {
    height: auto;
  }
}
.map-stats .span4 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 160px;
}
.map-stats .span4 h4 {
  color: #f3af0f;
  font-size: 55px;
  line-height: 40px;
  margin-bottom: 0;
}
.map-stats .span4 p {
  padding-top: 10px;
}

/* PROGRAM: Where we work
*************************/
.we-work ul {
  text-align: center;
}
.we-work ul li {
  color: #f16521;
  line-height: 30px;
}

/*  PROGRAM: Where we work
*************************/
.signup .btn {
  margin-top: 20px;
}

/*  PROGRAM: SUPPORT
*************************/
.support-us .container div {
  border-top: 1px solid #cccccc;
}
@media only screen and (max-width: 767px) {
  .support-us .container div {
    margin-top: 60px;
  }
}
.support-us .container div > i.fa {
  display: block;
  font-size: 40px;
  width: 50px;
  background: #ffffff;
  margin: -20px auto 40px;
}
@media only screen and (max-width: 767px) {
  .support-us .container div > i.fa {
    margin-bottom: 10px;
  }
}

/*    BUILD A SCHOOL
*************************/
.fund-step {
  text-align: center;
}
.fund-step.step-1 img {
  -webkit-backface-visibility: visible;
}
.fund-step.step-2, .fund-step.step-4 {
  position: relative;
  padding: 0;
  margin: 30px auto;
}
.fund-step.step-2 img, .fund-step.step-4 img {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .fund-step.step-2 h5, .fund-step.step-2 h3, .fund-step.step-4 h5, .fund-step.step-4 h3 {
    color: #ffffff;
  }
  .fund-step.step-2 .container, .fund-step.step-4 .container {
    padding: 20px 0 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
}

@media only screen and (max-width: 767px) {
  .prove-it {
    padding-bottom: 0;
  }
}
.prove-it .stat-block div {
  margin-right: 2%;
  width: 15%;
  position: relative;
  height: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .prove-it .stat-block div {
    width: 23% !important;
  }
}
@media only screen and (max-width: 767px) {
  .prove-it .stat-block div {
    height: 80px;
  }
}
.prove-it .stat-block p {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  position: absolute;
  top: 45px;
}
.prove-it .btn {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .prove-it .btn {
    margin-top: 50px;
  }
}

.build-intro h3 {
  font-size: 21px;
  padding-top: 0;
}
.build-intro .btn {
  margin-top: 20px;
  -webkit-backface-visibility: visible;
}
.build-intro .third {
  margin-bottom: 20px;
}
.build-intro .third:after {
  content: "";
  display: table;
  clear: both;
}
.build-intro .third p {
  width: 80%;
  margin: 0 auto;
}
.build-intro .third h4 {
  color: #f3af0f;
  font-size: 55px;
  margin-bottom: 0px;
}
.build-intro .third h4 .fa {
  font-size: 40px;
}

/*    SCHOOL + COMMUNITY // interactive calculators
*******************************************************/
.calculator {
  background: #fdfcf6;
  border: 2px solid #ebebeb;
  padding: 40px 20px;
  margin: 40px auto 20px;
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 21px;
}
.calculator:after {
  content: "";
  display: table;
  clear: both;
}
.calculator fieldset {
  display: inline-block;
  position: relative;
  margin: 10px;
}
@media only screen and (max-width: 767px) {
  .calculator fieldset {
    display: block;
  }
}
.calculator fieldset label, .calculator fieldset:before, .calculator fieldset:after {
  position: absolute;
  top: 0;
  color: #f16521;
  font-size: 20px;
  line-height: 55px;
}
.calculator fieldset label {
  width: 40px;
  text-align: center;
  height: 100%;
  color: #f16521;
  border-right: 1px solid #f16521;
  left: 0;
}
.calculator fieldset:before {
  content: '\f0dc';
  font-family: FontAwesome;
  right: 15px;
}
.calculator input[type=number]::-webkit-inner-spin-button,
.calculator input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
}
.calculator select, .calculator input[type=number] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  /* hides the spin-button for firefox */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #f16521;
  background: transparent;
  padding: 10px 30px 10px 50px;
  color: #f16521;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 100;
  outline: none;
  width: 100%;
  height: 100%;
}
.calculator select:focus, .calculator input[type=number]:focus {
  border-color: #f3af0f;
}
.calculator select:focus + label, .calculator input[type=number]:focus + label {
  color: #f3af0f;
  border-color: #f3af0f;
}
.calculator input[type=number]::-webkit-inner-spin-button,
.calculator input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  width: 30px;
  height: 53px;
  cursor: pointer;
}

.school-calc > div {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.school-calc .span1 {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #d5d5d6;
  font-size: 34px;
}
@media only screen and (max-width: 767px) {
  .school-calc .span1 {
    background: #ebebeb;
    font-size: 0;
    padding: 1px 0;
    margin: 30px auto;
  }
}
.school-calc fieldset {
  display: block;
  width: 80%;
}
.school-calc .school-result, .school-calc .raise-amount, .school-calc fieldset {
  margin: 20px auto;
  min-height: 53px;
}
.school-calc .raise-amount, .school-calc .school-result {
  color: #f3af0f;
  font-size: 44px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.school-calc .raise-amount img, .school-calc .school-result img {
  margin-top: -10px;
}

.legend {
  text-align: center;
  background: #ffffff;
  border: 1px solid #f2f2f2;
  width: 225px;
  padding: 20px;
}
.legend h4 {
  color: #f3af0f;
}
.legend img {
  border: 5px solid #f3af0f;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 127px;
  height: 127px;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}

/* US/INTL LANDING & SINGLE GALLERY SLIDER
================================================= */
.flexslider.buildon-gallery {
  padding-top: 0;
}
.flexslider.buildon-gallery.large .flex-viewport, .flexslider.buildon-gallery.large ul.slides, .flexslider.buildon-gallery.large ul.slides li, .flexslider.buildon-gallery.large .image {
  height: 610px;
}
.flexslider.buildon-gallery.med .flex-viewport, .flexslider.buildon-gallery.med ul.slides, .flexslider.buildon-gallery.med ul.slides li, .flexslider.buildon-gallery.med .image {
  height: 450px;
}
.flexslider.buildon-gallery .flex-control-nav-wrap {
  padding-left: 0;
  text-align: center;
}
.flexslider.buildon-gallery .image {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.flexslider.buildon-gallery .flex-control-nav-wrap {
  margin-bottom: 60px;
}
.flexslider.buildon-gallery ol.flex-control-paging li a {
  border: 2px solid #fff;
  background: transparent;
}
.flexslider.buildon-gallery ol.flex-control-paging li a.flex-active {
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .flexslider.buildon-gallery {
    float: none;
  }
  .flexslider.buildon-gallery.large .flex-viewport, .flexslider.buildon-gallery.large ul.slides, .flexslider.buildon-gallery.large ul.slides li {
    height: 250px;
  }
  .flexslider.buildon-gallery.med .flex-viewport, .flexslider.buildon-gallery.med ul.slides, .flexslider.buildon-gallery.med ul.slides li {
    height: 200px;
  }
  .flexslider.buildon-gallery .caption-overlay {
    display: none;
  }
  .flexslider.buildon-gallery .flex-control-nav-wrap {
    margin-bottom: 30px;
  }
  .flexslider.buildon-gallery ul.flex-direction-nav {
    display: block;
  }
  .flexslider.buildon-gallery ul.flex-direction-nav li {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
  .flexslider.buildon-gallery ul.flex-direction-nav li:first-child {
    left: 0;
  }
  .flexslider.buildon-gallery ul.flex-direction-nav li:last-child {
    right: 0;
  }
  .flexslider.buildon-gallery ul.flex-direction-nav li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: transparent;
    font-family: "fontawesome";
    color: #f16521;
  }
}

.caption-overlay {
  position: absolute;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  bottom: 0;
  height: 100px;
  padding: 50px 20px 0 20px;
}
.caption-overlay p {
  text-align: center;
  color: #fff;
}

.categories h3 {
  font-size: 21px;
}
@media only screen and (max-width: 767px) {
  .categories h3 {
    text-align: center;
  }
}

.featured-article h5 {
  color: #959595;
  font-size: 15px;
}
.featured-article .details-wrapper {
  width: 60%;
  float: right;
}
.featured-article .details-wrapper .text {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .featured-article .details-wrapper {
    width: 100%;
  }
}
.featured-article .meta a {
  color: #f16521;
}

.blog-posts h3 {
  font-size: 34px;
  line-height: 38px;
  margin-top: 0;
  padding-top: 0;
  width: 75%;
  color: #f16521;
}
.blog-posts article {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 60px;
  padding-bottom: 60px;
}
.blog-posts article:after {
  content: "";
  display: table;
  clear: both;
}
.blog-posts article img {
  max-width: 220px;
  height: auto;
  float: left;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .blog-posts article img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}

.featured-article .text, .blog-posts .text {
  width: 75%;
}
.featured-article .meta, .blog-posts .meta {
  float: right;
}
.featured-article .meta ul, .blog-posts .meta ul {
  height: 110px;
}
.featured-article .meta p, .featured-article .meta li, .blog-posts .meta p, .blog-posts .meta li {
  font-size: 15px;
  font-weight: normal;
  color: #959595;
  font-family: Chaparral Pro, Georgia, serif;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.featured-article .meta p a, .featured-article .meta li a, .blog-posts .meta p a, .blog-posts .meta li a {
  color: inherit;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .featured-article .meta, .blog-posts .meta {
    float: none;
    margin: 20px auto;
  }
  .featured-article .meta li, .blog-posts .meta li {
    display: inline-block;
    padding-right: 5px;
  }
  .featured-article .meta ul, .blog-posts .meta ul {
    height: auto;
  }
  .featured-article .details-wrapper .text, .featured-article .text, .featured-article h3, .blog-posts .details-wrapper .text, .blog-posts .text, .blog-posts h3 {
    width: 100%;
  }
}

.pagination a {
  display: inline-block;
}
.pagination a:after, .pagination a:before {
  font-family: FontAwesome;
}
.pagination a.older-posts:before {
  content: '\f104 ';
  padding-right: 15px;
}
.pagination a.newer-posts {
  float: right;
}
.pagination a.newer-posts:after {
  content: '\f105 ';
  padding-left: 15px;
}

.details span {
  padding-right: 20px;
  color: #959595;
}

.next-article h3 {
  width: 80%;
  padding-top: 5px;
}
.next-article h5 {
  text-align: left;
  font-size: 15px;
  color: #959595;
}
.next-article .btn {
  padding: 0 17px;
}
.next-article .btn .fa {
  opacity: 1;
  margin: 0 auto;
}

/* TWEET & SOCIAL SHARE [blog single]
================================================= */
.tweet-share .tweet {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.tweet-share .tweet img {
  width: 48px;
  height: 48px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  margin: 0 10px 10px 0;
}
.tweet-share .tweet p {
  margin: 0;
}
.tweet-share .tweet p:first-of-type {
  font-weight: bold;
}
.tweet-share .tweet iframe#twitter-widget-0 {
  float: right;
  margin: 0;
  padding: 0;
}
.tweet-share .tweet .tweet-text {
  clear: both;
  font-family: Georgia;
  font-weight: normal;
  margin-bottom: 0;
}
.tweet-share .tweet .tweet-text span {
  color: #0084b4;
}
.tweet-share .right {
  padding-top: 10px;
}
.tweet-share .right h2 {
  margin-bottom: 1em;
  text-align: left;
}
@media only screen and (min-width: 960px) {
  .tweet-share .right {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tweet-share .tweet .tweet-text span {
    word-break: break-word;
  }
}

.single-post .post p {
  font-size: 16px;
  line-height: 24px;
}
.single-post .post ul {
  margin: 10px 10px 10px 20px;
  padding: 10px 10px 10px 20px;
  list-style: disc;
}
.single-post .post em {
  font-style: italic;
}

.gallery-columns-3 figure.gallery-item {
  width: 33.333%;
  float: left;
  margin-bottom: 20px;
}

/* _templates.scss *

/* STAFF & BOARD
================================================= */
.legend {
  text-align: center;
  background: #ffffff;
  border: 1px solid #dddddd;
  width: 225px;
  padding: 20px;
  margin-bottom: 10px;
}
.legend h4 {
  color: #f3af0f;
}
.legend img {
  border: 5px solid #f3af0f;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 127px;
  height: 127px;
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}
@media only screen and (min-width: 960px) {
  .legend h4 {
    min-height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .legend {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.legend p.details {
  min-height: 70px;
}

/* BLOG POST IMAGE LEFT & RIGHT in container
================================================= */
img.left {
  float: left;
  padding-right: 10px;
}

img.right {
  float: left;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  img.left {
    padding-right: 0;
    padding-bottom: 20px;
  }

  img.right {
    padding-left: 0;
    padding-bottom: 20px;
  }
}
/* Statistic Blocks
================================================= */
.stat-block.column-five div {
  width: 18%;
  margin-right: 19px;
}
.stat-block.column-four div {
  width: 22%;
  margin-right: 25px;
}
.stat-block.column-four div h4 {
  min-height: 0px;
}
.stat-block div {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: bottom;
}
.stat-block div:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .stat-block div {
    width: 75% !important;
    margin: 0 auto 40px auto !important;
    vertical-align: top;
  }
}
.stat-block div:last-child {
  margin-right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .stat-block div:last-child {
    margin: 0 auto !important;
  }
}
.stat-block h4 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 100;
  min-height: 58px;
  color: #f3af0f;
}
@media only screen and (max-width: 767px) {
  .stat-block h4 {
    min-height: 0;
  }
}
.stat-block p {
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 15px;
  line-height: 18px;
}
.stat-block p span {
  color: #f3af0f;
  font-weight: 700;
}

/* HOW YOU CAN HELP
================================================= */
.help h4 {
  color: #f16521;
}
.help .line {
  background: #fff;
}
.help a.link {
  padding-top: 20px;
}
.help .one .content, .help .two .content, .help .three .content {
  min-height: 200px;
}
@media only screen and (min-width: 960px) {
  .help .one .content, .help .two .content, .help .three .content {
    min-height: 320px;
  }
  .help .one .content h4, .help .two .content h4, .help .three .content h4 {
    min-height: 70px;
  }
  .help .one .content a.link, .help .two .content a.link, .help .three .content a.link {
    position: absolute;
    bottom: 40px;
  }
}
.help .one img, .help .two img, .help .three img {
  height: 216px;
}
@media only screen and (max-width: 767px) {
  .help .one img, .help .two img, .help .three img {
    height: auto;
  }
}

/* PANELS
================================================= */
@media only screen and (min-width: 960px) {
  .page-template-page-templatestake-action-php .span6 .content a.link {
    position: absolute;
    bottom: 40px;
  }
  .page-template-page-templatestake-action-php .help .one .content, .page-template-page-templatestake-action-php .help .two .content, .page-template-page-templatestake-action-php .help .three .content {
    min-height: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .page-template-page-templatestake-action-php .span6 .content a.link {
    margin-top: 30px;
  }
}

/*  FORMS
================================================= */
form {
  text-align: center;
  max-width: 798px;
  display: block;
  margin: 20px auto 0;
}
form .gfield {
  float: left;
  width: 315px;
  position: relative;
}
form fieldset {
  margin-bottom: 20px;
}
form input:not([type='submit']), form select {
  border: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ffffff;
  font-family: Chaparral Pro, Georgia, serif;
  font-size: 16px;
  padding: 0 20px;
  font-weight: 100;
  outline: none;
  width: 100%;
  padding: 15px 15px 15px 45px;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
form input:not([type='submit']):focus, form select:focus {
  border-color: #f16521;
}
form input[type="submit"] {
  appearance: none;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  background-color: #f16521;
  font-weight: 100;
  font-size: 18px;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  text-shadow: none;
  font-weight: 100;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}
form input[type="submit"]:hover {
  background-color: #e3520c;
}
form input[type="submit"]:hover .fa {
  opacity: 1;
}
form input[type="submit"].transparent {
  background-color: transparent;
  border: 1px solid #f16521;
  color: #f16521;
}
form input[type="submit"].transparent:hover {
  color: #fff;
  background-color: #f37c43;
}
form input[type="submit"].general-signup-btn {
  padding-right: 40px;
}
form i.fa.submit-btn-arrow {
  margin-left: -30px;
  color: #ffffff;
  font-weight: bold;
}
form .mc4wp-ajax-loader {
  position: absolute;
  margin-top: 19px;
  margin-left: 20px;
}
form select {
  appearance: none;
}
form .custom-select {
  position: relative;
}
form .custom-select:after {
  content: '\f0d7';
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 0;
  color: #f16521;
  line-height: 52px;
}
form i.fa {
  position: absolute;
  color: #f16521;
  font-size: 18px;
  z-index: 999;
  margin-left: 17px;
  line-height: 52px;
}
form ul li.gfield {
  clear: none;
}
form .input-first-name {
  width: 160px;
}
form .input-last-name input {
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  form .input-last-name {
    width: 270px;
  }
}
form .input-amount {
  position: relative;
}
form .input-amount input {
  height: 60px;
  font-size: 16px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
  border: 2px solid #f16521;
}
form .input-amount input:focus {
  border-color: #f3af0f;
}
form .input-amount label {
  display: block;
  position: absolute;
  z-index: 999;
  font-size: 35px;
  font-weight: 300;
  top: 10px;
  left: 10px;
}
form .btn.btn-donate {
  line-height: 60px;
  height: 60px;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  form .gfield {
    width: 50%;
  }
  form .gfield input {
    margin-bottom: 0;
  }
  form .input-email {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
  }
}

.mc4wp-alert {
  position: absolute;
  bottom: -43px;
  text-align: center;
  width: 100%;
}

.mc4wp-error, .validation_error, .validation_message {
  color: red;
}

.mc4wp-success {
  color: green;
}

/* BUILD A SCHOOL - gravityform
================================================= */
.gform_wrapper ul li.gfield {
  clear: none;
}

#gform_9 label {
  display: none;
}
#gform_9 li {
  margin-bottom: 20px;
}
#gform_9 li.input-first-name:before, #gform_9 li.input-email:before, #gform_9 li#field_9_1:before, #gform_9 li#field_9_2:before, #gform_9 li#field_9_3:before {
  font-family: FontAwesome;
  position: absolute;
  z-index: 9998;
  line-height: 54px;
  margin-left: 17px;
  color: #f16521;
  left: 0;
}
#gform_9 li.input-first-name:before {
  content: '\f007';
}
@media only screen and (min-width: 960px) {
  #gform_9 li.input-last-name input {
    padding: 15px;
  }
}
#gform_9 li.input-email:before {
  content: '\f003';
}
#gform_9 li#field_9_1:before {
  content: '\f0ac';
}
#gform_9 li#field_9_1 .ginput_container:after {
  font-family: FontAwesome;
  content: '\f0dd';
  position: absolute;
  z-index: 9998;
  line-height: 42px;
  color: #f16521;
  margin-left: -25px;
}
#gform_9 li#field_9_2:before {
  content: '\f0c0';
}
#gform_9 li#field_9_3:before {
  content: '\f041';
}
#gform_9 .gform_footer {
  clear: both;
}

.radio-donation input[type=radio], input[type=checkbox] {
  display: none;
}
.radio-donation input[type=radio] + label, input[type=checkbox] + label {
  display: inline-block;
  margin: 0;
  line-height: 20px;
  cursor: pointer;
}

#donation #tabs ul li a:before, .radio-donation input[type=radio] + label:before, input[type=checkbox] + label:before {
  content: '';
  width: 18px;
  height: 18px;
  border: 1px solid #c1c2c2;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  line-height: 0;
  background: #ffffff;
}

#donation #tabs ul li.ui-tabs-active a:before, .radio-donation input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
  font-family: FontAwesome;
  content: '\f058';
  font-size: 23px;
  color: #f16521;
  width: auto;
  height: auto;
  border: none;
}

.border-top-newsletter {
  padding-top: 0;
}
.border-top-newsletter .container {
  padding-top: 40px;
  border-top: 2px solid #eeeeee;
}

.social h2 {
  margin-bottom: 10px;
}

/* _panels.scss */
/* ================================================================ */
/*                                                                  */
/*                       GENERAL PANEL STYLES                       */
/*                                                                  */
/* ================================================================ */
/* GENERAL PANEL STYLES
================================================= */
/* Define width - Three Panels */
.panels.grid-three, .panels.grid-3 {
  width: 32%;
  float: left;
}
.panels.grid-three.one, .panels.grid-3.one {
  margin-left: 0;
}
.panels.grid-three.two, .panels.grid-3.two {
  margin-left: 2%;
}
.panels.grid-three.three, .panels.grid-3.three {
  margin-left: 2%;
}

/* Define width - Two Panels */
.panels.grid-two, .panels.grid-2 {
  width: 48%;
  float: left;
}
.panels.grid-two.two, .panels.grid-2.two {
  margin-left: 4%;
}

/* Panel Style */
.panel {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  /* DESKTOP ONLY
  ================================================= */
  /* Even title height */
  /* Align 'learn more' links evenly at bottom on desktop */
}
.panel .image {
  height: 215px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.panel .content {
  text-align: left;
  padding: 30px 40px;
}
.panel .content i {
  min-height: 35px;
}
.panel .content h4 {
  color: #f16521;
}
.panel .content p {
  font-family: Chaparral Pro, Georgia, serif;
  color: #474747;
}
.panel .content p:last-of-type {
  padding-bottom: 40px;
}
@media only screen and (min-width: 960px) {
  .panel a.link {
    position: absolute;
    bottom: 0;
    margin-bottom: 30px;
  }
  .panel .content {
    position: relative;
  }
  .panel .content h4 {
    min-height: 70px;
  }
}

/* FULL WIDTH PANEL
================================================= */
.panel.full {
  width: 100%;
  float: left;
  margin: 25px 0 2%;
}
@media only screen and (min-width: 960px) {
  .panel.full {
    float: left;
    position: relative;
  }
  .panel.full .span8 {
    position: absolute;
    height: 100%;
  }
  .panel.full .image {
    height: 100%;
  }
  .panel.full .content {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .panel.full {
    margin: 0 0 25px;
  }
  .panel.full .content {
    float: left;
  }
}

/* Heading, text above panel
================================================= */
/* MOBILE ONLY
================================================= */
/* Full width panel and no margin */
@media only screen and (max-width: 767px) {
  .panels.grid-three, .panels.grid-3, .panels.grid-two, .panels.grid-3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }
  .panels.grid-three.one, .panels.grid-three.two, .panels.grid-three.three, .panels.grid-3.one, .panels.grid-3.two, .panels.grid-3.three, .panels.grid-two.one, .panels.grid-two.two, .panels.grid-two.three, .panels.grid-3.one, .panels.grid-3.two, .panels.grid-3.three {
    margin-left: 0;
  }

  .panel .content p:last-of-type {
    padding-bottom: 10px;
  }
}
/* SPECIFIC- Donate & Education Crisis pages
================================================= */
.panel.text-left h4 {
  color: #f16521;
  padding: 7px 0 0 55px;
}
.panel.text-left .content {
  position: relative;
  min-height: 250px;
}
@media only screen and (max-width: 767px) {
  .panel.text-left .content {
    min-height: 0;
  }
}
.panel.text-left .icon {
  position: absolute;
}

/* SPECIFIC - Staff  
================================================= */
@media only screen and (min-width: 960px) {
  .media-contact .panel .content h4 {
    min-height: 50px;
  }
}
.media-contact .panel .content p:last-of-type {
  padding-bottom: 0;
}

/* Pages */
.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

a.link-primary-with-hover {
  display: block;
  color: #f16521;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
a.link-primary-with-hover:hover {
  color: #db510e;
}

/**
 * IWD CONTENT
 */
.iwd-content {
  background: #fff;
}
.iwd-content hr {
  background: #f1f1f1;
}

/**
 * DONORS
 */
.section-donors {
  background: #fff;
}

.donor-grid {
  max-width: 1235px;
  width: 100%;
  margin: 0 auto;
}
.donor-grid p {
  margin-bottom: 0;
  line-height: 1.25;
}
.donor-grid p.name {
  font-size: 24px;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 800;
  line-height: 1.15;
}

.donor-row {
  width: 100%;
  height: 100%;
  float: left;
}

.donor {
  width: calc(20% - 8px);
  height: 225px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  cursor: pointer;
  position: relative;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
  color: #fff;
}
.donor:nth-of-type(5n+5) {
  margin-right: 0;
}
.donor .btn-toggle {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  background-color: #f2ae2d;
  color: #fff;
  font-size: 24px;
  line-height: 41px;
  opacity: 1;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
.donor .btn-toggle#btn-toggle i:before {
  content: '\f107';
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.donor .btn-toggle:hover {
  background-color: #e89d0e;
}
.donor a#btn-close-mobile {
  display: none;
  position: absolute;
  top: 160px;
  color: #fff;
}
.donor a#btn-close-mobile:before {
  position: absolute;
  content: '\f00d';
  font-family: "fontawesome";
  color: #fff;
  left: 11px;
  top: 0;
}

.donor__photo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.donor__hover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 15px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  opacity: 0;
}
.donor__hover p.name {
  margin-bottom: 5px;
}

.donor__html {
  display: none;
}

.donor:hover .donor__hover {
  opacity: 1;
}

/**
 * Expander
 */
#donor-expander {
  display: none;
  width: 100%;
  height: auto;
  float: left;
  padding: 65px 0 45px;
  margin: 20px 0;
  border-top: 2px solid #eaeaea;
  border-bottom: 2px solid #eaeaea;
}
#donor-expander #close-expander {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  right: -55px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background-clip: padding-box;
  background-color: #eaeaea;
  cursor: pointer;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
#donor-expander #close-expander:before {
  content: '\f00d';
  font-family: "fontawesome";
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -9px;
  color: #fff;
  font-size: 18px;
}
#donor-expander #close-expander:hover {
  background-color: #d6d6d6;
}
#donor-expander p {
  line-height: 1.5;
}
#donor-expander p.meta, #donor-expander p.name {
  line-height: 1.15;
}
#donor-expander p.name {
  color: #f2ae2d;
  margin: 30px 0 2px;
}

.donor.donor--active .donor__photo {
  border: 3px solid #f2ae2d;
}
.donor.donor--active .btn-toggle {
  opacity: 0;
}
.donor.donor--active:before, .donor.donor--active:after {
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -20px;
  content: '';
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
.donor.donor--active:before {
  bottom: -51px;
  border-top: 20px solid #eaeaea;
}
.donor.donor--active:after {
  bottom: -48px;
  border-top: 20px solid #fff;
}

/**
 * BLANK DONORS
 */
.donor.blank .donor__hover {
  padding: 25px;
}
.donor.blank a.btn.primary {
  margin: 20px 0 0;
}

/**
 * MOBILE
 */
body.is_tablet .donor__hover {
  background: transparent;
  opacity: 1;
}
body.is_tablet .donor__hover p {
  display: none;
}
body.is_tablet .donor__hover a.btn.primary {
  padding: 0 15px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
}
body.is_tablet .donor__hover p.name {
  font-size: 20px;
}
body.is_tablet .donor__hover p {
  font-size: 14px;
}
body.is_tablet .donor.blank .donor__hover {
  background: rgba(0, 0, 0, 0.3);
}
body.is_tablet .donor.blank .donor__hover p {
  display: block;
}
body.is_tablet #donor-expander #close-expander {
  right: 10px;
}
body.is_tablet #donor-expander .donor-expander__inner {
  padding-right: 50px;
}
body.is_tablet #donor-expander .donor-expander__inner p:empty {
  display: none;
}

@media only screen and (max-width: 767px) {
  #donor-expander {
    display: none !important;
  }

  .donor {
    width: 100%;
  }
  .donor .donor__photo {
    height: 220px;
  }
  .donor .donor__hover {
    height: 220px;
    background: transparent;
    opacity: 1;
  }
  .donor .donor__hover p {
    display: none;
  }
  .donor.donor.blank .donor__hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .donor.donor.blank .donor__hover p {
    display: block;
  }

  .donor.donor--active {
    height: 100%;
  }
  .donor.donor--active:before {
    bottom: auto;
    top: 250px;
  }
  .donor.donor--active:after {
    bottom: auto;
    top: 247px;
  }
  .donor.donor--active .donor__html {
    display: block;
    margin: 250px 0 30px;
    color: #433f3e;
    text-align: left;
    padding: 30px 10px;
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
  }
  .donor.donor--active .donor__html p {
    font-size: 14px;
  }
  .donor.donor--active .donor__html p.name {
    font-size: 20px;
    margin-top: 15px;
    color: #f2ae2d;
  }

  body.is_mobile .donor {
    box-shadow: none;
  }
  body.is_mobile .donor .donor__hover {
    background: transparent;
    opacity: 1;
  }
  body.is_mobile .donor .donor__hover p {
    display: none;
  }
  body.is_mobile .donor .donor__photo {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
  }
  body.is_mobile .donor.donor--active a#btn-close-mobile {
    display: block;
    opacity: 1;
  }
  body.is_mobile .donor.donor.blank .donor__hover {
    background: rgba(0, 0, 0, 0.3);
  }
  body.is_mobile .donor.donor.blank .donor__hover p {
    display: block;
  }

  body.non_mobile .donor {
    box-shadow: none;
  }
  body.non_mobile .donor.donor--active a#btn-close-mobile {
    display: block;
    opacity: 1;
  }
  body.non_mobile .donor__photo {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
  }
}
/**
 * TABLET - PORTRAIT
 */
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .donor.blank .donor__hover {
    padding: 25px 10px;
  }
}
/**
 * Hero
 */
.hero.hero--programs_dashboard .hero-inner {
  vertical-align: middle;
}

/**
 * Content Wrapper
 */
.content--dashboard {
  color: #303033;
}
.content--dashboard h1 {
  font-size: 80px;
  color: inherit;
  margin-bottom: 0;
  margin-top: 0;
}
.content--dashboard h2 {
  font-size: 37px;
  color: inherit;
  margin-bottom: 0;
}
.content--dashboard h3 {
  font-size: 30px;
  color: inherit;
}
.content--dashboard h4 {
  color: inherit;
}
.content--dashboard .orange {
  color: #f79b30;
}
.content--dashboard .orange-light {
  color: #fbd2a2;
}
.content--dashboard .red-dark {
  color: #d05300;
}
.content--dashboard .red {
  color: #f36405;
}
.content--dashboard .red-light {
  color: #fac19a;
}

/**
 * Section(s)
 */
.section--dashboard-desc {
  position: relative;
  background-color: #e5e5e5;
}
.section--dashboard-desc:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  bottom: -17px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 17px solid #e5e5e5;
}

.section--chartjs-header {
  padding: 70px 0 00px 0;
  background-color: #ffffff;
  text-align: center;
}

.chartjs-data {
  display: none;
}

/**
 * ChartJS
 */
.chartjs-container {
  position: relative;
  width: 100%;
  position: relative;
  margin: 0 auto 20px auto;
  padding-top: 80px;
  padding-bottom: 30px;
  overflow: hidden;
}

.chartjs-inner {
  position: relative;
  width: 100%;
  width: calc(100% + 16px);
  max-height: 500px;
}
.chartjs-inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 25px;
  background-color: white;
  height: 20px;
  width: 100%;
}

.chartjs-canvas {
  width: 100% !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.chartjs-canvas.chartjs-canvas--studentsChart {
  background-color: #fbc58a;
}
.chartjs-canvas.chartjs-canvas--serviceChart {
  background-color: #fac19a;
}

/**
 * ChartJS Tooltips
 */
.chartjs-tooltips {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
}
.chartjs-tooltips .chartjs-tooltips__tooltip-debug {
  position: absolute;
  top: 0;
  left: 0;
  height: 600px;
  width: 1px;
  background-color: red;
  z-index: 100;
}
.chartjs-tooltips .chartjs-tooltips__tooltip {
  position: absolute;
  z-index: 10;
  left: -100%;
  top: 0px;
  height: 600px;
  width: 100px;
  margin-left: 0px;
  transition: all 150ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.chartjs-tooltips .chartjs-tooltips__tooltip label {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}
.chartjs-tooltips .chartjs-tooltips__tooltip:before, .chartjs-tooltips .chartjs-tooltips__tooltip:after {
  position: absolute;
  height: 80px;
  width: 100%;
  background-color: #464747;
  color: white;
}
.chartjs-tooltips .chartjs-tooltips__tooltip:before {
  content: attr(data-figure);
  top: 0;
  left: 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 70px;
}
.chartjs-tooltips .chartjs-tooltips__tooltip:after {
  content: attr(data-content);
  height: 65px;
  left: 0;
  bottom: 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 65px;
}

/**
 * Flexbox
 */
.flex-wrap {
  display: flex;
}

.flex-equalH
.dashboard-subfooter {
  height: 700px;
}

/**
 * Amount Saved
 */
.amount-saved {
  width: 100%;
  height: 400px;
}
.amount-saved:after {
  content: "";
  display: table;
  clear: both;
}

.amount-saved__title {
  position: relative;
  padding: 100px;
  background-color: #f36405;
  float: left;
  width: 50%;
  height: 100%;
}
.amount-saved__title:after {
  z-index: 5;
  content: '';
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translate3d(0, -50%, 0);
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 17px solid #f36405;
}
.amount-saved__title h2 {
  color: white;
}

.amount-saved__amount {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  background-color: #d05300;
}
.amount-saved__amount h1 {
  color: white;
}

/**
 * Recent Service
 */
.recent-service {
  position: relative;
  z-index: 10;
  float: left;
  width: 50%;
  background-color: #ffffff;
}

.recent-service__header {
  position: relative;
  background-color: #505050;
  text-align: center;
  color: white;
  padding: 20px 0;
}
.recent-service__header:after {
  z-index: 5;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translate3d(-50%, 0, 0);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #505050;
}
.recent-service__header h3 {
  line-height: 1;
}

.recent-service__list {
  margin: 0;
  padding: 0;
}
.recent-service__list li {
  display: block;
  font-size: 20px;
  width: 100%;
}
.recent-service__list li:last-child a {
  border-bottom: none;
}
.recent-service__list li a {
  display: block;
  text-align: center;
  width: 100%;
  padding: 48px 0 45px 0;
  color: #303030;
  line-height: 1;
  border-bottom: 1px solid #e1e1e1;
}

.dashboard-tooltip__parent {
  display: inline-block;
  position: relative;
}

.dashboard-tooltip {
  position: absolute;
  display: inline-block;
  top: 0;
  right: -18px;
  width: 24px;
  height: 24px;
  border: 1px solid #f79b30;
  border-radius: 12px;
  cursor: help;
}
.dashboard-tooltip:after {
  content: '?';
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
  color: white;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dashboard-tooltip:hover {
  background-color: #f79b30;
}

.dashboard-tooltip__content {
  position: absolute;
  z-index: 99999;
  min-width: 200px;
  top: -50px;
  right: -14px;
  background-color: white;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  color: #303030;
}

/**
 * Flexslider - Student Slider
 *
 * @id #student-slider
 * @alternative: https://gist.github.com/elzii/dd9b52d3ee191578920daeb82e58a9cb
 */
.student-slider-wrap {
  position: relative;
  padding: 55px 0;
  float: left;
  width: 50%;
}
.student-slider-wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: -5px;
  width: 5px;
  height: 100%;
  box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.28);
}

.student-slider-header {
  text-align: center;
  margin: 0 auto 40px auto;
}
.student-slider-header h3 {
  line-height: 1.1;
  margin: 0;
}

/**
 * Slider
 */
.student-slider {
  position: relative;
  text-align: center;
  margin: 0 auto;
  max-width: 450px;
  width: 70%;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms ease-in-out;
  /**
   * Slides
   */
  /**
   * Direction Nav
   */
  /**
   * Control Nav
   */
}
.student-slider.show {
  visibility: visible;
  opacity: 1;
}
.student-slider .slides {
  width: 100%;
}
.student-slider .slides li {
  height: 100%;
}
.student-slider .slides li .slide-inner {
  width: 100%;
  padding: 0 20px;
}
.student-slider .slides li .slide-image {
  position: relative;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  background-size: cover;
  background-repeat: no-repeat;
}
.student-slider .slides li .slide-image:before {
  z-index: 5;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  box-shadow: 0 0 27px rgba(0, 0, 0, 0.4) inset;
}
.student-slider .slides li .slide-content {
  margin: 25px 0;
  font-size: 18px;
}
.student-slider .slides li .slide-author {
  margin: 0;
  font-size: 19px;
  font-weight: bold;
}
.student-slider .slides li .slide-link {
  margin-top: 5px;
  display: block;
  color: #dc5822;
  font-size: 16px;
}
.student-slider .slides li .slide-link .fa {
  font-size: 14px;
  position: relative;
  margin-left: 3px;
}
.student-slider .flex-direction-nav {
  position: absolute;
  top: 100px;
  margin-top: -10px;
  left: 0;
  width: 100%;
  height: 0;
}
.student-slider .flex-direction-nav li a {
  position: absolute;
  font-family: "fontawesome";
  font-size: 25px;
  color: #505050;
}
.student-slider .flex-direction-nav li .flex-prev {
  left: 20%;
}
.student-slider .flex-direction-nav li .flex-next {
  right: 20%;
}
.student-slider .flex-control-nav-wrap {
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.student-slider .flex-control-nav-wrap .flex-control-nav li {
  display: inline-block;
  margin: 0 8px;
}
.student-slider .flex-control-nav-wrap .flex-control-nav li a {
  display: block;
  border-radius: 6px;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  color: transparent;
  border: 1px solid #c4c6c8;
}
.student-slider .flex-control-nav-wrap .flex-control-nav li a.flex-active {
  background-color: #c4c6c8;
}

/**
 * D3
 */
.d3-section {
  min-height: 500px;
  background-color: #efefef;
}

.d3-container--serviceTypesChart {
  height: 460px;
}
.d3-container--serviceTypesChart svg {
  width: 100%;
  height: 100%;
}
.d3-container--serviceTypesChart path.slice {
  stroke-width: 2px;
}
.d3-container--serviceTypesChart polyline {
  opacity: .3;
  stroke: black;
  stroke-width: 2px;
  fill: none;
}

.dashboard-social-feed__items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  justify-content: space-around;
}
.dashboard-social-feed__items li {
  position: relative;
  margin: 0;
  color: white;
  text-align: center;
  flex: 1 0 auto;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.dashboard-social-feed__items li:before {
  content: '';
  float: left;
  padding-top: 100%;
}
.dashboard-social-feed__items li .dashboard-social-feed__item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(244, 101, 0, 0.8);
  text-align: center;
  color: white;
  opacity: 0;
  transition: all 150ms ease-in-out;
}
.dashboard-social-feed__items li .dashboard-social-feed__item-content > div {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.dashboard-social-feed__items li .dashboard-social-feed__item-content a {
  display: inline-block;
  margin: 0 5px;
  font-size: 48px;
  color: white;
  cursor: pointer;
  opacity: 0.9;
  transition: opacity 100ms ease-in-out;
}
.dashboard-social-feed__items li .dashboard-social-feed__item-content a:hover {
  opacity: 1;
}
.dashboard-social-feed__items li:hover .dashboard-social-feed__item-content {
  opacity: 1;
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  justify-content: space-around;
  line-height: 30px;
}

.flex-item {
  background: tomato;
  margin: 5px;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  flex: 1 0 auto;
  height: auto;
}

.flex-item:before {
  content: '';
  float: left;
  padding-top: 100%;
}

@media screen and (max-width: 768px) {
  .section--chartjs-header {
    margin-top: 30px;
    padding: 0 15px;
  }
  .section--chartjs-header h3 {
    line-height: 1.2;
  }

  .d3-section {
    min-height: auto;
  }

  .d3-container--serviceTypesChart {
    height: auto;
  }

  .amount-saved {
    height: auto;
    display: block;
  }
  .amount-saved .amount-saved__title {
    float: none;
    width: 100%;
    padding: 30px;
    height: auto;
  }
  .amount-saved .amount-saved__title:after {
    right: auto;
    top: auto;
    bottom: -17px;
    left: 50%;
    border-top: 17px solid #f36405;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    transform: translate3d(-50%, 50%, 0);
  }
  .amount-saved .amount-saved__amount {
    float: none;
    width: 100%;
    padding: 30px 10px;
  }
  .amount-saved .amount-saved__amount .dashboard-tooltip__parent {
    font-size: 40px;
  }

  .dashboard-subfooter {
    display: block;
  }
  .dashboard-subfooter:after {
    content: "";
    display: table;
    clear: both;
  }
  .dashboard-subfooter .recent-service {
    float: none;
    width: 100%;
  }
  .dashboard-subfooter .recent-service__list {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.28);
  }

  .student-slider-wrap {
    width: 100%;
    float: none;
    padding: 55px 20px;
  }
  .student-slider-wrap:before {
    box-shadow: none;
  }

  .student-slider .flex-direction-nav li .flex-prev {
    left: 10%;
  }

  .student-slider .flex-direction-nav li .flex-next {
    right: 10%;
  }
}
/* Optional Post-Type Styles */